/* Sales keeps its existing periods, drill-downs and numeric semantics. */
body.dashboard-design-modern .topbar { min-height: 34px; gap: 22px; }
body.dashboard-design-modern :is(.freshness .fl, .gmroi .fl, .sub, .loading, .filter-scope-label, .filter-summary-label, .active-filter-empty) { color: var(--design-muted); }
body.dashboard-design-modern :is(.freshness .fv, .gmroi .fv) { color: var(--n13); }
body.dashboard-design-modern .filter-panel { border-color: var(--design-border); border-radius: 7px; background: color-mix(in srgb, var(--n2) 97%, transparent); box-shadow: 0 5px 18px color-mix(in srgb, var(--shadow) 13.3%, transparent); }
body.dashboard-design-modern .filter-toolbar { gap: 14px; padding: 13px; }
body.dashboard-design-modern .filter-summary { border-color: var(--design-line); padding: 2px 13px 8px; }
body.dashboard-design-modern .filter-divider { background: var(--design-border); }
body.dashboard-design-modern :is(.ms-trigger, .ms-action) { border-color: var(--design-border); border-radius: 6px; color: var(--n13); background: var(--n1); }
body.dashboard-design-modern .ms-trigger { min-height: 38px; }
body.dashboard-design-modern .ms-trigger:hover { border-color: var(--sky); }
body.dashboard-design-modern .ms.open .ms-trigger { border-color: var(--design-accent); }
body.dashboard-design-modern .ms-menu { border-color: var(--design-border); background: var(--n3); }
body.dashboard-design-modern :is(.ms-opt) { color: var(--n13); }
body.dashboard-design-modern :is(.ms-opt, .ms-action):hover { background: var(--n5); }
body.dashboard-design-modern .ms-actions { border-color: var(--design-border); }
body.dashboard-design-modern .ms-menu input { accent-color: var(--design-accent); }
body.dashboard-design-modern .active-filter-chip { border-color: var(--sky-strong); color: var(--sky); background: var(--sky-tint); }
body.dashboard-design-modern .active-filter-chip:hover { border-color: var(--sky); background: var(--sky-tint); }
body.dashboard-design-modern :is(.filter-reset:not(:disabled), .active-filter-chip-x, .sku-toggle, .sku-toggle.open) { color: var(--design-accent); }
body.dashboard-design-modern .filter-reset:disabled { color: var(--n10); }
body.dashboard-design-modern .cards-row { gap: 14px; }
body.dashboard-design-modern .card {
  /* Classic cards set period colours inline. Keep those values for switching back. */
  --accent: var(--design-accent) !important;
  border: 1px solid var(--design-border); border-radius: 7px; background: var(--design-panel);
}
body.dashboard-design-modern .card.selectable { outline-width: 1px; outline-offset: -1px; }
body.dashboard-design-modern .card.selectable:hover { border-color: var(--sky); outline-color: var(--sky); }
body.dashboard-design-modern .card.active { border-color: var(--design-accent); outline: 1px solid var(--design-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sky) 4.7%, transparent); }
body.dashboard-design-modern .card-header { padding: 14px 15px; border-bottom: 1px solid var(--design-border); color: var(--design-text); background: var(--n3) !important; }
body.dashboard-design-modern .card-header .title { margin-bottom: 10px; font-size: 14px; font-weight: 700; }
body.dashboard-design-modern .card.active .card-header { background: var(--sky-tint) !important; }
body.dashboard-design-modern .card.active .card-header .title { color: var(--design-accent); }
body.dashboard-design-modern .dlab { min-width: 68px; color: var(--design-muted); font-weight: 500; }
body.dashboard-design-modern .dval { color: var(--n13); font-weight: 500; }
body.dashboard-design-modern .card-body { padding: 0 15px; }
body.dashboard-design-modern .metric { gap: 4px 8px; padding: 10px 0; border-color: var(--design-line); }
body.dashboard-design-modern .metric-label { color: var(--n12); }
body.dashboard-design-modern .metric-value { font-size: 16px; font-weight: 700; }
body.dashboard-design-modern :is(.metric-prev, .forecast-note, .bl-label) { color: var(--design-muted); }
body.dashboard-design-modern .badge { border-radius: 4px; padding: 2px 5px; }
body.dashboard-design-modern .badge.good { color: var(--design-good); background: var(--teal-tint); }
body.dashboard-design-modern .badge.bad { color: var(--design-warn); background: var(--n5); }
body.dashboard-design-modern .badge.neutral { color: var(--n12); background: var(--n6); }
body.dashboard-design-modern .blocks { margin-top: 0; background: var(--design-line); }
body.dashboard-design-modern .block { padding: 10px 15px; background: var(--n2); }
body.dashboard-design-modern .block-title { margin-bottom: 8px; color: var(--sky); }
body.dashboard-design-modern .block-row { margin-bottom: 5px; }
body.dashboard-design-modern :is(.bl-val.neg, .metric-value.neg, .metric-value.warn, .sku-num.neg, .margin-breakdown.neg) { color: var(--design-bad); }
body.dashboard-design-modern .metric.metric-warn { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; border-color: var(--red-strong); background: var(--n4); }
body.dashboard-design-modern .warn-tri { color: var(--design-bad); text-shadow: none; }
body.dashboard-design-modern .products { --accent: var(--design-accent) !important; min-width: 0; }
body.dashboard-design-modern .products-head { min-height: 58px; padding: 15px 16px; border-bottom: 1px solid var(--design-border); }
body.dashboard-design-modern .products-title { color: var(--design-text); font-size: 16px; }
body.dashboard-design-modern .products-dates { color: var(--design-muted); }
body.dashboard-design-modern .sku-host { overflow-x: auto; padding: 0 16px 12px; scrollbar-color: var(--sky-strong) var(--n1); }
body.dashboard-design-modern :is(.sku-head, .sku-row) { min-width: 1280px; gap: 10px; border-color: var(--design-line); }
body.dashboard-design-modern .sku-head { min-height: 44px; color: var(--design-muted); font-size: 9px; }
body.dashboard-design-modern .sku-head .sort:hover { color: var(--design-accent); }
body.dashboard-design-modern .sku-row { min-height: 56px; }
body.dashboard-design-modern .sku-row:hover { background: var(--n3); }
body.dashboard-design-modern .sku-total-row { background: var(--sky-tint); box-shadow: inset 0 0 0 1px var(--sky); }
body.dashboard-design-modern :is(.sku-total-label, .sku-total-symbol, .sku-name .code) { color: var(--n13); }
body.dashboard-design-modern .sku-num.sub { color: var(--n12); }
body.dashboard-design-modern .sku-detail { min-width: 1170px; border-color: var(--design-border); }
body.dashboard-design-modern :is(.margin-breakdown-popover, .rating-popover, .info:hover::after, .info:focus::after) { border-color: var(--sky-strong); color: var(--n13); background: var(--n3); }
body.dashboard-design-modern :is(.margin-breakdown-row span:first-child, .margin-breakdown-head, .rating-asin-head, .rating-popover-empty, .rating-popover-loading) { color: var(--n12); }
body.dashboard-design-modern .rating-country { border-color: var(--design-border); }
body.dashboard-design-modern .rating-asin-link { color: var(--design-accent); }
body.dashboard-design-modern .rating-cell.good { color: var(--design-good); background: var(--teal-tint); box-shadow: inset 0 0 0 1px var(--teal); }
body.dashboard-design-modern :is(.rating-cell.bad, .trend-cell.bad) { color: var(--design-bad); background: var(--n4); box-shadow: inset 0 0 0 1px var(--red); }
body.dashboard-design-modern .rating-cell.warn { color: var(--design-warn); background: var(--n5); }
body.dashboard-design-modern :is(.rating-cell.none, .trend-cell.none) { color: var(--design-muted); }
body.dashboard-design-modern .buy-box-cell.active { color: var(--design-good); background: var(--teal-tint); }
body.dashboard-design-modern .buy-box-cell.missing { color: var(--design-bad); background: var(--n4); box-shadow: inset 0 0 0 1px var(--red); }
body.dashboard-design-modern :is(.buy-box-cell.unavailable, .buy-box-period.none, .buy-box-note) { color: var(--design-muted); }
body.dashboard-design-modern .skel { background: linear-gradient(90deg, var(--n3) 25%, var(--sky-tint) 50%, var(--n3) 75%); background-size: 200% 100%; }
body.dashboard-design-modern .period-card { border-color: var(--design-border); color: var(--design-text); background: var(--design-panel); }
body.dashboard-design-modern :is(.period-head span, .period-hint, .period-section-title, .cal-weekdays span) { color: var(--n13); }
body.dashboard-design-modern :is(.period-cal-block, .cal-nav-btn, .period-card .btn-cancel) { border-color: var(--design-border); color: var(--n13); background: var(--n3); }
body.dashboard-design-modern .period-card .btn-save { border-color: var(--design-accent); color: var(--on-fill); background: var(--design-accent); }

