/* BLOOMBRA catalogue palette. Tables stay neutral; product imagery is decorative. */
:root{--brand:#65101d;--muted:#605a59;--line:#e7e3e1;--pale:#f3e9e8;background:#f7f7f6}
html{scroll-padding-top:88px}h1,h2,h3{scroll-margin-top:88px}
.app-bar{height:72px;position:fixed;top:0;left:0;right:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 26px}
.menu-toggle{display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:6px;width:36px;height:36px;color:#45403e;flex-shrink:0}
.menu-toggle:hover{background:var(--pale)}.menu-toggle svg{width:21px;height:21px}
.app-logo{display:flex;align-items:center;flex-shrink:0}.app-logo img{display:block;width:154px;height:auto}
.app-name{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.app-environment{margin-left:auto;font-size:11px;color:var(--muted)}
.sidebar{top:72px;width:224px;padding:32px 16px 24px;background:#fff;color:#514a47;border-right:1px solid var(--line)}
.nav-label{margin:0 15px 18px;color:#77706c;font-size:10px;letter-spacing:1.4px}
.sidebar nav a{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:6px;font-size:12px}
nav a:hover{background:#f7f4f3}nav a[aria-current="page"]{background:#f1e3e2;color:#51212a}
nav a svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sidebar-bottom{padding:22px 12px 0;color:#716864;font-size:10px}.sidebar-bottom a{color:#65101d;line-height:1.5}.local-dot{color:#655751;font-size:11px}.local-dot:before{background:#af6d73}
main{margin-left:224px;padding:106px 32px 24px;max-width:1900px}.page-header{margin-bottom:22px}h1{font-size:30px;letter-spacing:-.7px}.eyebrow{font-size:9px;letter-spacing:1.5px}
.page-header p:last-child{font-size:13px;margin-top:8px}.button{border-radius:5px}.secondary{color:#443735;border-color:#dcd5d2}
.filter-card,.card{border-radius:8px}.filter-card{padding:19px 20px 13px}.card{padding:23px}.snapshot-label{background:#f1e8e5;border-color:#e8ddda;color:#65534d}
.kpis{gap:14px}.kpi{position:relative;min-width:0;overflow:hidden;padding:20px;border-radius:7px;min-height:180px;background:#f1eeee;border-color:transparent}
.kpi:before{content:"";position:absolute;right:-18px;top:7px;width:110px;height:110px;border-radius:50%;background:#e9dad8;opacity:.65;pointer-events:none}
.kpi.accent{background:#ecdbd9;border-color:transparent}.kpi.accent:before{background:#f5edeb}
.kpi:nth-child(3){background:#f0efec}.kpi:nth-child(4){background:#f5f3f0}
.kpi-image{position:absolute;right:6px;top:4px;width:84px;height:84px;object-fit:contain;pointer-events:none}
.kpi .label{position:relative;max-width:calc(100% - 83px);font-size:12px;color:#514a47;line-height:1.5;min-height:36px}
.kpi .value{position:relative;font-size:clamp(22px,1.65vw,28px);font-weight:550;letter-spacing:-.6px;margin-top:40px;color:#2e2826;line-height:1.25}
.kpi .sub{position:relative;color:#605653;font-size:11px;line-height:1.45;margin-top:8px}
th{background:#f6f5f3;color:#655c57}tr.total td{background:#f4eeeb}.matrix th:first-child,.matrix td:first-child{background:#f6f5f3}
.matrix .heat1{background:#fcf6f4}.matrix .heat2{background:#f2e0dc}.matrix .heat3{background:#e3bfba}.badge{background:#f5ece8;color:#6a4944}
.size-chip{background:#fffaf8;border-color:#e7d9d3;color:#5d3534}.table-wrap{overscroll-behavior:auto}dialog{overscroll-behavior:contain}
.nav-collapsed .sidebar{display:none}.nav-collapsed main{margin-left:0}.skip{z-index:30;left:26px}
#navigation-dialog{width:min(340px,calc(100vw - 32px));padding:22px;max-height:90vh}#navigation-dialog nav{display:grid;gap:8px;margin:0}#navigation-dialog nav a{padding:14px;border-radius:6px;font-size:14px}
@media(min-width:1500px){main{padding-left:38px;padding-right:38px}.grid-two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(max-width:1350px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:161px}.kpi .value{margin-top:40px;font-size:27px}.kpi-image{width:84px;height:84px;right:12px}.kpi .label{max-width:calc(100% - 105px)}}
@media(min-width:1201px) and (max-width:1500px){.grid-two,.grid-equal{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1400px){.grid-two{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.grid-equal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1023px){.sidebar{display:none}main{margin-left:0;padding:98px 22px 22px}.app-bar{padding:0 18px;gap:16px;height:68px}.grid-two,.grid-equal{grid-template-columns:minmax(0,1fr)}.filter-fields{grid-template-columns:1.2fr 1fr 1fr}.filter-fields .button{grid-column:1/4}}
@media(max-width:760px){.app-bar{gap:13px;padding:0 15px}.app-logo img{width:135px}.app-name{font-size:11px;padding-left:13px}.app-environment{display:none}main{padding:94px 16px 20px}h1{font-size:26px}.card{padding:18px}.filter-fields{grid-template-columns:minmax(0,1fr)}.filter-fields .button{grid-column:auto}.kpis{gap:12px}.kpi{padding:18px;min-height:175px}.kpi .value{margin-top:40px;font-size:24px}.kpi-image{width:84px;height:84px;right:3px;top:4px}.kpi .label{max-width:calc(100% - 69px)}.card-heading{flex-wrap:wrap}.brand-chart{grid-template-columns:140px minmax(0,1fr)}.filter-bottom{font-size:11px}.page-header .button{min-height:40px}.snapshot-note{gap:7px}.date-pair input{font-size:14px}}
@media(max-width:600px){.app-name{display:none}.kpis{grid-template-columns:minmax(0,1fr)}.kpi{min-height:138px}.kpi .label{min-height:18px;max-width:calc(100% - 115px)}.kpi .value{font-size:27px;margin-top:40px;max-width:100%}.kpi-image{width:72px;height:72px;right:12px;top:4px}.kpi:before{width:100px;height:100px}.kpi .sub{max-width:calc(100% - 30px)}.page-header{flex-wrap:wrap}.brand-chart{grid-template-columns:1fr}.donut{justify-self:center}.card-heading h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Financial details keep register and receipt scopes visible. */
.finance-section{scroll-margin-top:90px}.finance-jump{display:flex;justify-content:flex-end;margin-top:-10px}
.finance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}
.finance-metrics>div{background:#f7f5f4;border:1px solid #ece7e5;border-radius:10px;padding:16px}
.finance-metrics span,.finance-metrics small{display:block;color:#625c5b;font-size:12px;line-height:1.5}
.finance-metrics strong{display:block;font-size:20px;line-height:1.4;margin:6px 0;color:#292423;font-variant-numeric:tabular-nums}
.finance-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.finance-tabs button{border:1px solid #d9d0cd;border-radius:8px;padding:10px 14px;background:white;color:#403735}
.finance-tabs button[aria-pressed=true]{background:#ecdedd;border-color:#c3aaa8;color:#3a2927}
.finance-filter{display:flex;align-items:center;gap:8px;font-size:13px}.finance-filter select{min-height:40px;max-width:220px}
.finance-equation{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:16px 0}
.finance-equation>span{display:block;background:#f4eeec;border-radius:8px;padding:14px;font-size:12px;color:#625c5b}
.finance-equation strong{display:block;font-size:17px;line-height:1.5;font-variant-numeric:tabular-nums;color:#292423}
.finance-table{min-width:850px}.finance-table td:first-child{min-width:220px}.finance-table .state{white-space:normal}
.source-trace{margin-top:16px}.source-trace pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.finance-section [hidden]{display:none!important}
@media(max-width:700px){.finance-filter{flex-wrap:wrap}.finance-tabs button{flex:1}.finance-metrics strong{font-size:18px}}