/* V4 final cascade — compact light dashboard, aligned with landing page */
.demo-section { padding-top: 78px; padding-bottom: 84px; }
.dashboard-stage { margin-top: 30px; padding: 8px; overflow: hidden; background: #eef7f7; border-color: #cfe7e6; border-radius: 24px; color: #17314b; box-shadow: 0 24px 60px rgba(23, 74, 95, .12); }
.dashboard-shell { min-height: 0; background: #f8fbfb; border-color: #dbe9e9; border-radius: 19px; }
.dashboard-sidebar { padding: 14px 9px 12px; background: #152847; border-color: #233e64; }
.dashboard-brand-mark { width: 34px; height: 34px; border-color: #94c5ff; background: var(--blue); box-shadow: 0 7px 16px rgba(9, 105, 215, .25); }
.dashboard-nav-icons { gap: 7px; margin-top: 30px; }
.dashboard-nav-icons button, .dashboard-collapse { width: 36px; height: 36px; color: #a9bcdb; font-size: 17px; }
.dashboard-nav-icons button:hover, .dashboard-nav-icons button.is-active { background: #2b5591; border-color: #4d7dbb; color: white; box-shadow: none; }
.dashboard-collapse { color: #a9bcdb; }
.dashboard-main { background: #f8fbfb; }
.dashboard-topbar { min-height: 66px; padding: 11px 18px; border-color: #e0ebeb; background: white; }
.dashboard-shop-logo { width: 32px; height: 32px; }
.dashboard-shop strong { color: #17314b; }.dashboard-shop small { color: #78909c; }
.dashboard-clock { color: #607783; font-size: 10px; }.dashboard-clock b { color: #122b43; border-color: #d4e1e2; font-size: 14px; }
.dashboard-live-pill { padding: 7px 10px; border-color: #b9e5df; background: #e9f8f5; color: #167b78; }
.dashboard-theme { width: 31px; height: 31px; border-color: #d7e5e5; background: #f5f9f9; color: #49687a; }
.dashboard-admin-avatar { width: 30px; height: 30px; background: #e3efff; color: #1b66bc; }.dashboard-admin b { color: #17314b; }.dashboard-admin small { color: #7b929d; }
.dashboard-content { padding: 21px 23px 24px; }.dashboard-heading { margin-bottom: 16px; }.dashboard-kicker { color: #568291; font-size: 8px; }.dashboard-heading h3 { margin-top: 6px; color: #142e47; font-size: 21px; }.dashboard-date-chip { padding: 7px 9px; border-color: #dce9e9; background: white; color: #6f8791; font-size: 8px; }.dashboard-date-chip b { color: #258f8d; border-color: #dce9e9; font-size: 9px; }
.dashboard-metrics { gap: 10px; margin-bottom: 10px; }.dashboard-metric { min-height: 78px; padding: 11px 13px; border-radius: 12px; }.dashboard-metric:after { width: 88px; height: 88px; right: -35px; bottom: -58px; }.metric-blue { background: #eaf3ff; border-color: #c7ddf7; color: #1e78d0; }.metric-violet { background: #f1efff; border-color: #ddd7f7; color: #7358ca; }.metric-cyan { background: #e8f8f6; border-color: #bfe5df; color: #258e8c; }.metric-orange { background: #fff2e6; border-color: #f0d5bc; color: #c8732e; }.metric-icon { display: inline-grid; width: 22px; height: 22px; margin: 0 6px 0 0; border-radius: 6px; background: rgba(255,255,255,.65); vertical-align: -7px; font-size: 11px; }.metric-label { display: inline; color: #5d7581; font-size: 9px; }.dashboard-metric strong { margin: 5px 0 1px; color: #17314b; font-size: 22px; }.dashboard-metric small { color: #7a9098; font-size: 8px; }.dashboard-metric small i { color: currentColor; }
.dashboard-activity-card { padding: 16px 18px 11px; border-color: #dbe9e9; border-radius: 13px; background: white; }.activity-card-head h4 { margin: 5px 0 2px; color: #18334b; font-size: 15px; }.activity-card-head p { color: #708690; font-size: 9px; }.activity-live { padding: 6px 8px; border-color: #bde3df; background: #edf9f7; color: #43817f; font-size: 8px; }.activity-live b { color: #148d86; font-size: 10px; }.activity-chart { grid-template-columns: 35px minmax(0, 1fr); gap: 8px; margin-top: 18px; }.chart-y-axis { height: 190px; padding-bottom: 16px; color: #83979d; font-size: 7px; }.chart-plot svg { height: 190px; }.chart-grid-line { stroke: #e5eeee; }.chart-grid-base { stroke: #cbdcdc; }.dashboard-bot-line { stroke: #187ac7; stroke-width: 3; filter: drop-shadow(0 0 4px rgba(24, 122, 199, .25)); }.dashboard-bot-point { fill: #187ac7; stroke: #d5f1f0; }.chart-x-axis { padding-top: 6px; color: #789097; font-size: 7px; }.activity-footer { margin-top: 12px; gap: 10px; }.activity-legend { gap: 12px; color: #58727d; font-size: 8px; }.activity-legend i { width: 14px; }.legend-bot { background: #187ac7; }.legend-target { background: #4cbab2; border-top: 1px dashed #247a76; }.activity-callout { color: #58727d; font-size: 8px; }.activity-callout strong { color: #187ac7; }.dashboard-sample-note { color: #7b9298; font-size: 7px; }

@media (max-width: 900px) {
  .dashboard-shell { min-height: 0; }
  .dashboard-metric { min-height: 78px; }
}
@media (max-width: 680px) {
  .demo-section { padding-top: 65px; padding-bottom: 70px; }
  .dashboard-stage { margin-top: 28px; padding: 6px; }
  .dashboard-shell { min-height: 0; }
  .dashboard-topbar { min-height: 62px; }
  .dashboard-content { padding: 17px 13px 20px; }
  .dashboard-metric { min-height: 78px; padding: 10px; }
  .metric-label { font-size: 8px; }
  .dashboard-metric strong { font-size: 20px; }
  .dashboard-activity-card { padding: 14px 11px 10px; }
  .activity-chart { grid-template-columns: 27px minmax(0, 1fr); gap: 5px; margin-top: 16px; }
  .chart-y-axis { height: 165px; padding-bottom: 15px; font-size: 6px; }
  .chart-plot svg { height: 165px; }
  .activity-legend { gap: 8px; font-size: 7px; }
  .activity-callout { font-size: 7px; }
}