/* The Overthink Co. theme. Tokens taken from theoverthinkco.com.my (style.css, 8 Oct 2026):
   stone #e8e2da / #d0c6b9, sage #9a9b87, cream #f5f2ed / #faf8f4, espresso #4a453e / #665749,
   ink #141210, deep red #8c1f1f; Poppins headings + Karla text; black bilingual wordmark (logo.png).
   Fonts are self-hosted (SIL Open Font License), so the dashboard makes no third-party requests. */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-500.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700.woff2) format('woff2')}
@font-face{font-family:Karla;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/karla-var.woff2) format('woff2')}

:root{
 --font:Karla,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
 --font-head:Poppins,"Segoe UI",system-ui,Arial,sans-serif;--font-num:var(--font-head);
 --ink:#141210;--ink2:#3a3632;--paper:#f5f2ed;--card:#fffdf9;--line:#e3ded4;--line2:#efeae2;--soft:#665f56;--mute:#8f8a82;
 --brand:#141210;--accent:#d0c6b9;--on-accent:#141210;--coral:#a8432f;--down:#9a3a26;--amber:#b47d2a;--ok:#2d6a45;--blue:#4f6587;
 /* marketplaces keep their own colours so they read at a glance; outlets and website take the brand's earth tones */
 --c-shopee:#e0613f;--c-lazada:#33479b;--c-web:#141210;--c-ps:#8b6f9e;--c-bs:#6e8a6f;--c-mj:#c9a15a;--c-b2b:#9a9b87;
 --hd-bg:#ddd5ca;--hd-fg:#141210;--hd-mute:#5d5449;--hd-line:#cfc5b8;--hd-chip:#141210;--hd-chip-fg:#f5f2ed;--tab-on:#141210;
 --live:#2d6a45;--live-ring:#2d6a4526;--focus:#9a9b87aa;--hl:#f2ebdf;--th:#f8f4ee;--note-bg:#f3f0e6;--note-line:#d6d2bd;
 --ai-bg:linear-gradient(135deg,#e6c98f,#b47d2a);
 --brief-bg:linear-gradient(135deg,#2b2520 0%,#4a3f35 100%);--brief-fg:#f5f2ed;--brief-mute:#c9bfb2;--brief-link:#e6c98f;
 --chart-grid:#14121012;--chart-text:#8f8a82;--fc-band:#d0c6b980;--fc-line:#8a6d3c;
 --r:12px;--sh:0 1px 2px #4a453e0d,0 2px 10px #4a453e0a}

html,body{font-size:14.5px}
header{padding-top:18px}
.brand{gap:16px}
.brand .wordmark{height:42px}
.brand .wordmark+.logo+span{border-left:1px solid #b9ad9e;padding-left:16px}
.brand #brandName{font:600 15px/1.2 var(--font-head);letter-spacing:.01em}
.brand small{font-family:var(--font);font-size:12.5px}
nav.tabs button{font-weight:500;letter-spacing:.01em}
nav.tabs button.on{border-bottom-width:2px}
.ph h1{font-weight:600;font-size:22px;letter-spacing:-.01em}
.card h3{font-weight:600}
.kpi b,.flabel,th{font-family:var(--font-head);font-weight:500;letter-spacing:0}
.kpi strong{font-weight:600}
.kpi.key{border-left-color:var(--ink)}
.seg{border-radius:999px;padding:3px}
.seg button{border-radius:999px;padding:7px 13px}
.btns button,button.btn,.chips button{font-family:var(--font-head);font-weight:500}
.brief{border:1px solid #5c4f43}
.brief .bh b{font-family:var(--font-head);font-weight:500}
.brief li{background:#ffffff0a;border-color:#ffffff1f}
.stale{font-family:var(--font);background:#f6ead2;color:#6b4a14;border-bottom-color:#e5cf9f}
.stale b{background:#8c1f1f}
.s-out{background:#f3dcd6;color:#8c1f1f}.s-red{background:#f6e3dc;color:#9a3a26}.s-amb{background:#f5ead4;color:#7d5713}.s-ok{background:#e3ece1;color:#2d6a45}.s-dead{background:#ebe6de;color:#5d5449}.s-info{background:#e6e9ef;color:#4f6587}
.t-restock{background:#e6e9ef;color:#4f6587}.t-promo{background:#f6e3dc;color:#9a3a26}.t-marketing{background:#ece6ef;color:#6e5482}.t-stock{background:#e4ebe2;color:#4f6b50}
footer{font-family:var(--font)}
@media (max-width:900px){.brand .wordmark{height:34px}.brand{gap:12px}.brand .wordmark+.logo+span{padding-left:12px}.ph h1{font-size:19px}}
@media (max-width:600px){.brand{flex-wrap:wrap}.brand .wordmark+.logo+span{border-left:0;padding-left:0;flex-basis:100%}}