.dashboard-insights{margin:22px 0}
.insights-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.insights-section-heading h2{font-size:19px;margin:0}
.dashboard-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
body #content .dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
[data-dashboard-card][hidden],.dashboard-insights[hidden],.dashboard-cards[hidden],.dashboard-summary-row[hidden]{display:none!important}
.dashboard-single-card{grid-template-columns:minmax(0,1fr)!important}
.dashboard-settings .btn,.dashboard-card-options~.actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.dashboard-settings .app-icon,.dashboard-card-options~.actions .app-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.dashboard-card-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.dashboard-card-options label{display:flex;align-items:center;gap:10px;margin:0;padding:10px;border:1px solid var(--border);border-radius:10px;cursor:pointer}
.dashboard-card-options input{width:18px;height:18px;flex:none;margin:0;accent-color:#6418FF}
.dashboard-card-options~.actions{display:flex;flex-wrap:wrap;gap:12px}
body .section.dashboard-insight{min-width:0;margin:0;padding:20px;display:flex;flex-direction:column;background:var(--insight-bg);border-color:var(--insight-border)}
.dashboard-insight.insight-purple{--insight-bg:var(--soft-purple);--insight-border:var(--soft-purple-border);--insight-ink:var(--soft-purple-ink)}
.dashboard-insight.insight-blue{--insight-bg:var(--soft-blue);--insight-border:var(--soft-blue-border);--insight-ink:var(--soft-blue-ink)}
.dashboard-insight.insight-green{--insight-bg:var(--soft-green);--insight-border:var(--soft-green-border);--insight-ink:var(--soft-green-ink)}
.insight-heading h3{display:flex;gap:9px;align-items:flex-start;font-size:15px;line-height:1.5;margin:0 0 15px}
.insight-heading .app-icon{width:19px;height:19px;flex:none;margin-top:2px;color:var(--insight-ink)}
.insight-body{flex:1;min-width:0}
.insight-value{font-size:clamp(23px,2.2vw,31px);font-weight:800;line-height:1.25;margin:4px 0 8px;color:var(--insight-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.insight-caption,.insight-comparison,.insight-footnote{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 14px}
.insight-comparison{margin-top:12px}
.insight-positive{color:var(--soft-green-ink)}
.insight-negative{color:var(--soft-red-ink)}
.insight-facts{display:grid;gap:10px;margin:17px 0}
.insight-fact{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;flex-wrap:wrap}
.insight-fact>span{color:var(--muted)}
.insight-fact>b{font-weight:600;font-variant-numeric:tabular-nums}
.insight-bars{display:grid;gap:15px;margin:16px 0}
.insight-bar-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;font-size:12px;flex-wrap:wrap}
.insight-bar-row span{overflow-wrap:anywhere}
.insight-bar-row b{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.insight-bar-track{height:8px;border-radius:5px;overflow:hidden;background:color-mix(in srgb,var(--insight-ink) 14%,transparent)}
.insight-bar-track>span{display:block;height:100%;border-radius:5px;background:var(--insight-ink)}
.insight-bar-track>.insight-bar-negative{background:var(--soft-red-ink)}
.insight-customer-bar{height:10px;border-radius:5px;overflow:hidden;background:color-mix(in srgb,var(--insight-ink) 25%,transparent);margin:20px 0}
.insight-customer-bar>span{display:block;height:100%;background:var(--insight-ink)}
.insight-empty{min-height:145px;display:grid;align-content:center;text-align:center;color:var(--muted);font-size:13px;line-height:1.6;padding:14px 0;margin:0}
.dashboard-insight .insight-details{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;width:100%}
.insight-details .app-icon{width:17px;height:17px;flex:none}
@media(max-width:900px){.dashboard-insight .insight-value{font-size:29px}.insight-empty{min-height:100px}}
@media(max-width:540px){.dashboard-card-options{grid-template-columns:minmax(0,1fr)}.dashboard-settings .btn{width:100%}}
@media(forced-colors:active){body .section.dashboard-insight{background:Canvas;border-color:CanvasText}.insight-value{color:CanvasText}.insight-bar-track>span,.insight-customer-bar>span{background:CanvasText}}