/* Scoped dashboard design: calm surfaces, compact hierarchy, deliberate alignment. */
.content[data-page="dashboard"]{background:#f6f7f9}
.dashboard-v2{max-width:1600px;margin:0 auto;--dash-line:#e8ebf0;--dash-ink:#202c3e}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:3px 0 0}
.dashboard-date{display:flex;align-items:center;gap:8px;font-size:11px;color:#79869a;margin-bottom:12px;font-weight:500}
.dashboard-live-dot{height:6px;width:6px;border-radius:50%;background:#6f9f8b}
.dashboard-welcome h1{font-size:clamp(25px,2.1vw,34px);letter-spacing:-1.2px;line-height:1.2;color:var(--dash-ink);margin:0 0 10px;font-weight:650}
.dashboard-welcome p{font-size:13px;color:#7b8799;margin:0;line-height:1.6}
.dashboard-welcome .actions{flex-shrink:0}.dashboard-welcome .actions button{height:42px;border-radius:9px;font-size:12px;padding:0 16px;gap:8px;box-shadow:0 1px 2px #16243a04}
.dashboard-welcome .actions .lucide{height:15px;width:15px}
.dashboard-context{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--dash-line);padding:0 0 20px;margin-bottom:22px;font-size:11px;color:#8791a2}
.dashboard-context>span{display:flex;align-items:center;gap:8px}.dashboard-context .lucide{width:14px;height:14px}.dashboard-context strong{font-weight:600;color:#526177}.dashboard-context i{font-style:normal;color:#bbc3cf}
.dashboard-v2 .filters{border:1px solid var(--dash-line);border-radius:12px;padding:12px 16px;margin-bottom:22px;gap:10px;box-shadow:0 2px 4px #1e293b02}
.dashboard-v2 .filters .ui-control{min-height:40px}.dashboard-v2 .filter-label{font-size:11px}
.dashboard-v2 .stats{gap:18px;margin-bottom:24px}
.dashboard-v2 button.stat.summary-card{border:1px solid var(--dash-line);border-radius:14px;padding:20px 22px 17px;box-shadow:0 2px 4px #1e293b02;overflow:hidden}
.dashboard-v2 .statlabel{font-size:12px;font-weight:500;color:#6f7e92}.dashboard-v2 .statlabel .symbol{width:32px;height:32px;border-radius:10px;background:#f4f6f9;color:#8291a7}
.dashboard-v2 .statvalue{font-size:34px;font-weight:600;letter-spacing:-1.3px;line-height:1.15;margin:14px 0 10px;color:var(--dash-ink)}
.dashboard-v2 .statfoot{font-size:11px;color:#8b96a7;line-height:1.5}.dashboard-v2 .summary-hint{font-size:10px;color:#a0aaba;margin-top:12px}
.dashboard-v2 .stats:not(.module-summary)>.stat:first-child{background:#202c3e;border-color:#202c3e;box-shadow:0 5px 14px #202c3e16}
.dashboard-v2 .stats:not(.module-summary)>.stat:first-child::before{display:none}.dashboard-v2 .stats:not(.module-summary)>.stat:first-child .statvalue{color:#fff}.dashboard-v2 .stats:not(.module-summary)>.stat:first-child .statlabel{color:#d5dce6}.dashboard-v2 .stats:not(.module-summary)>.stat:first-child .statfoot,.dashboard-v2 .stats:not(.module-summary)>.stat:first-child .summary-hint{color:#9fadc0}.dashboard-v2 .stats:not(.module-summary)>.stat:first-child .symbol{background:#ffffff10;color:#f39a76}
.dashboard-v2 .panel{border-color:var(--dash-line);border-radius:14px;box-shadow:0 2px 4px #1e293b02;overflow:hidden;margin-bottom:24px}
.dashboard-v2 .panelhead{padding:21px 24px 16px}.dashboard-v2 .panelhead h2{font-size:13px;font-weight:600;color:#344155}.dashboard-v2 .panelhead p{font-size:11px;margin-top:5px;color:#8a96a7}.dashboard-v2 .panelhead button{font-size:10px;color:#7a879b}
.dashboard-v2 .dashboard-overview{grid-template-columns:1.35fr 1fr;gap:22px;align-items:stretch}
.dashboard-v2 .dashboard-overview>.panel{min-height:300px}.dashboard-v2 .chartbody{min-height:220px;padding:14px 28px 26px;gap:36px}.dashboard-v2 .donut{width:168px;height:168px;flex-shrink:0}.dashboard-v2 .donut>span{font-size:30px;font-weight:600}.dashboard-v2 .donut small{font-size:10px;font-weight:400}.dashboard-v2 .legendrow{font-size:11px;padding:8px 0}.dashboard-v2 .legendrow strong{font-weight:600}.dashboard-v2 .legendrow small{color:#9aa6b6}
.dashboard-v2 .dashboard-overview .emptystate{min-height:210px;padding:24px}.dashboard-v2 .emptystate b{font-size:12px;color:#65758b}.dashboard-v2 .emptystate>span:last-child{font-size:11px;max-width:260px;line-height:1.8}.dashboard-v2 .empty-icon{background:#f3f7f5;color:#84a391;border-color:#eaf0ec}
.dashboard-v2 .attentionitem{padding:14px 24px;border-bottom:1px solid #f0f2f6}.dashboard-v2 .attentionitem:last-child{border-bottom:0}.dashboard-v2 .attentionitem .linkbutton{font-size:12px}.dashboard-v2 .attentionitem p,.dashboard-v2 .attentionitem time{font-size:10px}
.dashboard-v2 .tablewrap th{font-size:10px;letter-spacing:.02em;color:#8b96a6;background:#fafbfc;padding:13px 24px}.dashboard-v2 .tablewrap td{padding:17px 24px;font-size:11px}.dashboard-v2 .tablewrap td small{font-size:10px}.dashboard-v2 .tablewrap .linkbutton{font-size:12px}
.dashboard-v2 .dashboard-team-row{gap:22px;--team-card-height:330px;--team-card-header:80px}.dashboard-v2 .barrow{font-size:10px}.dashboard-v2 .bar{height:6px;background:#f0f2f6;border-radius:9px}.dashboard-v2 .workload{padding-inline:24px}.dashboard-v2 .chart-key{font-size:9px}.dashboard-v2 .activityitem{padding-inline:24px}.dashboard-v2 .activityitem details{font-size:10px}
.dashboard-v2 .module-summary .statvalue{font-size:26px;margin:9px 0}.dashboard-v2 .module-summary button.stat{padding:16px 20px}.dashboard-v2 .module-summary .symbol{width:27px;height:27px}.dashboard-v2 .module-summary .summary-hint{margin-top:8px}
@media(max-width:1100px){.dashboard-v2 .chartbody{gap:18px;padding-inline:20px}.dashboard-v2 .donut{width:140px;height:140px}.dashboard-v2 .dashboard-overview{grid-template-columns:1.2fr 1fr}}
@media(max-width:900px){.dashboard-v2 .dashboard-overview{grid-template-columns:1fr}.dashboard-welcome{align-items:flex-start}.dashboard-welcome .actions{flex-wrap:wrap;justify-content:flex-end}.dashboard-v2 .chartbody{justify-content:center;gap:40px}.dashboard-v2 .dashboard-team-row{grid-template-columns:1fr}.dashboard-v2 .dashboard-team-row>.panel{height:330px}}
@media(max-width:600px){.dashboard-welcome{flex-direction:column;gap:16px}.dashboard-welcome .actions{justify-content:flex-start}.dashboard-welcome h1{font-size:26px;letter-spacing:-.8px}.dashboard-context{align-items:flex-start;flex-direction:column;gap:8px}.dashboard-v2 .stats{gap:10px}.dashboard-v2 button.stat.summary-card{padding:16px}.dashboard-v2 .statvalue{font-size:29px}.dashboard-v2 .statfoot{font-size:10px}.dashboard-v2 .chartbody{gap:20px;padding-inline:16px}.dashboard-v2 .panelhead{padding-inline:18px}.dashboard-v2 .filters{padding:10px}}
@media(prefers-reduced-motion:reduce){.dashboard-v2 *{transition:none!important}}

