/* hb-classic.css: styles shared by every classic report converted to the company shell.
   Created 2026-09-28 (Task 0, session d1a91d7f) from the page styles of dashboard/ads.html cbb0e415.
   Load after hb-shell.css. A page keeps only what is truly its own (its loading label, for example). */
:root{--a-cy:#2e5bd6;--a-ind:#7a4fd0;--a-amb:#c46a12;--a-goog:#3b6fd8;--a-meta:#1f8f86;--a-org:#63b596;
 --text-secondary:var(--ink2)}
.pill{font:500 11px var(--mono);padding:1px 5px;border-radius:4px;white-space:nowrap}
.pill-up{color:var(--pos);background:var(--posf)}.pill-down{color:var(--neg);background:var(--negf)}
.insight-block{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;line-height:1.55;color:var(--ink2);margin:0 0 8px}
.insight-block.green{background:var(--posf);border-color:#bddcc9}
.insight-block.blue{background:#edf2fc;border-color:#c9d6f3}
.insight-block.amber{background:var(--warnf);border-color:#e8d3a6}
.status-msg{padding:16px;color:var(--ink3);font-size:13px}
.loading{padding:14px 16px;color:var(--ink3);font-size:13px}.loading .spinner:after{content:'Loading'}
/* Tables keep the classic report's shape: one line per row, a scrolling body with the header pinned, and a long campaign name trimmed with an ellipsis (hover the link for the full name). */
.data-table-wrap{overflow:auto;max-height:520px}
.data-table-wrap td{white-space:nowrap}
.data-table-wrap th{position:sticky;top:0;background:var(--panel);z-index:1}
.data-table-wrap td,.data-table-wrap th{padding-left:8px;padding-right:8px}
.data-table-wrap td:nth-child(3){max-width:200px;overflow:hidden;text-overflow:ellipsis}
.data-table-wrap td a{color:var(--c-mm);text-decoration:none}.data-table-wrap td a:hover{text-decoration:underline}
.ctl{font-size:12px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
.ctl .btn,.ctl input{font-weight:400}
.ctl input[type=date]{height:30px;border:1px solid var(--line2);border-radius:6px;padding:0 8px;background:var(--panel);font:inherit;font-size:12.5px;color:var(--ink)}
.ph .ctls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.fbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin:0 0 16px}
.ai-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:0 0 6px}
.ai-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.55;color:var(--ink2)}
.ai-panel summary{cursor:pointer;font-weight:600;color:var(--ink)}
.ai-panel.amber summary:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--warn);margin-right:7px}
.ai-panel.blue summary:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--a-cy);margin-right:7px}
.ai-panel ol{margin:8px 0 2px;padding-left:18px}.ai-panel li{margin:0 0 6px}
.ai-asof{font-size:11.5px;color:var(--ink3);margin:0 0 16px}
.ctls2{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:0 0 12px}
.an{padding:0 16px 12px}
.an>div:first-child{font-size:12px;color:var(--ink3);margin-bottom:6px;line-height:1.5}
.win{display:block;margin-top:5px;font-size:11px;color:var(--ink3)}
.sech{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:28px 0 12px;padding-top:16px;border-top:1px solid var(--line2)}
.sech h2{font:600 17px/1.2 var(--ui);letter-spacing:-.3px;margin:0}
.sech span{font-size:12px;color:var(--ink3)}
.split+.split{margin-top:8px}.split .sl{font-size:11.5px;color:var(--ink3);margin:0 0 2px}
#app .gap{margin-top:16px}
/* The shell line chart puts half a hover band past the last point; clip it so a full width chart cannot push the page sideways. */
.chost{overflow:hidden;padding-right:28px}
@media(max-width:1000px){.ai-panels{grid-template-columns:1fr}}
/* Score cards (batch 9b, 2026-09-28): headline figure, change pill, sparkline, footer line. */
.scg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0 0 16px}
.sc{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px;min-width:0}
.sc .l{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc .v{font:500 22px/1.2 var(--mono);letter-spacing:-.8px;margin-top:4px;white-space:nowrap}
.sc .v .pill{vertical-align:middle;font-size:11px;letter-spacing:0}
.sc .spk{display:block;width:100%;height:34px;margin:6px 0 2px}
.sc .f{font-size:11.5px;color:var(--ink3);margin-top:3px;line-height:1.4}
.pill-flat{color:var(--ink2);background:var(--sunk)}
.pill-y{color:var(--warn);background:var(--warnf)}
.pill-b{color:var(--c-mm);background:#edf2fc}
.pill-g{color:var(--pos);background:var(--posf)}
.pill-r{color:var(--neg);background:var(--negf)}
/* A DLG row in a competitor table. */
.tw tr.dlg td{background:#edf2fc;font-weight:600}