/* Readiness dashboard v8: chart + vertical LTV meter in one view. */
#bm-buffer .bd-visual{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:18px;
  align-items:stretch;
  margin-top:8px;
}
#bm-buffer .bd-visual .br-canvas{margin:0;min-width:0}
#bm-buffer .bd-ltv{
  min-width:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:16px 15px 14px;
  display:flex;
  flex-direction:column;
}
#bm-buffer .bd-meter-kicker{
  color:var(--muted);
  font-size:11px!important;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:600;
}
#bm-buffer .bd-meter-month{
  color:var(--green);
  font-size:14px!important;
  line-height:1.35;
  font-weight:600!important;
  margin-top:4px;
}
#bm-buffer .bd-meter-core{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  flex:1;
  min-height:220px;
  margin:14px 0 12px;
}
#bm-buffer .bd-track{
  position:relative;
  width:28px;
  height:100%;
  justify-self:center;
  border:1px solid #d5ddd0;
  background:#edf1e9;
  border-radius:10px;
  overflow:visible;
}
#bm-buffer .bd-zone{position:absolute;left:0;right:0;z-index:0}
#bm-buffer .bd-zone-warning{background:#fff4d7}
#bm-buffer .bd-zone-danger{background:#faece8;border-radius:9px 9px 0 0}
#bm-buffer .bd-fill{
  position:absolute;
  left:0;right:0;bottom:0;
  min-height:2px;
  z-index:1;
  background:#4f7248;
  border-radius:0 0 9px 9px;
  transition:height .18s ease;
}
#bm-buffer .bd-ltv.is-tight .bd-fill{background:#c3982f}
#bm-buffer .bd-tick{
  position:absolute;
  left:-6px;
  width:40px;
  height:2px;
  z-index:3;
  transform:translateY(1px);
}
#bm-buffer .bd-target{background:#7b817a}
#bm-buffer .bd-limit{background:#a13c2f}
#bm-buffer .bd-marker{
  position:absolute;
  left:50%;
  width:14px;height:14px;
  border-radius:50%;
  z-index:4;
  background:var(--gold);
  border:2px solid var(--green);
  transform:translate(-50%,50%);
  transition:bottom .18s ease;
}
#bm-buffer .bd-scale{
  position:relative;
  height:100%;
  color:var(--muted);
  font-size:10px!important;
  line-height:1;
}
#bm-buffer .bd-scale span{position:absolute;left:0;white-space:nowrap}
#bm-buffer .bd-scale-top{top:-1px}
#bm-buffer .bd-scale-bottom{bottom:-1px}
#bm-buffer .bd-target-label{transform:translateY(50%)}
#bm-buffer .bd-limit-label{transform:translateY(50%);color:#913c30}
#bm-buffer .bd-meter-stat{
  border-top:1px solid var(--line);
  padding-top:9px;
  margin-top:3px;
}
#bm-buffer .bd-meter-stat span{
  display:block;
  color:var(--muted);
  font-size:11px!important;
  line-height:1.4;
}
#bm-buffer .bd-meter-stat strong{
  display:block;
  color:var(--green);
  font-size:21px!important;
  line-height:1.2;
  font-weight:600!important;
  margin-top:3px;
}
#bm-buffer .bd-meter-note{
  color:var(--muted);
  font-size:10px!important;
  line-height:1.5;
  margin:10px 0 0!important;
}
#bm-buffer .br-stats{margin-top:14px}
#bm-buffer .bd-risk-hidden{display:none!important}
#bm-buffer .br-month-head{margin-top:18px}

@media(max-width:900px){
  #bm-buffer .bd-visual{grid-template-columns:minmax(0,1fr) 165px;gap:14px}
  #bm-buffer .bd-meter-core{min-height:205px}
}
@media(max-width:720px){
  #bm-buffer .bd-visual{grid-template-columns:minmax(0,1fr) 110px;gap:10px}
  #bm-buffer .bd-ltv{padding:11px 9px}
  #bm-buffer .bd-meter-kicker{font-size:9px!important}
  #bm-buffer .bd-meter-month{font-size:11px!important}
  #bm-buffer .bd-meter-core{grid-template-columns:29px minmax(0,1fr);gap:5px;min-height:190px;margin:10px 0}
  #bm-buffer .bd-track{width:22px}
  #bm-buffer .bd-tick{left:-5px;width:32px}
  #bm-buffer .bd-scale{font-size:8px!important}
  #bm-buffer .bd-meter-stat strong{font-size:16px!important}
  #bm-buffer .bd-meter-stat span{font-size:9px!important}
  #bm-buffer .bd-meter-note{font-size:8px!important}
}
@media(max-width:420px){
  #bm-buffer .bd-visual{grid-template-columns:minmax(0,1fr) 96px;gap:8px}
  #bm-buffer .bd-ltv{padding:10px 7px}
  #bm-buffer .bd-meter-core{grid-template-columns:25px minmax(0,1fr);min-height:175px}
  #bm-buffer .bd-track{width:20px}
  #bm-buffer .bd-tick{left:-4px;width:28px}
  #bm-buffer .bd-meter-stat strong{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
  #bm-buffer .bd-fill,#bm-buffer .bd-marker{transition:none!important}
}