/* Кабинет рекламодателя: верхняя панель, два раздела, только просмотр. Токены — из /style.css. */
.shell{max-width:1180px;margin:0 auto;height:100%;display:flex;flex-direction:column;min-height:0;padding:0 max(16px,env(safe-area-inset-left,0px))}
header.chead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}
.cbrand{display:flex;align-items:center;gap:10px}.cbrand i{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-style:normal;font-weight:700}
.cbrand b{display:block;font-size:15px;letter-spacing:-.01em;line-height:1.2}.cbrand span{display:block;color:var(--fg-3);font-size:12px}
nav.tabs{display:flex;gap:2px;margin-left:12px}
nav.tabs a{padding:8px 12px;border-radius:6px;color:var(--fg-2);text-decoration:none;font-weight:500;min-height:36px}
nav.tabs a:hover{background:var(--surface-2);color:var(--fg)}nav.tabs a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}
.who{margin-left:auto;display:flex;gap:10px;align-items:center;color:var(--fg-3);font-size:13px}
main#view{flex:1;min-height:0;overflow:auto;padding:18px 0 28px}
h1.pg{font-size:20px;margin:0 0 2px;letter-spacing:-.015em}.lead{color:var(--fg-3);margin:0 0 16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.kpi small{display:block;color:var(--fg-3);font-size:12px;margin-bottom:4px}.kpi b{font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.kpi span{display:block;color:var(--fg-2);font-size:12.5px;margin-top:3px}
.grid2{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;margin-bottom:14px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;min-width:0}
.card h2{font-size:14px;margin:0 0 2px}.card .ccap{color:var(--fg-3);font-size:12.5px;margin:0 0 12px}
.funnel{display:grid;gap:8px}.step{display:grid;grid-template-columns:150px minmax(0,1fr) 56px;gap:10px;align-items:center}
.step .nm{color:var(--fg-2)}.step .tr{background:var(--surface-2);border-radius:4px;height:22px;overflow:hidden}.step .tr i{display:block;height:100%;background:var(--accent);border-radius:4px}
.step .v{font:500 13px var(--mono);text-align:right}.step .cv{grid-column:2/4;font-size:12px;color:var(--fg-3);margin-top:-4px}.step .cv.worst{color:var(--warn);font-weight:600}
.stack{display:flex;height:14px;border-radius:4px;overflow:hidden;margin:2px 0 12px;background:var(--surface-2)}
.ocs{display:grid;gap:7px}.oc{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center}.oc i{width:10px;height:10px;border-radius:3px}.oc b{font:500 13px var(--mono)}
.legend{display:flex;gap:14px;font-size:12.5px;color:var(--fg-2);margin-bottom:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}
svg.chart{width:100%;height:auto;display:block}svg.chart text{fill:var(--fg-3);font:11px var(--sans)}svg.chart .grid{stroke:var(--line);stroke-width:1}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:4px 12px;font-size:13px;color:var(--fg-2);min-height:32px}
.chip:hover{background:var(--surface-2)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.csplit{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;min-height:0}
.csplit .list{max-height:calc(100vh - 260px)}
.conv{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:0;max-height:calc(100vh - 260px)}
.conv .main{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line)}.conv .head{padding:12px 16px;border-bottom:1px solid var(--line)}.conv .head h2{margin:0;font-size:15px}
.conv .side{overflow:auto;padding:12px 14px}.conv .side .kv{margin-bottom:16px}
input.search{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:6px 10px;width:100%;max-width:280px;margin-bottom:10px;min-height:32px}
@media (max-width:860px){.grid2,.csplit{grid-template-columns:minmax(0,1fr)}.csplit .list{max-height:260px}.conv{grid-template-columns:minmax(0,1fr);max-height:none}.conv .main{border-right:0;border-bottom:1px solid var(--line)}
  .step{grid-template-columns:110px minmax(0,1fr) 50px}nav.tabs{margin-left:0;width:100%}.who{margin-left:0}}

.plan{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end}
.pd{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--fg-3)}
.pd b{color:var(--fg);font-size:14px}
.pb{height:90px;width:100%;display:flex;align-items:flex-end;background:var(--bg-2,transparent);border-radius:6px}
.pb i{display:block;width:100%;background:var(--accent);border-radius:6px 6px 0 0;min-height:2px}
.qlist{display:flex;flex-direction:column}
.qrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.qrow:first-child{border-top:0}
.qt{min-width:64px;color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:13px}
.qrow .pill{margin-left:auto}
.card h2 .muted{font-weight:400;margin-left:6px}
.card+.card{margin-top:16px}