.commercial-dashboard {
  --cd-bg: #f4f7fb; --cd-card: #fff; --cd-border: #e3e9f2; --cd-text: #172033;
  --cd-muted: #6d778a; --cd-primary: #3867f4; --cd-success: #20a66a; --cd-warning: #e99a10;
  --cd-danger: #dc4c5a; --cd-purple: #8754de;
}
.commercial-dashboard .dashboard-shell.is-loading { opacity: .72; pointer-events: none; transition: opacity .18s ease; }
.commercial-dashboard .dashboard-topbar { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 24px; }
.commercial-dashboard .dashboard-eyebrow { color: var(--cd-primary); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.commercial-dashboard .dashboard-title h1 { color: var(--cd-text); font-size: clamp(1.65rem, 3vw, 2.25rem); font-weight: 800; margin: 3px 0; }
.commercial-dashboard .dashboard-title p { color: var(--cd-muted); margin: 0; }
.commercial-dashboard .dashboard-actions, .commercial-dashboard .dashboard-filters { display: flex; flex-wrap: wrap; gap: 10px; }
.commercial-dashboard .dashboard-actions { justify-content: flex-end; }
.commercial-dashboard .dashboard-filters { align-items: flex-end; margin-bottom: 22px; padding: 14px; background: rgba(255,255,255,.72); border: 1px solid var(--cd-border); border-radius: 17px; }
.commercial-dashboard .filter-field { min-width: 165px; }
.commercial-dashboard .filter-label { display: block; color: var(--cd-muted); font-size: .78rem; font-weight: 700; margin-bottom: 5px; }
.commercial-dashboard .filter-control { width: 100%; min-height: 41px; padding: 8px 11px; background: #fff; border: 1px solid var(--cd-border); border-radius: 11px; color: var(--cd-text); }
.commercial-dashboard .filter-control:focus { border-color: var(--cd-primary); box-shadow: 0 0 0 3px rgba(56,103,244,.11); outline: 0; }
.commercial-dashboard .quick-btn { min-height: 41px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 11px; padding: 9px 14px; font-weight: 700; text-decoration: none; }
.commercial-dashboard .quick-btn.primary { background: var(--cd-primary); color: #fff; }
.commercial-dashboard .quick-btn.success { background: var(--cd-success); color: #fff; }
.commercial-dashboard .quick-btn.purple { background: var(--cd-purple); color: #fff; }
.commercial-dashboard .quick-btn.light { background: #fff; border: 1px solid var(--cd-border); color: var(--cd-text); }
.commercial-dashboard .dashboard-loading { align-items: center; align-self: center; color: var(--cd-muted); display: inline-flex; gap: 7px; }
.commercial-dashboard .dashboard-loading[hidden] { display: none; }
.commercial-dashboard .dashboard-panel, .commercial-dashboard .kpi-card { background: var(--cd-card); border: 1px solid var(--cd-border); box-shadow: 0 9px 28px rgba(23,32,51,.045); }
.commercial-dashboard .dashboard-panel { border-radius: 18px; height: 100%; padding: 20px; }
.commercial-dashboard .kpi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 16px; }
.commercial-dashboard .kpi-card { border-radius: 17px; padding: 18px; }
.commercial-dashboard .kpi-top, .commercial-dashboard .panel-head, .commercial-dashboard .stack-item, .commercial-dashboard .mini-item { display: flex; justify-content: space-between; gap: 12px; }
.commercial-dashboard .kpi-top { margin-bottom: 10px; }
.commercial-dashboard .kpi-label, .commercial-dashboard .kpi-caption, .commercial-dashboard .panel-head p, .commercial-dashboard .stack-main span, .commercial-dashboard .mini-item span { color: var(--cd-muted); }
.commercial-dashboard .kpi-label { font-weight: 700; }
.commercial-dashboard .kpi-value { color: var(--cd-text); font-size: clamp(1.45rem,2.5vw,2rem); font-weight: 850; line-height: 1.1; margin-bottom: 8px; }
.commercial-dashboard .kpi-caption { font-size: .86rem; }
.commercial-dashboard .kpi-progress { display: flex; flex-direction: column; gap: 3px; margin-top: 10px; }
.commercial-dashboard .kpi-progress > span { color: var(--cd-muted); font-size: .76rem; }
.commercial-dashboard .panel-head { align-items: center; margin-bottom: 17px; }
.commercial-dashboard .panel-head h3 { color: var(--cd-text); font-size: 1.08rem; font-weight: 800; margin: 0 0 2px; }
.commercial-dashboard .panel-head p { font-size: .85rem; margin: 0; }
.commercial-dashboard .panel-link { color: var(--cd-primary); flex: none; font-size: .86rem; font-weight: 700; text-decoration: none; }
.commercial-dashboard .badge-soft { align-items: center; border-radius: 99px; display: inline-flex; font-size: .75rem; font-weight: 800; justify-content: center; padding: 5px 9px; }
.commercial-dashboard .tone-primary { background: rgba(56,103,244,.11); color: var(--cd-primary); }
.commercial-dashboard .tone-success { background: rgba(32,166,106,.12); color: var(--cd-success); }
.commercial-dashboard .tone-warning { background: rgba(233,154,16,.14); color: #a96600; }
.commercial-dashboard .tone-danger { background: rgba(220,76,90,.11); color: var(--cd-danger); }
.commercial-dashboard .tone-purple { background: rgba(135,84,222,.11); color: var(--cd-purple); }
.commercial-dashboard .tone-slate { background: #edf1f6; color: #586579; }
.commercial-dashboard .stage-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.commercial-dashboard .stage-card { border-radius: 14px; min-height: 105px; padding: 14px; }
.commercial-dashboard .stage-card h4 { font-size: .88rem; font-weight: 750; margin: 0 0 7px; }
.commercial-dashboard .stage-count { color: var(--cd-text); font-size: 1.55rem; font-weight: 850; }
.commercial-dashboard .stage-amount { color: var(--cd-muted); font-size: .82rem; }
.commercial-dashboard .stage-card.blue { background:#edf3ff }.commercial-dashboard .stage-card.green { background:#eaf8f2 }.commercial-dashboard .stage-card.yellow { background:#fff7e5 }.commercial-dashboard .stage-card.orange { background:#fff1e8 }.commercial-dashboard .stage-card.red { background:#fff0f1 }.commercial-dashboard .stage-card.slate { background:#f0f3f7 }
.commercial-dashboard .stack-list, .commercial-dashboard .mini-list, .commercial-dashboard .alert-list { display: flex; flex-direction: column; gap: 9px; }
.commercial-dashboard .stack-item { align-items: center; border: 1px solid var(--cd-border); border-radius: 13px; color: inherit; padding: 12px 14px; text-decoration: none; transition: transform .15s ease,border-color .15s ease; }
.commercial-dashboard a.stack-item:hover { border-color: #aebff8; transform: translateY(-1px); }
.commercial-dashboard .stack-item.alert-danger { background:#fff8f8 }.commercial-dashboard .stack-item.alert-warning { background:#fffcf5 }
.commercial-dashboard .stack-main strong, .commercial-dashboard .mini-item strong { color: var(--cd-text); display: block; }
.commercial-dashboard .stack-main span, .commercial-dashboard .mini-item span { font-size: .82rem; }
.commercial-dashboard .stack-side { align-items:center; display:flex; flex:none; gap:7px; }
.commercial-dashboard .stats-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.commercial-dashboard .stat-pill { background:#f7f9fc; border:1px solid var(--cd-border); border-radius:12px; min-width:108px; padding:10px 12px; }
.commercial-dashboard .stat-pill .label { color:var(--cd-muted); display:block; font-size:.72rem; }.commercial-dashboard .stat-pill .value { color:var(--cd-text); font-size:1.05rem; font-weight:850; }
.commercial-dashboard .mini-item { align-items:center; border-bottom:1px solid #edf0f5; padding:10px 0; }.commercial-dashboard .mini-item:last-child { border-bottom:0; }
.commercial-dashboard .mini-item a { color:inherit; text-decoration:none; }
.commercial-dashboard .performance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.commercial-dashboard .perf-card { background:#f8fafc; border:1px solid var(--cd-border); border-radius:13px; padding:12px; }
.commercial-dashboard .perf-card .label { color:var(--cd-muted); display:block; font-size:.8rem; }.commercial-dashboard .perf-card .value { color:var(--cd-text); display:block; font-size:1.2rem; font-weight:850; }
.commercial-dashboard .alert-card { border:1px solid var(--cd-border); border-left:4px solid var(--cd-primary); border-radius:12px; color:inherit; display:block; padding:12px 14px; text-decoration:none; }
.commercial-dashboard .alert-card.tone-danger { border-left-color:var(--cd-danger) }.commercial-dashboard .alert-card.tone-warning { border-left-color:var(--cd-warning) }.commercial-dashboard .alert-card.tone-primary { border-left-color:var(--cd-primary) }
.commercial-dashboard .alert-card h4 { color:var(--cd-text); font-size:.92rem; margin:0 0 3px; }.commercial-dashboard .alert-card p { color:var(--cd-muted); font-size:.82rem; margin:0; }
.commercial-dashboard .comparison-table-wrap { overflow:auto; }.commercial-dashboard .comparison-table { border-collapse:collapse; min-width:820px; width:100%; }.commercial-dashboard .comparison-table th,.commercial-dashboard .comparison-table td { border-bottom:1px solid #edf0f5; padding:10px 12px; white-space:nowrap; }.commercial-dashboard .comparison-table th { background:#f8fafc; color:var(--cd-muted); font-size:.72rem; text-transform:uppercase; }
@media(max-width:1199px){.commercial-dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.commercial-dashboard .dashboard-shell{border-radius:17px;padding:15px}.commercial-dashboard .dashboard-topbar{flex-direction:column}.commercial-dashboard .dashboard-actions{justify-content:flex-start}.commercial-dashboard .kpi-grid,.commercial-dashboard .stage-grid,.commercial-dashboard .performance-grid{grid-template-columns:1fr}.commercial-dashboard .filter-field{min-width:100%;flex:1}.commercial-dashboard .stack-item,.commercial-dashboard .mini-item{align-items:flex-start;flex-direction:column}.commercial-dashboard .stack-side{justify-content:space-between;width:100%}}