/* ALCLEAR dashboard design for the bid tool — copied from /opt/asin-table templates (dayparting / profit) */
:root,.dark{color-scheme:dark;--chart-grid:#252b3b;--sticky-header-bg:#4f46e5;--sticky-cell-bg:#0e1117}
html.dark body,body{margin:0;background:#0b0e14;padding:18px;color:#e2e8f0;
  font-family:"Montserrat","Helvetica Neue",Helvetica,system-ui,sans-serif;font-variant-numeric:tabular-nums}
body,button,input,select,textarea,option,table,th,td{font-family:"Montserrat","Helvetica Neue",Helvetica,system-ui,sans-serif;font-variant-numeric:tabular-nums}
/* app container = .box */
body.alc-app #root>div{background:#0e1117!important;border-radius:14px;padding:22px;min-height:calc(100vh - 36px);box-sizing:border-box}
body.alc-app main{padding:0!important}
body.alc-app main.max-w-none{max-width:none}
/* ── top tab bar ── */
#alc-top .alcnav{display:flex;gap:8px;margin:0 0 18px;align-items:center;flex-wrap:wrap}
#alc-top .alcnav a,#alc-top .alcprod{background:#161b2e;border:1px solid #2a3147;color:#94a3b8;padding:7px 14px;border-radius:8px;
  font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
#alc-top .alcnav a:hover{border-color:#4759a8}
#alc-top .alcnav a.on{background:#2b3350;color:#e2e8f0;border-color:#4759a8}
#alc-top .alcnav a.alclogo{display:inline-flex;align-items:center;background:transparent;border:0;padding:4px 6px;margin-right:6px}
#alc-top .alcnav a.alclogo img{height:20px;width:auto;display:block;filter:drop-shadow(0 0 5px rgba(255,40,58,.45))}
#alc-top .alcprod{background:transparent;border-color:transparent;color:#c084fc;padding-left:2px;cursor:default}
#alc-top .alcsep{flex:1}
#alc-top .alcnav a.ext{font-size:12px;padding:5px 9px;color:#7c879b}
/* ── titles ── */
h1.alc-title,body.alc-app main h1{margin:0;color:#c084fc!important;font-size:1.5em!important;font-weight:700!important;line-height:1.25}
body.alc-app main h1+p,body.alc-app main h1~p.text-sm{color:#94a3b8!important;font-size:14px!important;margin:6px 0 0}
.fine{color:#64748b;font-size:12px}
/* ── form controls ── */
.dark select,.dark input:not([type=checkbox]):not([type=radio]):not([type=range]),.dark textarea{background-color:#171b26!important;color:#e2e8f0!important;
  border:1px solid #334155!important;border-radius:10px!important;font-family:inherit}
.dark select:focus,.dark input:focus,.dark textarea:focus{outline:none!important;border-color:#22d3ee!important;box-shadow:none!important}
.dark input[type=date]{color-scheme:dark}
.dark input[type=checkbox],.dark input[type=radio]{accent-color:#4f46e5}
.dark option,.dark optgroup{background:#171b26;color:#e2e8f0}
/* chips = dashboard buttons */
button.chip{background:#171b26;color:#e2e8f0;border:1px solid #334155;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px;cursor:pointer}
button.chip:hover{border-color:#22d3ee}
button.chip.on{background:#4f46e5;border-color:#4f46e5;font-weight:600}
button.chip.part{border-color:#4f46e5}
button.chip.sm{padding:5px 10px;font-size:12px}
.dark .bg-blue-600{background-color:#4f46e5!important;border-color:#4f46e5!important}
.dark .hover\:bg-blue-700:hover,.dark .bg-blue-700{background-color:#4338ca!important}
.dark .bg-gray-700,.dark .bg-gray-800{background-color:#171b26!important;border:1px solid #334155}
.dark .hover\:bg-gray-800:hover{border-color:#22d3ee}
.dark .rounded-md,.dark .rounded-lg{border-radius:10px}
/* surfaces */
.dark .bg-white{background-color:#131826}
.dark .bg-gray-50{background-color:#0e1117}
.dark .bg-gray-50\/50,.dark .bg-gray-50\/60{background-color:rgba(129,140,248,.04)}
.dark .bg-gray-100{background-color:#171b26}
.dark .bg-gray-200{background-color:#1e2233}
.dark .bg-gray-300{background-color:#2a3147}
.dark .hover\:bg-gray-50:hover,.dark .hover\:bg-white:hover{background-color:#1a2033}
.dark .hover\:bg-gray-100:hover{background-color:#1e2438}
.dark .hover\:bg-gray-200:hover,.dark .hover\:bg-gray-300:hover{background-color:#2b3350}
.dark .text-gray-900,.dark .text-gray-800{color:#e2e8f0}
.dark .text-gray-700{color:#cbd5e1}
.dark .text-gray-600,.dark .text-gray-500{color:#94a3b8}
.dark .text-gray-400,.dark .text-gray-300{color:#64748b}
.dark .border-gray-100,.dark .border-gray-200,.dark .border-gray-300{border-color:rgba(148,163,184,.2)}
.dark .divide-gray-100>:not([hidden])~:not([hidden]),.dark .divide-gray-200>:not([hidden])~:not([hidden]),
.dark .divide-gray-300>:not([hidden])~:not([hidden]){border-color:rgba(148,163,184,.16)}
.dark .shadow-sm,.dark .shadow{box-shadow:none}
.dark .ring-black{--tw-ring-color:rgba(148,163,184,.2)}
/* panels inside the box look like dashboard cards */
body.alc-app main .bg-white.rounded-lg.border:not(.alc-pop),body.alc-app main .bg-white.rounded-lg.shadow-sm:not(.alc-pop){background:rgba(129,140,248,.08)!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:11px}
body.alc-app .fixed .bg-white{background:#0e1117!important;border:1px solid rgba(148,163,184,.3);box-shadow:0 8px 30px rgba(0,0,0,.5)}
body.alc-app main>.bg-white.rounded-lg>.p-3{padding:0!important}
body.alc-app main>.bg-white.rounded-lg.shadow-sm.border.overflow-hidden{background:transparent!important;border:0!important;overflow:visible}

/* ── tiles (profit page .tl) ── */
.cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:8px 0 14px}
@media(max-width:1300px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tl{position:relative;background:rgba(129,140,248,.08);border:1px solid rgba(148,163,184,.2);border-radius:11px;overflow:visible}
.tl-h{padding:7px 11px;color:#fff;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center;gap:6px}
.tl-h b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-l{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;padding:7px 11px 2px}
.tl-l b{font-size:1.1rem;font-weight:700;display:block;color:#e2e8f0}
.tl-l i{font-style:normal;color:#64748b;font-size:12px;white-space:nowrap}
.tl-d{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 11px 8px;min-height:18px}
.tl-d i{font-style:normal;color:#64748b;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc{font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 5px;letter-spacing:0;text-transform:none;display:inline-block;margin-top:3px;white-space:nowrap}
.pc.g{background:rgba(74,222,128,.16);color:#4ade80}
.pc.b{background:rgba(248,113,113,.16);color:#f87171}
.pc.n{color:#94a3b8;background:rgba(148,163,184,.12)}

/* ── main targeting table ── */
.alc-tt{font-size:13px}
.alc-tt thead th{background-color:#4f46e5!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;
  font-size:12.5px!important;font-weight:600!important;padding:8px 9px!important;border-color:rgba(255,255,255,.12)!important}
.alc-tt thead th:hover{background-color:#5b54ea!important}
.alc-tt thead th button,.alc-tt thead th .text-gray-300,.alc-tt thead th .text-gray-400{color:rgba(255,255,255,.62)!important}
.alc-tt thead th button:hover{color:#fff!important;background:rgba(255,255,255,.14)!important}
.alc-tt thead th .text-blue-600{color:#fde68a!important}
.alc-tt thead tr:last-child th{box-shadow:inset 0 -2px 0 #818cf8}
.alc-tt td{padding:6px 9px!important;border-bottom:1px solid rgba(148,163,184,.16)}
.alc-tt tbody tr:hover td{background-color:rgba(129,140,248,.06)}
.alc-sm{font-size:10px;opacity:.6;letter-spacing:-1px;color:#fff}
.alc-sm.on{opacity:1;color:#fde68a;letter-spacing:0}
/* pinned Σ totals row (tr.tot of the dashboards) — sticks under the header */
.alc-tt tbody tr.border-indigo-300>td{background:#312e81!important;color:#e0e7ff!important;font-weight:700;font-size:12px;
  border-bottom:2px solid rgba(148,163,184,.5)!important;position:sticky;top:var(--alc-thh,44px);z-index:20}
.alc-tt tbody tr.border-indigo-300>td .text-indigo-500,.alc-tt tbody tr.border-indigo-300>td .text-gray-500{color:#a5b4fc!important;letter-spacing:.04em}
/* ── left sidebar (ALCSIDEBAR of the dashboards) ── */
#alcside{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:60;background:#0e1117;border-right:1px solid rgba(148,163,184,.2);
  display:flex;flex-direction:column;font-family:"Montserrat","Helvetica Neue",Helvetica,system-ui,sans-serif;transition:width .15s}
#alcside .sb-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 10px;border-bottom:1px solid rgba(148,163,184,.14)}
#alcside .sb-hd b{color:#c084fc;font-size:13px;letter-spacing:.04em}
#alcside .sb-tg{background:#171b26;border:1px solid #334155;color:#e2e8f0;border-radius:8px;width:30px;height:28px;cursor:pointer;
  font:700 14px inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none}
#alcside .sb-tg:hover{border-color:#22d3ee}
#alcside .sb-badge{position:absolute;top:-7px;right:-8px;background:#4f46e5;color:#fff;border-radius:9px;font-size:10px;font-weight:700;
  min-width:17px;height:17px;line-height:17px;text-align:center;padding:0 4px;display:none}
#alcside .sb-badge.on{display:block}
#alcside .sb-body{overflow:auto;padding:4px 14px 18px;flex:1}
#alcside .sb-sec{margin-top:14px}
#alcside .sb-sec:not(:has(.slot>*)){display:none}
#alcside .sb-sec h6{margin:0 0 7px;color:#64748b;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
#alcside .sb-empty{display:none;color:#64748b;font-size:12px;line-height:1.5;margin-top:16px}
#alcside .sb-rail{display:none}
body.alcsb-closed #alcside{width:46px}
body.alcsb-closed #alcside .sb-hd{flex-direction:column;padding:12px 8px;border:0}
body.alcsb-closed #alcside .sb-hd b,body.alcsb-closed #alcside .sb-body{display:none}
body.alcsb-closed #alcside .sb-rail{display:block;writing-mode:vertical-rl;transform:rotate(180deg);color:#64748b;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:14px auto 0;cursor:pointer}
body.alc-app.alcsb-open{padding-left:298px!important}
body.alc-app.alcsb-closed{padding-left:64px!important}
body:not(.alc-app) #alcside{display:none}
#alcsb-bd{display:none}
#alcside .sb-ft{border-top:1px solid rgba(148,163,184,.14);padding:10px 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}
#alcside .sb-user{color:#94a3b8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#alcside .sb-user b{color:#e2e8f0;font-weight:600}
#alcside .sb-out{background:#171b26;border:1px solid #334155;color:#e2e8f0;border-radius:8px;padding:6px 10px;cursor:pointer;font:600 12px inherit;white-space:nowrap}
#alcside .sb-out:hover{border-color:#f87171;color:#fecaca}
body.alcsb-closed #alcside .sb-ft{flex-direction:column;padding:10px 6px;margin-top:auto}
body.alcsb-closed #alcside .sb-user{display:none!important}
body.alcsb-closed #alcside .sb-out{padding:6px 0;width:32px;font-size:14px}
body.alcsb-closed #alcside .sb-out .t{display:none}
@media(max-width:760px){
  body.alc-app.alcsb-open,body.alc-app.alcsb-closed{padding-left:64px!important}
  body.alcsb-open #alcside{width:min(300px,88vw);box-shadow:0 0 40px rgba(0,0,0,.6)}
  body.alcsb-open #alcsb-bd{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:59}
}
/* controls moved into the sidebar: one per line, full width */
#alcside .slot{display:flex;flex-direction:column;gap:8px;font-size:13px}
#alcside .slot>*,#alcside .slot>*>*{max-width:100%!important;box-sizing:border-box}
#alcside .slot>input,#alcside .slot>select,#alcside .slot>label,#alcside .slot>div,#alcside .slot>button{width:100%!important;margin:0!important}
#alcside .slot label{white-space:normal!important}
#alcside .slot label span{white-space:normal!important}
#alcside .slot .whitespace-nowrap{white-space:normal}
#alcside .slot .flex-row,#alcside .slot .sm\:flex-row{flex-direction:column!important;align-items:stretch!important}
#alcside .slot button{justify-content:center}
#alcside .slot .absolute{position:relative!important;inset:auto!important;width:auto!important;max-height:none!important;margin-top:6px!important;box-shadow:none!important}
#alcside #alcsb-profile>div{flex-wrap:wrap}
#alcside #alcsb-profile label{display:none}
#alcside #alcsb-profile select{min-width:0!important;width:100%;border-color:#4f46e5!important;font-size:13px;font-weight:600;padding:8px 10px}
#alcside #alcsb-profile button{width:100%;justify-content:center}
#alcside #alcsb-zeitraum>.relative>div:first-child{padding:0!important;border:0!important;background:transparent!important}
#alcside #alcsb-zeitraum>.relative>div:first-child>svg{display:none}
#alcside #alcsb-zeitraum select{width:100%;border-color:#c084fc!important;font-size:13px;font-weight:600;padding:8px 10px}
#alcside #alcsb-analyse select{border-color:#22d3ee!important;font-weight:600}
#alcside #alcsb-analyse label{background:#171b26!important;border:1px solid #334155!important;border-radius:10px;color:#cbd5e1!important;padding:8px 10px}
#alcside #alcsb-analyse label:has(input:checked){border-color:#c084fc!important;background:rgba(192,132,252,.12)!important;color:#e9d5ff!important}
.alc-pills{display:flex;flex-wrap:wrap;gap:6px}
#alcside .alc-pills button{width:auto!important}

#alcside #alcsb-analyse>div[title^="Filter rows"]{display:flex!important;flex-wrap:nowrap;gap:6px;align-items:center;padding:5px 8px!important;
  border:1px solid #22d3ee!important;background:#171b26!important;border-radius:10px}
#alcside #alcsb-analyse>div[title^="Filter rows"] select{flex:1;min-width:0;width:auto!important;padding:3px 6px!important;border:0!important;background:transparent!important}
#alcside #alcsb-analyse>div[title^="Filter rows"] button{flex:none;width:auto!important}
#alcside #alcsb-saved>div>div{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
/* every data table in the app gets the indigo dashboard header */
body.alc-app main table thead th{background-color:#4f46e5!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important}
body.alc-app main table thead th *{color:inherit}
body.alc-app main table thead{background:#4f46e5!important}
#alc-top .alcnav{gap:6px}
#alc-top .alcnav a,#alc-top .alcprod{padding:6px 12px;font-size:13.5px}
#alc-top .alcnav a.ext{font-size:12px;padding:5px 8px}
@media(max-width:1500px){#alc-top .alcnav a.ext{font-size:11.5px;padding:4px 7px}#alc-top .alcprod{display:none}}
#root .fixed.inset-0{z-index:80!important}
img[src$="alclear_logo_neon.png"].h-8{width:auto!important;height:22px!important;filter:drop-shadow(0 0 5px rgba(255,40,58,.45))}
form.max-w-sm h1{color:#c084fc!important}
@media(max-width:760px){html.dark body,body{padding:10px}body.alc-app #root>div{padding:12px;border-radius:10px}}

/* header popovers: opaque card, fixed-positioned by alc_defs_bid.js so the table container never clips it */
.alc-tt thead:has(.alc-pop){z-index:90!important}
.alc-tt thead th:has(.alc-pop){z-index:90!important}
.alc-pop{position:fixed!important;z-index:2147483000!important;background:#131826!important;border:1px solid #334155!important;border-radius:11px!important;
  box-shadow:0 14px 36px rgba(0,0,0,.65)!important;color:#cbd5e1!important;text-transform:none!important;font-weight:400!important;text-align:left;
  letter-spacing:0!important;white-space:normal;cursor:default}
.alc-pop .text-xs.font-semibold{color:#c084fc!important;font-weight:700}
.alc-tt thead th .alc-pop button{color:#e2e8f0!important;background:#171b26!important;border:1px solid #334155!important}
.alc-tt thead th .alc-pop button:hover{background:#2b3350!important;color:#fff!important}
.alc-tt thead th .alc-pop button.bg-blue-600{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}
.alc-tt thead th .alc-pop button.border-emerald-300{color:#34d399!important;border-color:rgba(16,185,129,.4)!important}
.alc-tt thead th .alc-pop button.border-rose-300{color:#fb7185!important;border-color:rgba(244,63,94,.4)!important}
.alc-pop label{color:#94a3b8!important}
.alc-tt thead th [role=button]{cursor:pointer!important}
.alc-tt thead th[data-alcdef]{cursor:pointer}
/* scrollbars like the dashboards; no dark square in the scroll corner */
body.alc-app *{scrollbar-width:thin;scrollbar-color:#334155 transparent}
body.alc-app ::-webkit-scrollbar{width:10px;height:10px}
body.alc-app ::-webkit-scrollbar-track{background:transparent}
body.alc-app ::-webkit-scrollbar-thumb{background:#334155;border-radius:6px;border:2px solid #0e1117}
body.alc-app ::-webkit-scrollbar-corner{background:transparent}
.alc-est{color:#fbbf24;font-weight:700;cursor:help}
.alc-multi{display:inline-flex;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:700;background:rgba(245,158,11,.16);color:#fbbf24;border:1px solid rgba(245,158,11,.38)}

/* pinned (sticky-left) cells stay opaque and above scrolled cells; the Σ row's pinned cells above everything in tbody */
.alc-tt tbody td[style*="sticky"]{background-color:#0e1117}
.alc-tt tbody tr.border-indigo-300>td[style*="sticky"]{z-index:25}
.alc-loading{display:flex;gap:14px;align-items:center;background:rgba(129,140,248,.08);border:1px solid rgba(148,163,184,.2);border-radius:11px;padding:16px 18px;margin:8px 0 14px}
.alc-loading b{display:block;color:#e2e8f0;font-size:15px;margin-bottom:3px}
.alc-loading span{color:#94a3b8;font-size:12.5px}
.alc-spin{width:26px;height:26px;border-radius:50%;border:3px solid #2a3147;border-top-color:#c084fc;animation:alcspin .9s linear infinite;flex:none}
@keyframes alcspin{to{transform:rotate(360deg)}}
.alc-bar{width:260px;height:4px;background:#1e2233;border-radius:3px;overflow:hidden;margin-top:8px}
.alc-bar i{display:block;height:100%;background:#c084fc;border-radius:3px;transition:width 1s linear}
body.alc-busy .alc-tt tbody,body.alc-busy main .flex.items-center.justify-center.gap-2.py-12{display:none}
/* Σ row: never truncate; breakdown panel */
.alc-tt tbody tr.border-indigo-300>td{white-space:nowrap;overflow:visible!important;text-overflow:clip!important}
.alc-tt tbody tr.border-indigo-300>td *{overflow:visible!important;text-overflow:clip!important;max-width:none!important}
.alc-break-btn{background:rgba(255,255,255,.12);border:1px solid rgba(165,180,252,.5);color:#e0e7ff;border-radius:6px;width:24px;height:22px;cursor:pointer;font-size:12px;line-height:1}
.alc-break-btn:hover{background:#4f46e5}
.alc-tt tr.alc-break>td{padding:0!important;background:#111527!important;border-bottom:2px solid rgba(148,163,184,.5)}
.alc-break-in{position:sticky;left:0;max-width:calc(100vw - 380px);padding:10px 12px;overflow:auto}
body.alcsb-closed .alc-break-in{max-width:calc(100vw - 150px)}
.alc-break-in table{border-collapse:collapse;font-size:12.5px;min-width:720px}
.alc-break-in th{position:static!important;background:#312e81!important;color:#e0e7ff!important;padding:5px 9px!important;text-align:right;font-weight:600}
.alc-break-in th.l,.alc-break-in td.l{text-align:left}
.alc-break-in td{padding:4px 9px!important;text-align:right;border-bottom:1px solid rgba(148,163,184,.12);white-space:nowrap}
.alc-break-in tr.pf td{border-top:1px solid rgba(148,163,184,.35)}
/* responsive tiles: never overflow */
.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.tl-l b{font-size:clamp(.95rem,1.25vw,1.1rem);overflow-wrap:anywhere;word-break:break-word;line-height:1.2}
.tl{min-width:0}
.alc-warn{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.45);color:#fde68a;border-radius:10px;padding:9px 12px;margin:6px 0 8px;font-size:13px}.alc-warn span{color:#fcd34d}
.alc-dim{color:#64748b!important}
.alc-tt tbody tr.alc-recon>td{font-style:italic;color:#94a3b8!important;background:rgba(148,163,184,.06)}
.alc-recon-tag{display:inline-flex;padding:1px 7px;border-radius:6px;font-size:11px;font-weight:700;font-style:normal;background:rgba(148,163,184,.14);color:#cbd5e1;border:1px dashed rgba(148,163,184,.5)}
.alc-recon-txt{font-style:italic;color:#94a3b8}
.alc-arch{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:rgba(148,163,184,.16);color:#94a3b8;border:1px solid rgba(148,163,184,.35)}
.alc-ro{color:#64748b;font-size:13px}
.alc-prof{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* pinned columns: opaque, above scrolled cells, right edge; cells never paint outside their column */
.alc-tt td,.alc-tt th{overflow:hidden}
.alc-tt td[style*="sticky"],.alc-tt th[style*="sticky"]{background-clip:padding-box}
.alc-tt tbody td[style*="sticky"]{background-color:#0e1117!important;z-index:21!important}
.alc-tt thead th[style*="sticky"]{z-index:41!important}
.alc-tt tbody tr.border-indigo-300>td[style*="sticky"]{background:#312e81!important;z-index:26!important}
.alc-tt tr>[style*="box-shadow"]{box-shadow:inset -1px 0 0 rgba(165,180,252,.5),6px 0 8px -4px rgba(0,0,0,.6)!important}
.alc-tt tbody tr.border-indigo-300 .text-indigo-500{white-space:normal!important;word-break:break-word;display:inline-block;line-height:1.25}
.alc-tt tbody tr.alc-recon-warn>td{color:#fbbf24!important;background:rgba(251,191,36,.08)!important}

/* generated tailwind accent remap (dark dashboard tints) */
.dark .bg-blue-50,.dark .bg-blue-50\/40,.dark .bg-blue-50\/60,.dark .bg-blue-50\/70{background-color:rgba(59,130,246,.09)}
.dark .bg-blue-100{background-color:rgba(59,130,246,.18)}
.dark .hover\:bg-blue-50:hover,.dark .hover\:bg-blue-100:hover{background-color:rgba(59,130,246,.22)}
.dark .border-blue-100,.dark .border-blue-200,.dark .border-blue-300{border-color:rgba(59,130,246,.38)}
.dark .text-blue-700,.dark .text-blue-800,.dark .text-blue-900{color:#93c5fd}
.dark .text-blue-500,.dark .text-blue-600{color:#60a5fa}
.dark .bg-indigo-50,.dark .bg-indigo-50\/40,.dark .bg-indigo-50\/60,.dark .bg-indigo-50\/70{background-color:rgba(99,102,241,.09)}
.dark .bg-indigo-100{background-color:rgba(99,102,241,.18)}
.dark .hover\:bg-indigo-50:hover,.dark .hover\:bg-indigo-100:hover{background-color:rgba(99,102,241,.22)}
.dark .border-indigo-100,.dark .border-indigo-200,.dark .border-indigo-300{border-color:rgba(99,102,241,.38)}
.dark .text-indigo-700,.dark .text-indigo-800,.dark .text-indigo-900{color:#a5b4fc}
.dark .text-indigo-500,.dark .text-indigo-600{color:#818cf8}
.dark .bg-purple-50,.dark .bg-purple-50\/40,.dark .bg-purple-50\/60,.dark .bg-purple-50\/70{background-color:rgba(168,85,247,.09)}
.dark .bg-purple-100{background-color:rgba(168,85,247,.18)}
.dark .hover\:bg-purple-50:hover,.dark .hover\:bg-purple-100:hover{background-color:rgba(168,85,247,.22)}
.dark .border-purple-100,.dark .border-purple-200,.dark .border-purple-300{border-color:rgba(168,85,247,.38)}
.dark .text-purple-700,.dark .text-purple-800,.dark .text-purple-900{color:#d8b4fe}
.dark .text-purple-500,.dark .text-purple-600{color:#c084fc}
.dark .bg-green-50,.dark .bg-green-50\/40,.dark .bg-green-50\/60,.dark .bg-green-50\/70{background-color:rgba(34,197,94,.09)}
.dark .bg-green-100{background-color:rgba(34,197,94,.18)}
.dark .hover\:bg-green-50:hover,.dark .hover\:bg-green-100:hover{background-color:rgba(34,197,94,.22)}
.dark .border-green-100,.dark .border-green-200,.dark .border-green-300{border-color:rgba(34,197,94,.38)}
.dark .text-green-700,.dark .text-green-800,.dark .text-green-900{color:#86efac}
.dark .text-green-500,.dark .text-green-600{color:#4ade80}
.dark .bg-emerald-50,.dark .bg-emerald-50\/40,.dark .bg-emerald-50\/60,.dark .bg-emerald-50\/70{background-color:rgba(16,185,129,.09)}
.dark .bg-emerald-100{background-color:rgba(16,185,129,.18)}
.dark .hover\:bg-emerald-50:hover,.dark .hover\:bg-emerald-100:hover{background-color:rgba(16,185,129,.22)}
.dark .border-emerald-100,.dark .border-emerald-200,.dark .border-emerald-300{border-color:rgba(16,185,129,.38)}
.dark .text-emerald-700,.dark .text-emerald-800,.dark .text-emerald-900{color:#6ee7b7}
.dark .text-emerald-500,.dark .text-emerald-600{color:#34d399}
.dark .bg-amber-50,.dark .bg-amber-50\/40,.dark .bg-amber-50\/60,.dark .bg-amber-50\/70{background-color:rgba(245,158,11,.09)}
.dark .bg-amber-100{background-color:rgba(245,158,11,.18)}
.dark .hover\:bg-amber-50:hover,.dark .hover\:bg-amber-100:hover{background-color:rgba(245,158,11,.22)}
.dark .border-amber-100,.dark .border-amber-200,.dark .border-amber-300{border-color:rgba(245,158,11,.38)}
.dark .text-amber-700,.dark .text-amber-800,.dark .text-amber-900{color:#fcd34d}
.dark .text-amber-500,.dark .text-amber-600{color:#fbbf24}
.dark .bg-yellow-50,.dark .bg-yellow-50\/40,.dark .bg-yellow-50\/60,.dark .bg-yellow-50\/70{background-color:rgba(234,179,8,.09)}
.dark .bg-yellow-100{background-color:rgba(234,179,8,.18)}
.dark .hover\:bg-yellow-50:hover,.dark .hover\:bg-yellow-100:hover{background-color:rgba(234,179,8,.22)}
.dark .border-yellow-100,.dark .border-yellow-200,.dark .border-yellow-300{border-color:rgba(234,179,8,.38)}
.dark .text-yellow-700,.dark .text-yellow-800,.dark .text-yellow-900{color:#fde047}
.dark .text-yellow-500,.dark .text-yellow-600{color:#facc15}
.dark .bg-red-50,.dark .bg-red-50\/40,.dark .bg-red-50\/60,.dark .bg-red-50\/70{background-color:rgba(239,68,68,.09)}
.dark .bg-red-100{background-color:rgba(239,68,68,.18)}
.dark .hover\:bg-red-50:hover,.dark .hover\:bg-red-100:hover{background-color:rgba(239,68,68,.22)}
.dark .border-red-100,.dark .border-red-200,.dark .border-red-300{border-color:rgba(239,68,68,.38)}
.dark .text-red-700,.dark .text-red-800,.dark .text-red-900{color:#fca5a5}
.dark .text-red-500,.dark .text-red-600{color:#f87171}
.dark .bg-orange-50,.dark .bg-orange-50\/40,.dark .bg-orange-50\/60,.dark .bg-orange-50\/70{background-color:rgba(249,115,22,.09)}
.dark .bg-orange-100{background-color:rgba(249,115,22,.18)}
.dark .hover\:bg-orange-50:hover,.dark .hover\:bg-orange-100:hover{background-color:rgba(249,115,22,.22)}
.dark .border-orange-100,.dark .border-orange-200,.dark .border-orange-300{border-color:rgba(249,115,22,.38)}
.dark .text-orange-700,.dark .text-orange-800,.dark .text-orange-900{color:#fdba74}
.dark .text-orange-500,.dark .text-orange-600{color:#fb923c}
.dark .bg-lime-50,.dark .bg-lime-50\/40,.dark .bg-lime-50\/60,.dark .bg-lime-50\/70{background-color:rgba(132,204,22,.09)}
.dark .bg-lime-100{background-color:rgba(132,204,22,.18)}
.dark .hover\:bg-lime-50:hover,.dark .hover\:bg-lime-100:hover{background-color:rgba(132,204,22,.22)}
.dark .border-lime-100,.dark .border-lime-200,.dark .border-lime-300{border-color:rgba(132,204,22,.38)}
.dark .text-lime-700,.dark .text-lime-800,.dark .text-lime-900{color:#bef264}
.dark .text-lime-500,.dark .text-lime-600{color:#a3e635}
.dark .bg-rose-50,.dark .bg-rose-50\/40,.dark .bg-rose-50\/60,.dark .bg-rose-50\/70{background-color:rgba(244,63,94,.09)}
.dark .bg-rose-100{background-color:rgba(244,63,94,.18)}
.dark .hover\:bg-rose-50:hover,.dark .hover\:bg-rose-100:hover{background-color:rgba(244,63,94,.22)}
.dark .border-rose-100,.dark .border-rose-200,.dark .border-rose-300{border-color:rgba(244,63,94,.38)}
.dark .text-rose-700,.dark .text-rose-800,.dark .text-rose-900{color:#fda4af}
.dark .text-rose-500,.dark .text-rose-600{color:#fb7185}

/* ACoS / TACoS colour scale (same thresholds as the live tool) */
.alc-h{display:inline-block;padding:1px 6px;border-radius:5px;line-height:1.35}
body .dark .alc-h,.dark .alc-h1{background:rgba(74,222,128,.18);color:#4ade80}
body .dark .alc-h,.dark .alc-h2{background:rgba(163,230,53,.16);color:#a3e635}
body .dark .alc-h,.dark .alc-h3{background:rgba(250,204,21,.16);color:#facc15}
body .dark .alc-h,.dark .alc-h4{background:rgba(251,191,36,.2);color:#fbbf24}
body .dark .alc-h,.dark .alc-h5{background:rgba(251,146,60,.22);color:#fb923c}
body .dark .alc-h,.dark .alc-h6{background:rgba(248,113,113,.22);color:#f87171}
body .dark .alc-h,.dark .alc-h7{background:rgba(239,68,68,.36);color:#fecaca}