/* Original brand assets; dashboard colour tokens intentionally inherited. */
@font-face{font-family:'Commons Coffee';src:url('brand/commons-condensed-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Commons Coffee';src:url('brand/commons-condensed-demibold.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
body{font-family:'Commons Coffee','Arial Narrow',Arial,sans-serif;font-size:16px;line-height:1.35;font-synthesis:none}
button,input,select,textarea{font-family:inherit}
h1{font-size:36px;line-height:1.08;letter-spacing:-.3px;font-weight:600}
h2{font-size:22px;letter-spacing:0;font-weight:600}h3{font-size:18px;font-weight:600}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:8px 8px 25px;text-decoration:none;letter-spacing:0;color:inherit}
.brand picture,.account-brand picture{display:block;width:100%;line-height:0}
.brand-wordmark{display:block;width:100%;height:auto;object-fit:contain}
.brand .brand-wordmark{filter:brightness(0) invert(1);opacity:.96}
.subbrand{font-family:'Commons Coffee',sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;line-height:1.3;text-transform:uppercase;margin-top:13px;color:#a9b19f}
nav h3{font-size:13px;letter-spacing:.5px;margin-top:22px}nav button{font-size:15px;line-height:1.2;padding-top:10px;padding-bottom:10px}
#navsearch{font-size:15px}.sidefoot{font-size:13px;line-height:1.4}.sidefoot small{font-size:12px}
header,.actions button{font-size:14px}.actions .source{font-size:14px;line-height:1.2;text-decoration:none;color:var(--text)}
.eyebrow{font-size:12px;letter-spacing:1.8px}.source{font-size:13px}.notice{font-size:14px;line-height:1.5}
.periods button,.dates input,.dates button,.locations button{font-size:14px}.dates input{width:130px}.dates button{line-height:1.25}
.metric strong{font-size:34px;line-height:1.05;letter-spacing:-.5px;font-weight:600;font-variant-numeric:tabular-nums}.metric>span{font-size:15px}.metric p{font-size:13px}.metric strong small{font-size:20px}
.cardhead p,.smallbutton{font-size:14px}.badge,.pill{font-size:13px}.chart label,.barwrap label{font-size:12px}.barsummary{font-size:14px}
table{font-size:15px;font-variant-numeric:tabular-nums}th{font-size:13px}td small{font-size:13px}.rank{font-size:15px}.rank b{font-size:15px}.rank .num,.rank .name small{font-size:13px}.controls select{font-size:15px}.method{font-size:14px}
footer{align-items:center;gap:24px;font-size:13px}.footer-brand{display:block;width:132px;flex-shrink:0}.footer-brand img{display:block;width:100%;height:auto;opacity:.65}body.dark .footer-brand img,body.dark .account-brand img{filter:brightness(0) invert(1)}
.account-brand{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:260px;flex-shrink:0;text-decoration:none}
.account-brand>span{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.account header{min-height:100px;height:auto;gap:30px;padding:20px 0 26px}.account .actions{flex-wrap:wrap;justify-content:flex-end}.account .actions>a{font-size:16px}
.account .checkgrid label{font-size:15px;line-height:1.4}.account .muted{font-size:14px}.account summary{font-size:18px}.account h1{font-size:34px}
.auth{position:relative;padding-top:52px}.brand-label{position:absolute;top:-1px;right:24px;display:block;width:52px;height:52px;border-radius:0}.auth h1{margin-top:18px}.auth p{font-size:16px}.account button.primary{font-size:17px;padding:12px 22px}
@media(min-width:1500px){.metric strong{font-size:38px}}
@media(max-width:1100px){.account header{align-items:flex-start}.account-brand{width:220px}.actions{gap:7px}.actions .source{padding:9px 11px}}
@media(max-width:700px){h1{font-size:32px}.brand{padding-top:10px}.metric strong{font-size:29px}.metric>span{font-size:14px}.metric p{font-size:12px}.periods button{font-size:14px;padding:8px 10px}.actions .source{font-size:13px;padding:8px 9px}.actions button{font-size:14px;padding:8px}.account header{flex-direction:column;gap:20px;padding-top:8px}.account-brand{width:min(260px,100%)}.account .actions{justify-content:flex-start;gap:15px}.account h1{font-size:31px}.auth{margin-top:28px;padding-top:50px}.brand-label{width:44px;height:44px;right:18px}footer{font-size:12px;gap:15px}.footer-brand{width:104px}}

@media(max-width:420px){.actions{gap:5px}#export{font-size:0}#export::after{content:"↓ CSV";font-size:14px}.actions .source{padding:8px}.actions button{padding:8px}#mobile{padding:8px}}

/* Explicit badge colours must win over the dark metric card's label colour. */
.metric>.badge{color:#58763d;background:#e9f0df}
.metric>.badge.neg{color:#984333;background:#f5e8e3}
.metric .metric-comparison{font-size:13px;line-height:1.45;color:var(--muted);margin-top:12px;white-space:normal;overflow-wrap:anywhere}
.metric.primary .metric-comparison{color:#c1cbb7}
.kpis>.metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.metric>.badge{margin-left:0}

.metric strong.metric-discount-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 5px;white-space:normal}
.metric strong .discount-share{font-size:16px;font-weight:400;letter-spacing:0;white-space:nowrap}