/* VantageOOH skin — loaded after vistar.css/planner.css, overrides the
   Vistar orange brand layer with the Vantage blue system. Semantic colors
   (teal = positive, salmon = negative) are left untouched. */
:root{
  --orange:#2048FF;
  --peach:#E8EDFF;
  --pink-tint:#EEF2FF;
  --c-orange:#2048FF;
  --font:'Space Grotesk','Golos Text',system-ui,-apple-system,sans-serif;
}
/* Integrated chrome: the planner's top/bottom bars match the platform's
   dark-ink rail instead of shouting their own blue. */
header{
  background:#0A0A1A;
  box-shadow:none;
  border-bottom:1px solid rgba(255,255,255,.07);
  height:50px;
  padding:0 20px;
}
/* chip matches the platform product chips exactly: 12px bold white */
.logo-prod{
  font-size:.75rem;
  font-weight:700;
  color:#fff;
  letter-spacing:.02em;
  padding:4px 10px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:8px;
}
.hdr-btn.solid{background:#2048FF;border-color:#2048FF;color:#fff}
.site-foot{background:#0A0A1A;border-top:1px solid rgba(255,255,255,.07)}
.logo-vistar{height:20px}
.tabs button{color:#d6e0ff}
.tabs button.on{color:#2048FF}
#demoBadge{background:#E8EDFF;color:#1a3ad4}
.kpi.accent{background:#E8EDFF;border-color:#c4d2ff;box-shadow:0 8px 24px rgba(32,72,255,.14)}
.kpi.accent .label,.kpi.accent .note,.kpi.accent .big{color:#1a3ad4}
.qpop b{color:#9db4ff}
.gate-card .btn{background:#2048FF}
.strip{background:linear-gradient(180deg,#fff 0%,#f0f4ff 100%)}

/* Embedded in the platform shell: the shell already carries the VantageOOH
   brand, so the planner's own logos are hidden — one brand mark per screen.
   Standalone (planner.vantageooh.com) shows its own. */
.framed .logo-vistar{display:none}
.logo-sep{display:none}
/* "Powered by" was the Vistar-era footer; the header carries the brand now. */
.site-foot .sf-brand{display:none}
.site-foot{justify-content:flex-end}
.standalone .logo-vistar{display:block;height:22px}

/* Inside a campaign the pagehead already carries the name, market, dates
   and budget — the strip repeating them above it is noise. */
body:has(#vPlanner.on) .strip{display:none}

/* Last of the Vistar-era warm tones: the method explainer, playback counter,
   detail window and hover tints all sit on the blue system now. */
.explain-c p{color:#374151}
.explain-key span{color:#6B7280}
.det-win{color:#13205C}
.pb .live b{color:#2048FF}
.formula .val.orange,.tooltip b{color:#4d6fff}
.camp-new:hover{background:rgba(32,72,255,.04)}
.map-tools button:hover,.pb .speed:hover{border-color:#2048FF;color:#2048FF}
.tbl tbody tr.clk:hover{background:rgba(32,72,255,.05)}