body.dashboard-design-modern .period-cal-block.cur { --cal-accent: var(--design-accent); }
body.dashboard-design-modern .cal-day { color: var(--n12); }
body.dashboard-design-modern .cal-day.in-range { background: var(--sky-tint); }
body.dashboard-design-modern :is(.cal-day.start, .cal-day.end) { color: var(--on-fill); background: var(--cal-accent); }
body.dashboard-design-modern :is(.ms-label, .ms-empty) { color: var(--design-muted); }

@media (max-width: 1100px) {
  body.dashboard-design-modern .cards-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.dashboard-design-modern .filter-scope { flex-wrap: wrap; }
  body.dashboard-design-modern .filter-divider { display: none; }
}
@media (max-width: 700px) {
  body.dashboard-design-modern .filter-panel { position: relative; }
  body.dashboard-design-modern .filter-scope { width: 100%; }
  body.dashboard-design-modern .filter-scope-label { width: 100%; }
  body.dashboard-design-modern .filter-summary { flex-wrap: wrap; gap: 5px; }
  body.dashboard-design-modern .active-filters { flex-basis: 65%; }
  body.dashboard-design-modern .topbar { gap: 12px; }
  body.dashboard-design-modern .card-header { padding: 12px; }
}
@media (max-width: 520px) {
  body.dashboard-design-modern .cards-row { grid-template-columns: minmax(0, 1fr); }
  body.dashboard-design-modern .filters { flex-wrap: wrap; width: 100%; }
  body.dashboard-design-modern :is(.filter-slot, .sku-country-slot) { flex: 1 1 120px; }
  body.dashboard-design-modern .ms-trigger { width: 100%; }
}