:root{color-scheme:dark;--bg:#111714;--panel:#19211d;--line:#2d3931;--text:#f1f3e8;--muted:#a2b2a6;--amber:#edbf63;--green:#8dc9ac}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}header{border-bottom:1px solid var(--line);padding:22px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:2px}.brandmark{background:var(--amber);color:var(--bg);width:42px;height:46px;border-radius:20px 20px 5px 5px;text-align:center;padding-top:7px;font:700 27px Georgia}.brand-sub{display:block;color:var(--muted);font-size:9px;letter-spacing:2.7px;font-weight:500}.header-right{display:flex;align-items:center;gap:16px}.live{font-size:12px;color:var(--muted)}.live:before{content:'●';color:var(--green);margin-right:8px}main{max-width:1550px;margin:auto;padding:40px 4.5%}h1{font:normal clamp(28px,3vw,42px)/1.18 Georgia,serif;letter-spacing:-.6px;margin:8px 0 12px}h2{font-size:17px;font-weight:550;margin:0}.eyebrow{font-size:10px;color:var(--amber);font-weight:650;letter-spacing:2px;margin:0 0 8px}.muted{color:var(--muted);font-size:12px}.intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.dataset{color:var(--muted);font-size:11px;text-align:right;white-space:nowrap}.dataset strong{display:block;color:var(--text);font-size:17px;font-weight:500;margin-top:5px}button,select,input{font:inherit;border-radius:6px;padding:10px 12px;border:1px solid var(--line);background:var(--theme-surface-green,#141c17);color:var(--text);max-width:100%}button{cursor:pointer;background:var(--amber);border-color:var(--amber);color:var(--theme-ink-green,#182017);font-size:12px;font-weight:650}button:disabled{opacity:.5;cursor:wait}button.ghost{background:transparent;color:var(--muted);border-color:var(--line)}button:hover{filter:brightness(1.12)}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}select{font-size:12px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.filters .wide{flex:1;min-width:160px;max-width:360px}.filters select{width:100%;text-overflow:ellipsis}#status{min-height:18px;margin:12px 0}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:10px 0 24px}.kpi{background:var(--panel);border:1px solid var(--line);padding:20px 15px;border-radius:8px}.kpi:first-child{border-top:2px solid var(--amber)}.kpi-label{color:var(--muted);font-size:11px}.kpi-value{font-size:clamp(18px,1.8vw,27px);font-weight:550;letter-spacing:-.8px;margin:9px 0}.kpi-sub{font-size:10px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:24px;margin-bottom:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted)}.legend span:before{content:'●';margin-right:6px}.amber-dot:before{color:var(--amber)}.green-dot:before{color:var(--green)}.chart svg{width:100%;height:275px;overflow:visible}.chart text{fill:var(--muted);font-size:11px}.chart .grid{stroke:var(--line);stroke-dasharray:3 5}.chart circle{cursor:crosshair}.chart-help{margin-bottom:0}.ranking-controls{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.ranking-controls label{display:block}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bar{display:block;width:100%;position:relative;overflow:hidden;text-align:left;background:transparent;color:var(--text);border:0;border-radius:2px;margin:0 0 10px;padding:5px 0 13px;font-size:11px;font-weight:400}.bar-top{display:flex;justify-content:space-between;gap:12px}.bar-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bar-value{white-space:nowrap;color:var(--amber)}.bar-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--theme-surface-neutral,#29352d)}.bar-fill{height:100%;background:var(--amber);min-width:1px}.customer .bar-fill{background:var(--green)}.negative .bar-fill{background:var(--theme-surface-red,#df9488)}.table-scroll{overflow:auto;max-height:470px}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:right;color:var(--muted);font-weight:450;background:var(--panel);position:sticky;top:0}td,th{padding:13px 10px;border-bottom:1px solid var(--line)}td:not(:first-child){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}td:first-child,th:first-child{text-align:left}td:first-child{min-width:230px}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;padding-bottom:12px}.history{font-size:12px;color:var(--muted)}summary{cursor:pointer}dialog{width:min(600px,95vw);max-height:90vh;overflow:auto;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel)}dialog::backdrop{background:#0009}dialog label{margin:18px 0}dialog .panel-head{margin-bottom:10px}.error{color:var(--theme-ink-red,#f5a99a)}.success{color:var(--green)}#import-result{margin:20px 0;white-space:pre-line}.warning{border-left:2px solid var(--amber);padding-left:10px;color:var(--amber)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.empty{padding:50px 0;text-align:center;color:var(--muted)}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.live{display:none}}@media(max-width:680px){header{padding:18px 5%}.brand{font-size:14px;letter-spacing:1px}.brand-sub{font-size:7px;letter-spacing:1px}.header-right{gap:6px}.header-right button{padding:9px;font-size:10px}.header-right select{padding:8px}.brandmark{display:none}main{padding:26px 5%}.intro{display:block}.dataset{text-align:left;margin-top:18px}.dataset strong{display:inline;margin-left:8px}.kpis{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr;gap:0}.panel{padding:18px}.panel-head{align-items:start}.panel-head .muted{font-size:10px}.filters label{flex:1;min-width:120px}.ranking-controls{align-items:start;gap:12px}footer{display:block}footer span{display:block;margin-bottom:7px}}

.group-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.group-tab{background:var(--panel);border-color:var(--line);color:var(--muted);padding:12px 24px;font-size:13px}.group-tab.selected{background:var(--amber);border-color:var(--amber);color:var(--bg)}.brand{font-size:15px;letter-spacing:1px}@media(max-width:680px){.brand{font-size:11px;max-width:160px}.group-tab{padding:10px 16px}.header-right{gap:4px}}
.volume-controls{display:flex;gap:12px;flex-wrap:wrap}.volume-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.volume-kpis .kpi{background:var(--bg)}.volume-chart{overflow-x:auto}.volume-chart svg{display:block;width:100%;min-width:650px;height:320px}.volume-chart text{fill:var(--muted);font-size:11px}.volume-chart .grid{stroke:var(--line);stroke-dasharray:3 5}.volume-chart rect:focus,.volume-chart circle:focus{outline:none;stroke:var(--theme-ink-neutral,white);stroke-width:2}.volume-legend{gap:20px;flex-wrap:wrap;margin:16px 0}.volume-legend span:before{display:none}.volume-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}.volume-mix{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.mix-card{border-top:4px solid var(--line);padding:12px 4px}.mix-card strong{display:block;font-size:20px;margin:5px 0}.year-filter select{min-width:130px}#volume-unknown{font-size:12px;color:var(--amber);margin-top:12px}#volume-unknown-list p{overflow-wrap:anywhere}.period-label{font-size:11px}.volume-panel .panel-head{align-items:start}@media(max-width:680px){.volume-controls{margin-top:10px}.volume-panel .panel-head{display:block}.volume-kpis,.volume-mix{grid-template-columns:repeat(2,1fr)}.volume-chart svg{height:290px}.volume-kpis .kpi-value{font-size:19px}}
.logo-window{width:180px;height:48px;position:relative;overflow:hidden;display:block;flex-shrink:0}.logo-window img{position:absolute;width:260px;max-width:none;height:260px;left:-40px;top:-185px}.brand>span:last-child{font-size:12px}.sort-button{background:transparent;color:var(--muted);border:0;padding:0;white-space:nowrap;text-align:inherit}.sort-button:hover{color:var(--amber)}.comparison-form{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.compare-products{height:205px;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:10px;margin-top:10px}.compare-products label{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 0;overflow-wrap:anywhere}.compare-products input{flex-shrink:0}.picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:11px;color:var(--muted)}fieldset{border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:14px;margin:0 0 12px;min-width:0}legend{font-size:12px;color:var(--amber);padding:0 5px}.check-label{display:flex;flex-direction:row;align-items:center;gap:10px;margin:14px 0}.comparison-table{max-height:560px}.comparison-table th{min-width:180px;max-width:260px;white-space:normal;vertical-align:top;position:static}.comparison-table th:first-child,.comparison-table td:first-child{position:sticky;left:0;background:var(--panel);min-width:160px;z-index:1}.comparison-table .metric-unit{display:block;font-size:10px;color:var(--muted)}.compare-trend-controls{margin-top:25px}.compare-trend-controls label{min-width:150px}.compare-breakdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.comparison-breakdown{border:1px solid var(--line);border-radius:6px;padding:15px;overflow-wrap:anywhere}.comparison-breakdown h4{font-size:12px;margin:0 0 12px}.comparison-breakdown p{font-size:11px;color:var(--muted)}#compare-legend span{max-width:350px;overflow-wrap:anywhere}.comparison-dates>button{width:100%}#compare-selected-count{overflow-wrap:anywhere}@media(max-width:900px){header{flex-wrap:wrap}.comparison-form{grid-template-columns:1fr}.compare-breakdowns{grid-template-columns:1fr}.logo-window{width:145px}.brand>span:last-child{font-size:10px}}@media(max-width:680px){.brand{max-width:none}.logo-window{width:130px;height:35px}.logo-window img{width:187px;height:187px;left:-29px;top:-133px}.brand>span:last-child{max-width:150px}fieldset{grid-template-columns:1fr 1fr}fieldset label:first-of-type{grid-column:1/-1}.comparison-table th{min-width:160px}}
.logo-window{height:30px}.logo-window img{top:-205px}@media(max-width:680px){.logo-window{height:24px}.logo-window img{top:-148px}}
.compare-link{color:var(--amber);border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-size:12px;text-decoration:none}#comparison-panel{scroll-margin-top:15px}.picker-footer{align-items:flex-start}#compare-selected-count{max-width:75%;max-height:90px;overflow:auto}
.ranking-controls{flex-wrap:wrap;gap:1rem}.ranking-table{max-height:650px;margin-top:1rem}.ranking-table th{position:sticky;top:0;background:var(--panel,var(--theme-surface-blue,#182022));z-index:1}.ranking-table td{font-size:.88rem;white-space:nowrap}.ranking-table td:first-child{min-width:160px;white-space:normal}.rank-name{background:transparent;border:0;color:inherit;text-align:left;padding:.5rem 0;text-decoration:underline;text-decoration-color:#647d91;text-underline-offset:4px;white-space:normal}.rank-name[aria-pressed=true]{color:var(--theme-ink-amber,#edbf63)}.rank-name:hover{color:var(--theme-ink-blue,#84b7d8)}#insight-panel{scroll-margin-top:20px}#insight-charts{display:grid;gap:1.5rem;margin:1.5rem 0}.insight-chart h3{margin-bottom:.5rem}#insight-kpis strong{display:block;font-size:1.5rem;margin-top:.5rem}#insight-table{max-height:600px}#insight-table th{white-space:nowrap}.two-col>.panel{min-width:0}

.insight-chart{min-width:0;max-width:100%}#insight-charts{min-width:0}#insight-panel{min-width:0}.ranking-table td:first-child{min-width:180px}#insight-kpis .volume-kpi{padding:14px;border:1px solid var(--line);border-radius:8px}
.trend-flag{display:block;color:var(--muted);font-size:10px}#momentum-panel .two-col{gap:24px}#momentum-panel .two-col>div{min-width:0}#momentum-status{font-weight:600;margin-top:20px}#momentum-up .sort-button,#momentum-down .sort-button{white-space:normal}#momentum-up td,#momentum-down td{white-space:nowrap}#momentum-up td:first-child,#momentum-down td:first-child{white-space:normal;min-width:160px}#momentum-panel{scroll-margin-top:20px}
#momentum-up{border-top:3px solid var(--theme-border-green,#8dc9ac)}#momentum-down{border-top:3px solid var(--theme-border-red,#df9a88)}#momentum-lowest{border-top:3px solid var(--amber)}
.group-summary{display:flex;flex-direction:column;align-items:start;gap:6px;text-align:left}.group-summary[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}#client-group-table td{font-size:12px}#client-group-table td:first-child{min-width:180px}#client-group-panel summary{font-weight:600}#client-group-panel .volume-controls{margin-top:20px}
#production-plan{scroll-margin-top:20px}#plan-status{font-weight:600;margin-top:20px}#plan-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}#plan-beers td,#plan-breakdown td{white-space:nowrap}#range-table td:first-child{min-width:180px}#range-editor .volume-controls{margin-top:20px}

.top-views{display:block}.top-views>.panel{width:100%}.top-views .ranking-table th{white-space:normal}.top-views .sort-button{white-space:normal}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}

.multi-picker{position:relative;min-width:160px;max-width:360px;color:var(--text)}.multi-picker>summary{border:1px solid var(--line);border-radius:6px;background:var(--theme-surface-green,#141c17);padding:10px 12px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.multi-popover{position:absolute;top:100%;left:0;z-index:30;background:var(--panel);border:1px solid var(--line);padding:12px;width:min(390px,85vw);box-shadow:0 8px 25px #0008}.multi-popover>input{width:100%}.multi-list{max-height:300px;overflow:auto}.multi-list label{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 0}.multi-list input{flex-shrink:0}.filters .wide{min-width:200px}
#product-picker .multi-popover{left:auto;right:0}.multi-picker{width:100%}.filters .wide .multi-picker{min-width:0}

.multi-picker .multi-popover{left:auto;right:0}.filters>label{min-width:150px;flex:1}.filters .wide{max-width:360px}.filters{align-items:end}
#year-picker .multi-popover,#client_group-picker .multi-popover{left:0;right:auto}.multi-popover{max-width:calc(100vw - 40px)}
.tool-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tool-nav a[aria-current=page]{color:var(--amber);border-bottom:2px solid var(--amber)}.yoy-product{max-width:360px;flex:1;min-width:180px}.tool-main .volume-controls{align-items:end}#yoy-clients{margin-top:20px}#yoy-month-table{max-height:500px}#yoy-kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}@media(max-width:850px){header{flex-wrap:wrap}.header-right{flex-wrap:wrap}.tool-nav{gap:10px}}

/* Numeric direction is reinforced by arrows, not color alone. */
:root{--up:#70e3a5;--down:#ff8b91;--up-tint:#183b2b;--down-tint:#42262c}
.change-up{color:var(--up)}.change-down{color:var(--down)}.change-neutral{color:var(--muted)}
td.change-up,td.change-down{font-weight:650;background:color-mix(in srgb,currentColor 7%,transparent)}
.change-badge{display:inline-block;padding:5px 8px;border-radius:5px;font-size:12px;font-weight:650;margin:8px 0 0}.change-badge.change-up{background:var(--up-tint)}.change-badge.change-down{background:var(--down-tint)}
.kpi.change-up{border-top:3px solid var(--up)}.kpi.change-down{border-top:3px solid var(--down)}.kpi .kpi-value{color:var(--text)}
#momentum-up{border-left:3px solid var(--up);padding-left:12px}#momentum-down{border-left:3px solid var(--down);padding-left:12px}
.panel:has(#momentum-up) h3{color:var(--up)}.panel:has(#momentum-down) h3{color:var(--down)}
.tool-nav a[aria-current=page]{color:var(--theme-ink-blue,#91b8ff)}.eyebrow{color:var(--theme-ink-blue,#91b8ff)}

.performance-spark{width:100px;height:34px;vertical-align:middle}#momentum-products{max-height:650px}#momentum-products td:first-child{min-width:190px}#momentum-products td{padding:10px 7px}#momentum-products .rank-name{white-space:normal;text-align:left}

[data-metric=revenue]{--metric-color:#f3cb72}[data-metric=profit]{--metric-color:#7de0bb}[data-metric=volume]{--metric-color:#8bc9ff}[data-metric=margin]{--metric-color:#d3adff}[data-metric=profitLitre]{--metric-color:#64e2d4}[data-metric=costLitre]{--metric-color:#ffab8f}[data-metric=price]{--metric-color:#e4c49b}
.kpi[data-metric]:not([data-metric=""]){border-left:3px solid var(--metric-color)}
.kpi[data-metric] .kpi-label,.kpi[data-metric] .kpi-value,th[data-metric],th[data-metric] .sort-button,.legend span[data-metric]{color:var(--metric-color)}

td[data-metric]{color:var(--metric-color)}.legend span[data-metric]:before{color:var(--metric-color)}
#momentum-products .sort-button{white-space:normal;font-size:11px}#momentum-products th{white-space:normal}#momentum-products td:first-child{min-width:160px;width:20%}#momentum-products .performance-spark{width:72px}#momentum-products td{padding:10px 5px}

.pieces-value{display:block;color:var(--theme-ink-blue,#a9c6dc);font-size:11px;font-weight:500;margin-top:4px}.intro{margin-bottom:18px}.intro .eyebrow{margin-bottom:0}

.group-summary h3{margin:0 0 14px;font-size:17px;color:var(--text)}.group-summary .group-stat{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.group-summary .group-stat>span{font-size:11px;color:var(--muted)}.group-summary .group-stat>strong{font-size:14px;white-space:nowrap;color:var(--metric-color,var(--text))}.keg-sizes{font-size:11px;color:var(--theme-ink-blue,#a9c6dc);margin:5px 0 8px;padding-left:10px;border-left:2px solid var(--line)}.volume-mix:has(.group-summary){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:1100px){.volume-mix:has(.group-summary){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.volume-mix:has(.group-summary){grid-template-columns:1fr}}
.volume-mix .group-summary{display:block;background:var(--theme-surface-green,#131c17);border:1px solid var(--line);border-top:4px solid var(--line);border-radius:7px;padding:16px}.group-summary .group-stat{width:100%;padding:6px 0}.group-summary .group-stat>strong{margin:0}.group-summary .muted{margin-bottom:0}
#channel-table .sort-button{white-space:normal;font-size:11px}#channel-table td:first-child{min-width:150px}#channel-table td,#channel-table th{padding:12px 7px}

#channel-chart.channel-pies{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;overflow:visible}.channel-pie{text-align:center;min-width:0}.channel-pie h3{margin:10px 0 0}.channel-pie svg{display:block;width:100%;max-width:360px;height:auto;margin:auto}.channel-pie .pie-percent{fill:var(--theme-ink-green,#102019);font-size:13px;font-weight:700;pointer-events:none}.channel-pie p{margin:0 0 18px}
.channel-pie svg{min-width:0;max-width:320px}

#channel-chart.channel-pies{display:block}.channel-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:16px}.channel-pie>h3+.muted{margin:4px 0 0}@media(max-width:580px){.channel-pair{grid-template-columns:1fr}}

#client-group-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}#client-group-summary .client-summary{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:16px;min-height:135px;white-space:normal;border-top:3px solid var(--line);font-weight:400}#client-group-summary .client-summary strong{font-size:14px;color:var(--text);margin:0}#client-group-summary .client-summary>span{display:block;font-size:12px;line-height:1.4}#client-group-summary .client-summary>span:nth-of-type(2){font-size:17px;color:var(--amber)}#client-group-summary .client-summary small{display:block;line-height:1.5}#client-group-summary .client-summary[aria-pressed=true]{border-color:var(--amber);background:var(--theme-surface-neutral,#263027)}#client-group-panel .volume-controls{gap:16px;margin-bottom:16px}#client-group-table td:nth-child(4),#client-group-table th:nth-child(4),#client-group-table td:nth-child(5){text-align:left}#client-group-table td:nth-child(5){white-space:normal;min-width:140px;max-width:230px;line-height:1.5}#client-group-table select{width:100%;min-width:150px;font-size:12px}#client-group-table .sort-button,#client-group-table th{white-space:normal}#client-group-table td{vertical-align:middle}

.batch-actions{display:flex;align-items:center;gap:14px;margin:15px 0}#client-group-table td:nth-child(5),#client-group-table th:nth-child(5),#client-group-table td:nth-child(6){text-align:left}#client-group-table td:nth-child(4){white-space:nowrap;min-width:0}#client-group-table td:nth-child(5){white-space:nowrap;min-width:150px;max-width:none}#client-group-table td:nth-child(6){white-space:normal;min-width:140px;max-width:220px}#client-group-table select{min-width:145px}

#client-group-table td:nth-child(6){white-space:nowrap;min-width:0;max-width:none}.client-assignment-note{display:block;white-space:normal;color:var(--muted);font-size:10px;max-width:240px;margin-top:4px;line-height:1.5}

.yoy-packaging{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:18px}.packaging-growth-card{padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:0}.packaging-growth-card h3{margin:0 0 14px;font-size:16px}.packaging-growth-stat+.packaging-growth-stat{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.packaging-growth-card .kpi-value{font-size:23px}.packaging-growth-card .change-badge{font-size:11px}@media(max-width:1100px){.yoy-packaging{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.yoy-packaging{grid-template-columns:1fr}}

.yoy-packaging{align-items:start}.yoy-keg-sizes{margin-top:16px;border-top:1px solid var(--line)}.yoy-keg-size{padding-top:12px}.yoy-keg-size+.yoy-keg-size{margin-top:12px;border-top:1px solid var(--line)}.yoy-keg-size h4{margin:0 0 6px;color:var(--theme-ink-blue,#8bc9ff);font-size:14px}.yoy-keg-size>div:not(.muted){font-size:13px}.yoy-keg-size .muted{font-size:11px;margin-top:4px}

.group-stat-values{text-align:right;min-width:0}.group-yoy{display:block;font-size:10px;line-height:1.5;font-weight:500;margin-top:3px}.group-stat{align-items:start}.keg-sizes .group-yoy{margin-bottom:6px}

.group-summary .group-stat-values strong{font-size:14px;white-space:nowrap;color:var(--metric-color,var(--text))}.group-summary .group-stat{align-items:flex-start}

/* Compact packaging stats: value and YoY change share one line. */
.group-summary .group-stat{align-items:center;gap:8px}
.group-stat-values{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;flex-shrink:0}
.group-summary .group-yoy{display:inline-block;white-space:nowrap;margin:0;font-size:10px;line-height:1.3}
.group-summary h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.group-yoy-label{font-size:10px;font-weight:400;color:var(--muted)}
.keg-sizes>div{display:flex;align-items:baseline;justify-content:space-between;gap:7px;margin:4px 0}
.group-summary .group-stat-values strong{font-size:13px}

.group-summary .group-stat-values strong{margin:0;line-height:1.5}

.price-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:240px;overflow:auto;margin-top:16px}.price-choice{display:flex;align-items:center;gap:9px;padding:8px;background:var(--bg);border-radius:5px;font-size:12px}.price-choice input{width:16px;min-width:16px}.price-choice span{overflow-wrap:anywhere}#price-table input{width:110px;min-width:100px}#price-summary{margin-bottom:25px}.header-right{flex-wrap:wrap}@media(max-width:800px){.price-products{grid-template-columns:1fr}}

/* Keep directional price trends visible over the neutral quantity styling. */
.pieces-value.change-up{color:var(--up)}.pieces-value.change-down{color:var(--down)}.pieces-value.change-neutral{color:var(--muted)}
.keg-prices{color:var(--metric-price,var(--theme-ink-amber,#edbf63))}

.transport-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.transport-form input,.transport-form select{width:100%;min-width:0}.transport-check{display:flex;align-items:center;gap:8px}.transport-check input{width:16px;min-width:16px}.transport-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:145px}.transport-actions button{font-size:11px;padding:6px 9px}#transport-invoices td{vertical-align:top}#transport-entry .volume-controls{align-items:end}#transport-invoices td:nth-child(4){white-space:normal;min-width:140px}@media(max-width:700px){.transport-form{grid-template-columns:1fr}}

.transport-kpi-line{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:10px;margin-top:8px;color:var(--muted)}.transport-kpi-line strong{font-size:11px;white-space:nowrap;color:var(--metric-costLitre,var(--theme-ink-red,#efab93))}#transport-headline-kpi .kpi-sub{margin-top:10px}

#transport-headline-kpi .transport-kpi-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px}.transport-kpi-trend{font-size:9px;white-space:nowrap}#transport-headline-kpi .change-badge{font-size:10px;padding:4px 6px;line-height:1.4}
#volume-table .group-yoy{display:inline-block;margin:0 0 0 6px;white-space:nowrap;font-size:10px}#volume-table td{white-space:nowrap}#volume-table .pieces-value{white-space:nowrap}
/* CSV order replacement preview */
.complete-orders{display:flex;flex-direction:row;align-items:flex-start;gap:.65rem;margin:1rem 0;line-height:1.5}.complete-orders input{width:auto;flex:0 0 auto;margin-top:.3rem}.import-changes{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem 1rem;padding:1rem;border:1px solid var(--border,var(--theme-border-neutral,#39433b));border-radius:8px}.import-changes dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
/* Compact rolling leaderboards: single-column panels keep all metrics visible. */
.leaderboard-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.leaderboard-controls>div{flex:1;min-width:240px}.leaderboard-controls p{margin:0}.leaderboard-help{margin:8px 0 14px}.compact-ranking{padding:16px 18px;margin-bottom:14px;border-top:3px solid var(--theme-border-amber,#e9bd61)}.compact-ranking:nth-child(2){border-top-color:var(--theme-border-blue,#7cb5f6)}.compact-ranking .panel-head{margin-bottom:8px}.compact-ranking>input{padding:6px 10px;font-size:11px;width:220px;margin-bottom:6px}.compact-rank-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.compact-rank-table th,.compact-rank-table td{padding:6px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid #ffffff09}.compact-rank-table th{color:var(--muted);font-size:10px;font-weight:500}.compact-rank-table th:first-child,.compact-rank-table td:first-child{width:48px;text-align:center}.compact-rank-table th:nth-child(2){width:34%;text-align:left}.compact-rank-table th:nth-child(3){width:12%}.compact-rank-table th:nth-child(4),.compact-rank-table th:nth-child(5){width:14%}.compact-rank-table th:nth-child(6){width:10%}.compact-rank-table th:last-child{width:86px}.compact-rank-table tbody tr:hover{background:#ffffff05}.leader-name-cell{position:relative;text-align:left!important;overflow:hidden}.leader-name{position:relative;display:block;width:100%;padding:3px 0;text-align:left;border:0;background:transparent;color:var(--text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-bar{position:absolute;left:0;bottom:2px;height:3px;background:linear-gradient(90deg,#edbf6355,var(--theme-surface-amber,#edbf63));border-radius:3px}.compact-ranking:nth-child(2) .leader-bar{background:linear-gradient(90deg,#7cb5f655,var(--theme-surface-blue,#7cb5f6))}.leader-number{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;font-weight:750;background:#ffffff08;color:var(--muted)}.leader-place-1{background:#edbf632b;color:var(--theme-ink-amber,#ffcf72)}.leader-place-2{background:#88bdf22b;color:var(--theme-ink-blue,#a8d7ff)}.leader-place-3{background:#c7a0f32b;color:var(--theme-ink-purple,#d6b9ff)}.leader-volume{color:var(--theme-ink-blue,#8fcbff)}.leader-revenue{color:var(--theme-ink-amber,#f4c569);font-weight:650}.leader-profit{color:var(--theme-ink-green,#66d8ae)}.leader-margin{color:var(--theme-ink-purple,#c0a0ff)}.leader-move{display:inline-block;min-width:48px;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:750;text-align:center}.leader-up{color:var(--theme-ink-green,#69e3a4);background:#3bd98a19}.leader-down{color:var(--theme-ink-red,#ff8c92);background:#ff62751a}.leader-new{color:var(--theme-ink-blue,#8cccff);background:#58a4ff20}.leader-neutral{color:var(--theme-ink-neutral,#9ba99f);background:#ffffff06}.compact-rank-table .sort-button{font-size:10px;padding:0;background:transparent;border:0;color:inherit}.compact-rank-table .empty{padding:18px}.compact-ranking-scroll{overflow-x:auto}
@media(max-width:760px){.compact-rank-table{min-width:600px}.compact-ranking{padding:12px}.leaderboard-controls{gap:10px}.compact-ranking>input{width:100%}.compact-rank-table th:nth-child(2){width:30%}}
.compact-rank-table td{padding:3px 8px}.leader-number{width:20px;height:20px;font-size:11px}.leader-name{padding:0}.compact-ranking .panel-head{margin-bottom:6px}.compact-ranking .leader-bar{height:2px;bottom:1px}
.leader-loss{color:var(--theme-ink-red,#ff8c92)}
.compact-ranking:nth-child(3){border-top-color:var(--theme-border-purple,#b69af1)}.compact-ranking:nth-child(3) .leader-bar{background:linear-gradient(90deg,#b69af155,var(--theme-surface-purple,#b69af1))}
/* Dedicated product-trend signal tool and average unit prices. */
.compact-rank-table th:first-child,.compact-rank-table td:first-child{width:36px}.compact-rank-table th:nth-child(2){width:30%}.compact-rank-table th:nth-child(3){width:10%}.compact-rank-table th:nth-child(4),.compact-rank-table th:nth-child(5){width:12%}.compact-rank-table th:nth-child(6){width:9%}.compact-rank-table th:nth-child(7){width:10%}.compact-rank-table th:last-child{width:74px}.leader-price{color:var(--theme-ink-blue,#8cccff)}
.trend-signal-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.trend-signal{display:flex;flex-direction:column;align-items:start;gap:4px;padding:16px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-top:3px solid var(--theme-border-neutral,#9ba99f)}.trend-signal strong{font-size:26px}.trend-signal[aria-pressed=true]{outline:2px solid var(--amber);outline-offset:2px}.trend-signal.declining{border-top-color:var(--theme-border-red,#ef8890)}.trend-signal.growing{border-top-color:var(--theme-border-green,#6edcad)}.trend-signal.lost{border-top-color:var(--theme-border-amber,#e7b864)}.trend-signal.profitability{border-top-color:var(--theme-border-purple,#bba0ef)}.trend-item{padding:10px 14px;margin-bottom:8px}.trend-item>summary{display:grid;grid-template-columns:minmax(210px,1.7fr) minmax(150px,1fr) minmax(110px,.7fr) minmax(120px,.8fr) minmax(140px,1fr);align-items:center;gap:18px;cursor:pointer;list-style:none}.trend-identity{display:flex;flex-direction:column;gap:4px}.trend-impact{text-align:right;display:flex;flex-direction:column;font-size:12px}.trend-impact strong{font-size:17px}.trend-chips{display:flex;flex-wrap:wrap;gap:6px}.trend-chip{padding:3px 8px;border-radius:5px;font-size:11px;background:#ffffff09}.trend-chip.growing{background:#55cf961b;color:var(--theme-ink-green,#6edcad)}.trend-chip.declining{background:#ef88901b;color:var(--theme-ink-red,#ff939c)}.trend-chip.lost{background:#e7b8641b;color:var(--theme-ink-amber,#e7b864)}.trend-chip.profitability{background:#bba0ef1b;color:var(--theme-ink-blue,#cdb6ff)}.trend-context{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:11px;color:var(--muted)}.trend-expanded{margin-top:18px}.trend-item:not([open]) .trend-expanded{display:none}.trend-detail-table{width:100%;font-size:12px;border-collapse:collapse}.trend-detail-table td,.trend-detail-table th{text-align:right;padding:8px;border-bottom:1px solid var(--line)}.trend-detail-table td:first-child,.trend-detail-table th:first-child{text-align:left}.trend-detail-chart svg{display:block;width:100%;max-width:900px;height:auto}.trend-detail-chart text{fill:var(--muted);font-size:10px}
@media(max-width:760px){.compact-rank-table{min-width:700px}.trend-signal-controls{grid-template-columns:repeat(2,1fr)}.trend-item>summary{grid-template-columns:1fr auto}.trend-signal{padding:12px}.trend-impact strong{font-size:16px}}
.trend-item>summary{position:relative;padding-right:24px}.trend-item>summary::after{content:'›';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;color:var(--muted)}.trend-item[open]>summary::after{transform:translateY(-50%) rotate(90deg)}

/* Period totals remain visible when product details are collapsed. */
.trend-identity{min-width:0}.trend-identity>strong{font-size:13px;overflow-wrap:anywhere}.trend-identity>small{font-size:10px}.trend-chips{gap:4px}.trend-chip{font-size:9px;padding:2px 6px}.trend-mini-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trend-mini-totals>div,.trend-mini-finance{display:flex;flex-direction:column;gap:3px}.trend-mini-totals small,.trend-mini-finance small,.trend-spark small{font-size:10px}.trend-mini-totals strong,.trend-mini-finance strong{font-size:13px;font-variant-numeric:tabular-nums}.trend-current strong{color:var(--theme-ink-blue,#8fcbff)}.trend-mini-finance>small:last-child{color:var(--theme-ink-purple,#c0a0ff)}.trend-spark svg{display:block;width:120px;height:30px;margin-top:3px}.trend-impact small{font-size:10px}.trend-item:hover{border-color:var(--theme-border-neutral,#6b806d)}.trend-item[open]{border-color:var(--amber)}
@media(max-width:1100px) and (min-width:761px){.trend-item>summary{grid-template-columns:minmax(170px,1.3fr) minmax(140px,1fr) 100px minmax(120px,1fr);gap:12px}.trend-spark{display:none}}
@media(max-width:760px){.trend-item>summary{grid-template-columns:minmax(0,1fr) auto;gap:12px}.trend-identity{grid-column:1}.trend-impact{grid-column:2;grid-row:1}.trend-mini-totals{grid-column:1;grid-row:2}.trend-mini-finance{grid-column:2;grid-row:2;text-align:right}.trend-spark{display:none}.trend-mini-totals strong,.trend-mini-finance strong{font-size:12px}}

/* Dedicated decision tools: compact metrics, sortable tables and isolated workflows. */
.decision-tabs{display:flex;gap:8px;margin:12px 0 20px;flex-wrap:wrap}.decision-tabs button{background:var(--panel);color:var(--muted);border:1px solid var(--line)}.decision-tabs [aria-pressed=true]{color:var(--text);border-color:var(--amber);box-shadow:inset 0 -3px var(--amber)}.decision-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0}.decision-kpis .kpi{padding:16px}.decision-kpis .kpi-value{display:block;font-size:23px;line-height:1.4}.decision-kpis .kpi small{display:block;margin-top:5px}.decision-kpis .positive{border-top:3px solid var(--theme-border-green,#79d9ac)}.decision-kpis .negative,.decision-kpis .alert{border-top:3px solid var(--theme-border-red,#f58c99)}.decision-table table{width:100%;border-collapse:collapse;font-size:12px}.decision-table th,.decision-table td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.decision-table th:first-child,.decision-table td:first-child{text-align:left;white-space:normal;min-width:150px}.decision-table th{color:var(--muted);font-weight:500}.decision-table .sort-button{font-size:10px;text-align:inherit}.decision-table tbody tr:hover{background:#ffffff05}.decision-name{background:none;border:0;padding:0;color:var(--theme-ink-blue,#9dccff);text-align:left;font-size:12px;cursor:pointer}.decision-name:hover{text-decoration:underline}.decision-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.decision-share{display:flex;gap:3px;min-height:36px;margin:16px 0;flex-wrap:wrap}.decision-share>div{min-width:100px;padding:9px;color:var(--theme-ink-green,#102019);font-size:12px;border-radius:4px;text-align:center;flex-basis:0}.decision-chart{margin:16px 0;max-width:1000px}.decision-chart svg{display:block;width:100%;height:auto}.decision-chart text{fill:var(--muted);font-size:12px}#decision-page [hidden]{display:none!important}#decision-page .panel{margin-bottom:20px}#decision-filters p{flex-basis:100%;margin-bottom:0}#forecast-select{min-width:260px;max-width:100%}@media(max-width:900px){.decision-columns{grid-template-columns:1fr}.decision-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-kpis .kpi-value{font-size:20px}.decision-chart{overflow-x:auto}.decision-chart svg{min-width:600px}}

.decision-table{max-height:460px;overflow:auto}.decision-table thead th{position:sticky;top:0;background:var(--panel);z-index:1}.decision-table .sort-button{padding:0;border:0;background:none;color:inherit}.decision-table::-webkit-scrollbar{height:6px;width:6px}#client-detail{scroll-margin-top:20px}

.client-business-name{grid-column:1 / -1;font-size:16px;color:var(--text)}#client-business-form{scroll-margin-top:20px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#ffffff03}

.stock-range-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0}.stock-range-controls label{max-width:260px}.stock-range-select{font-size:11px;padding:6px;min-width:125px;max-width:170px}.stock-range-unsaved{border-color:var(--amber);outline:1px solid var(--amber)}

/* Article icons keep their intrinsic size in every table and tool. */
.article-type-icon{display:inline-flex;width:18px;height:18px;min-width:18px;max-width:18px;flex:none;vertical-align:middle;margin-right:7px;color:var(--theme-ink-amber,#c7ae76)}
.article-type-icon svg{display:block;width:18px;height:18px;max-width:18px;max-height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.article-type-icon.icon-can{color:var(--theme-ink-blue,#77b8e5)}.article-type-icon.icon-keg{color:var(--theme-ink-green,#62cbb6)}.article-type-icon.icon-bottle{color:var(--theme-ink-amber,#d99d6f)}.article-type-icon.icon-tank{color:var(--theme-ink-blue,#9bbed0)}