#sd-planning-charts .promo-filter{text-align:left;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
#sd-planning-charts .promo-filter:hover{border-color:var(--blue)}
#sd-planning-charts .promo-filter[aria-pressed=true]{border-color:var(--blue);background:var(--soft);box-shadow:inset 0 0 0 1px var(--blue)}
#sd-planning-charts .promo-filter .kpi-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
#sd-planning-charts .promo-filter .big,#sd-planning-charts .promo-filter .kpi-note{display:block}
#sd-planning-charts .filter-state{font-size:14px;color:var(--blue)}
#sd-planning-charts .promo-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:40px;margin:-8px 0 12px;font-size:14px;color:var(--muted)}
#sd-planning-charts .promo-filter-summary button{border:0;background:transparent;color:var(--blue);padding:6px 0}
#sd-planning-charts #table-promo:not(.shipment-matrix) table{min-width:1180px}
#sd-planning-charts #table-promo:not(.shipment-matrix) td:last-child{min-width:220px}

#sd-planning-charts .kpis.promo-categories{grid-template-columns:repeat(5,minmax(0,1fr))}
#sd-planning-charts .promo-categories .promo-filter{background:var(--promo-bg);color:var(--promo-ink);min-width:0;padding:18px 14px}
#sd-planning-charts .promo-categories .kpi-title{align-items:flex-start;min-height:42px;font-size:14px;color:inherit}
#sd-planning-charts .promo-categories .big{font-size:32px;color:inherit}
#sd-planning-charts .promo-categories .kpi-note{font-size:12px;line-height:1.6;color:inherit;opacity:.85}
#sd-planning-charts .promo-categories .filter-state{font-size:11px;white-space:nowrap;color:inherit}
#sd-planning-charts .promo-categories .promo-filter[aria-pressed=true]{border-color:var(--promo-ink);box-shadow:inset 0 0 0 1px var(--promo-ink)}
@media(max-width:1000px){#sd-planning-charts .kpis.promo-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#sd-planning-charts .kpis.promo-categories{gap:10px}#sd-planning-charts .promo-categories .promo-filter{padding:14px 10px}#sd-planning-charts .promo-categories .kpi-title{min-height:44px;gap:5px}#sd-planning-charts .promo-categories .big{font-size:28px}}
.promo-comparison{border:1px solid var(--border,#dce3eb);border-radius:12px;padding:18px;margin:0 0 20px;background:var(--card,#fff)}
.promo-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.promo-comparison-heading h3{margin:0;font-size:18px}.promo-comparison p{font-size:13px;line-height:1.65;margin:10px 0;color:var(--muted,#64748b)}
.promo-comparison label,.promo-metric-control label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.promo-comparison select,.promo-metric-control select{font:inherit;border:1px solid var(--border,#cbd5e1);border-radius:6px;min-height:36px;padding:6px 10px;background:var(--card,#fff);color:inherit;max-width:100%}
.promo-comparison table{width:100%;min-width:850px;border-collapse:collapse}.promo-comparison th,.promo-comparison td{padding:10px 12px;text-align:center;vertical-align:middle;white-space:nowrap;border-bottom:1px solid var(--border,#e2e8f0)}
.promo-comparison th{font-weight:600}.promo-comparison td small{display:block;font-size:11px}.promo-comparison tbody tr:nth-child(even){background:rgba(128,148,170,.05)}
.promo-comparison details p{overflow-wrap:anywhere;max-height:240px;overflow:auto}.promo-comparison summary{cursor:pointer;font-size:13px}.promo-footnote{font-size:12px!important}
.promo-metric-control{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0}.promo-metric-control>span{font-size:13px;color:var(--muted,#64748b)}
@media(max-width:600px){.promo-comparison{padding:12px}.promo-comparison-heading{align-items:flex-start}.promo-comparison label{display:block;width:100%}.promo-comparison select{display:block;margin-top:6px;width:100%}.promo-metric-control{gap:8px}.promo-metric-control label{width:100%;justify-content:space-between}.promo-metric-control select{max-width:70%}}
@media(prefers-color-scheme:dark){.promo-comparison,.promo-comparison select,.promo-metric-control select{background:#162330;color:#e2e8f0;border-color:#334155}.promo-comparison p{color:#aab8c7}}
.promo-metric-control{scroll-margin-top:100px}
#sd-planning-charts #panel-promo .promo-comparison th,#sd-planning-charts #panel-promo .promo-comparison td{text-align:center;vertical-align:middle}
#table-promo .shipment-row-total strong,#table-promo .shipment-spu-total strong{white-space:normal;overflow-wrap:anywhere}