/* Classic v2 · revenue editorial. Inherits Classic markup and behavior. */
:root[data-style="classic-v2"]{
  --bg:#edf2f9;--surface:#fff;--text:#14243f;--muted:#52627d;--line:#dce5f1;
  --line-strong:#b9c9df;--hover:#eaf2ff;--track:#e5edf8;--grid:#dce5f1;
  --blue:#1759d5;--blue-deep:#1149b4;--blue-dark:#0d3c96;--chip-bg:#eaf2ff;--chip-icon:#1759d5;
  --header-a:#fff;--header-b:#fff;--header-text:#14243f;
  --hero-a:#102a61;--hero-b:#102a61;--hero-text:#fff;--hero-sub:#c5d9fa;
  --proj-bg:#fff;--proj-border:#dce5f1;--proj-text:#1759d5;--proj-strong:#14243f;
  --shadow:none;--shadow-lift:0 12px 28px rgba(15,39,79,.08);--radius:14px;
}
:root[data-style="classic-v2"]{scrollbar-color:#a7bddd var(--bg);accent-color:var(--blue)}
:root[data-style="classic-v2"] ::selection{background:#bcd6ff;color:#102a61}
:root[data-style="classic-v2"] .bsr-app{max-width:1460px;padding:16px clamp(16px,2.7vw,42px) 56px}
:root[data-style="classic-v2"] .bsr-main{gap:18px;margin-top:22px}
:root[data-style="classic-v2"] .bsr-header{
  background:var(--surface);color:var(--text);
  border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:11px 18px;
}
:root[data-style="classic-v2"] .bsr-brand{letter-spacing:-.025em}
:root[data-style="classic-v2"] .bsr-logo{background:#eaf2ff}
:root[data-style="classic-v2"] .bsr-hbtn,
:root[data-style="classic-v2"] .bsr-account summary,
:root[data-style="classic-v2"] .bsr-sync-menu>summary{color:var(--text);border-color:var(--line);background:var(--surface)}
:root[data-style="classic-v2"] .bsr-hbtn:hover,
:root[data-style="classic-v2"] .bsr-account summary:hover,
:root[data-style="classic-v2"] .bsr-sync-menu>summary:hover{background:var(--hover)}
:root[data-style="classic-v2"] .bsr-sync{color:var(--muted)}
:root[data-style="classic-v2"] .bsr-controls{
  padding:0 0 16px;border-bottom:1px solid var(--line);align-items:center;gap:10px;
}
:root[data-style="classic-v2"] .bsr-controls .bsr-ledger{margin-left:auto}
:root[data-style="classic-v2"] .bsr-ledger-item{background:transparent;box-shadow:none}
:root[data-style="classic-v2"] .bsr-ledger-label{color:var(--muted)}
:root[data-style="classic-v2"] .bsr-main>*{order:8}
:root[data-style="classic-v2"] .bsr-controls{order:0}
:root[data-style="classic-v2"] .bsr-banner{order:1}
:root[data-style="classic-v2"] .bsr-metrics{order:2;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.82fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
:root[data-style="classic-v2"] .bsr-target-live-row{order:3;grid-template-columns:minmax(0,1.4fr) minmax(350px,.8fr);gap:12px}
:root[data-style="classic-v2"] .bsr-proj-wrap,
:root[data-style="classic-v2"] .bsr-month-total,
:root[data-style="classic-v2"] .bsr-set-target{order:4}
:root[data-style="classic-v2"] .bsr-traffic{order:5;gap:12px}
:root[data-style="classic-v2"] .bsr-insights{order:6}
:root[data-style="classic-v2"] .bsr-card,
:root[data-style="classic-v2"] .bsr-target,
:root[data-style="classic-v2"] .bsr-online-target,
:root[data-style="classic-v2"] .bsr-proj,
:root[data-style="classic-v2"] .bsr-month-total,
:root[data-style="classic-v2"] .bsr-stat,
:root[data-style="classic-v2"] .bsr-more{
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;background:var(--surface);
}
:root[data-style="classic-v2"] .bsr-card{min-height:130px;padding:19px 24px;display:flex;flex-direction:column;justify-content:space-between}
:root[data-style="classic-v2"] .bsr-card-head{margin-bottom:6px}
:root[data-style="classic-v2"] .bsr-card h2{font-size:13px;text-transform:uppercase;letter-spacing:.085em;font-weight:750;color:var(--muted)}
:root[data-style="classic-v2"] .bsr-card-icon{border-radius:9px;width:30px;height:30px;flex-basis:30px}
:root[data-style="classic-v2"] .bsr-card .bsr-value{font-size:clamp(29px,3vw,42px);font-weight:750;letter-spacing:-.035em;color:var(--text)}
:root[data-style="classic-v2"] .bsr-card .bsr-compare{border-top:1px solid var(--line);padding-top:10px;margin-top:15px}
:root[data-style="classic-v2"] .bsr-card.is-hero{
  grid-row:span 2;min-height:280px;background:#102a61;color:#fff;border-color:#102a61;
  padding:24px 28px;box-shadow:0 13px 30px rgba(16,42,97,.16);
}
:root[data-style="classic-v2"] .bsr-card.is-hero h2{color:#c8ddff}
:root[data-style="classic-v2"] .bsr-card.is-hero .bsr-value{font-size:clamp(38px,4.1vw,62px);color:#fff;line-height:1.02}
:root[data-style="classic-v2"] .bsr-card.is-hero .bsr-compare{border-color:rgba(255,255,255,.19)}
:root[data-style="classic-v2"] .bsr-card.is-hero .bsr-hero-spark{left:42%;width:55%;bottom:65px;opacity:.8}
:root[data-style="classic-v2"] .bsr-target{padding:22px 25px;min-height:190px}
:root[data-style="classic-v2"] .bsr-target-live-row.no-target{grid-template-columns:minmax(0,1fr)}
:root[data-style="classic-v2"] .bsr-online-target{min-height:190px;padding:20px 22px}
:root[data-style="classic-v2"] .bsr-online-target .bsr-presence-chart{height:55px}
:root[data-style="classic-v2"] .bsr-proj{padding:14px 21px}
:root[data-style="classic-v2"] .bsr-proj-icon{width:36px;height:36px;flex-basis:36px;border-radius:9px}
:root[data-style="classic-v2"] .bsr-traffic .bsr-card{min-height:145px;padding:19px 24px}
:root[data-style="classic-v2"] .bsr-traffic .bsr-value{font-size:32px}
:root[data-style="classic-v2"] .bsr-insights{gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
:root[data-style="classic-v2"] .bsr-stat{border:0;border-radius:0;padding:18px 20px}
:root[data-style="classic-v2"] .bsr-stat+.bsr-stat{border-left:1px solid var(--line)}
:root[data-style="classic-v2"] .bsr-stat-icon{border-radius:9px;width:34px;height:34px;flex-basis:34px}
:root[data-style="classic-v2"] .bsr-stat-text>strong{font-weight:750}
:root[data-style="classic-v2"] .bsr-more>summary{font-weight:700}
:root[data-style="classic-v2"] :focus-visible{outline-color:#68a2ff}
:root[data-theme="dark"][data-style="classic-v2"]{
  --bg:#0b1423;--surface:#142238;--text:#edf4ff;--muted:#b5c5df;--line:#2b3d59;
  --line-strong:#3d5376;--hover:#203452;--track:#253751;--grid:#2b3d59;
  --blue:#7cabff;--blue-deep:#9bc0ff;--blue-dark:#bfdaff;--chip-bg:#203a61;--chip-icon:#9bc0ff;
  --header-a:#142238;--header-b:#142238;--header-text:#edf4ff;
  --proj-bg:#142238;--proj-border:#2b3d59;--proj-text:#9bc0ff;--proj-strong:#edf4ff;
}
:root[data-theme="dark"][data-style="classic-v2"] .bsr-card.is-hero{background:#1a3975;border-color:#355ba1;box-shadow:none}
:root[data-theme="dark"][data-style="classic-v2"] .bsr-card.is-hero h2{color:#d5e5ff}
:root[data-theme="dark"][data-style="classic-v2"] .bsr-ledger-item{color:var(--text)}
@media(max-width:1100px){
  :root[data-style="classic-v2"] .bsr-metrics{grid-template-columns:minmax(0,1.35fr) minmax(240px,.85fr)}
  :root[data-style="classic-v2"] .bsr-target-live-row{grid-template-columns:minmax(0,1fr) minmax(310px,.8fr)}
  :root[data-style="classic-v2"] .bsr-insights{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-style="classic-v2"] .bsr-stat:nth-child(3){border-left:0}
  :root[data-style="classic-v2"] .bsr-stat:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:860px){
  :root[data-style="classic-v2"] .bsr-app{padding:10px 13px 42px}
  :root[data-style="classic-v2"] .bsr-main{gap:12px;margin-top:14px}
  :root[data-style="classic-v2"] .bsr-header{padding:10px 12px}
  :root[data-style="classic-v2"] .bsr-controls{padding-bottom:12px;gap:7px}
  :root[data-style="classic-v2"] .bsr-controls .bsr-ledger{margin-left:0}
  :root[data-style="classic-v2"] .bsr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:10px}
  :root[data-style="classic-v2"] .bsr-card.is-hero{grid-column:1/-1;grid-row:auto;min-height:205px}
  :root[data-style="classic-v2"] .bsr-card{min-height:145px;padding:16px}
  :root[data-style="classic-v2"] .bsr-card .bsr-value{font-size:clamp(24px,6vw,35px)}
  :root[data-style="classic-v2"] .bsr-card.is-hero .bsr-value{font-size:clamp(38px,11vw,55px)}
  :root[data-style="classic-v2"] .bsr-target-live-row{grid-template-columns:minmax(0,1fr);gap:10px}
  :root[data-style="classic-v2"] .bsr-traffic{gap:10px}
  :root[data-style="classic-v2"] .bsr-traffic .bsr-card{min-height:132px;padding:16px}
  :root[data-style="classic-v2"] .bsr-insights{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  :root[data-style="classic-v2"] .bsr-metrics .bsr-card:not(.is-hero) .bsr-card-icon{display:none}
  :root[data-style="classic-v2"] .bsr-metrics .bsr-card h2{font-size:11px;letter-spacing:.045em}
  :root[data-style="classic-v2"] .bsr-traffic .bsr-card{min-width:0}
  :root[data-style="classic-v2"] .bsr-traffic .bsr-value{font-size:clamp(22px,6vw,30px)}
  :root[data-style="classic-v2"] .bsr-insights{display:block}
  :root[data-style="classic-v2"] .bsr-stat,
  :root[data-style="classic-v2"] .bsr-stat:nth-child(3){border-left:0}
  :root[data-style="classic-v2"] .bsr-stat+.bsr-stat{border-top:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){
  :root[data-style="classic-v2"] .bsr-card,
  :root[data-style="classic-v2"] .bsr-proj{transition:none}
}

/* The chart sits just above the lower inset instead of floating mid-card. */
:root[data-style="classic-v2"] .bsr-online-standalone>.bsr-online-target{justify-content:flex-start;padding:15px 18px 12px}
