.dashboard-v8 .dashboard-questions-only { display:none; }
.dashboard-v8[data-dashboard-mode="questions"] .dashboard-questions-only { display:grid; }
.dashboard-v8[data-dashboard-mode="questions"] .dashboard-state-panel,.dashboard-v8[data-dashboard-mode="logistics"] .dashboard-state-panel,.dashboard-v8[data-dashboard-mode="sales"] .dashboard-state-panel { display:none; }
.state-widget { min-width:0; padding:20px; border:1px solid #e0e7ef; border-radius:14px; background:#fff; color:#152941; box-shadow:0 3px 14px #1229400a; }
.state-widget header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }.state-widget h2 { margin:5px 0; font-size:19px; letter-spacing:-.02em; }.state-widget header p { margin:0; color:#66798e; font-size:12px; }
.state-widget-kicker { color:#ce541b; font-size:10px; font-weight:800; letter-spacing:.08em; }.state-widget-total { display:grid; text-align:right; font-size:21px; font-weight:800; }.state-widget-total small { color:#718196; font-size:11px; font-weight:500; }
.state-widget-periods { display:flex; gap:4px; padding:4px; margin:16px 0 10px; border-radius:9px; background:#f1f5f9; }.state-widget-periods button { flex:1; padding:7px 5px; border:0; border-radius:7px; background:transparent; color:#52677e; font-size:12px; font-weight:700; cursor:pointer; }.state-widget-periods button.active { color:#be4b12; background:#fff; box-shadow:0 1px 4px #102b4d1a; }.state-widget button:focus-visible { outline:3px solid #f26419; outline-offset:2px; }
.state-widget-body { display:grid; grid-template-columns:minmax(115px, .9fr) minmax(155px,1.1fr); align-items:center; gap:14px; }.state-widget-map svg { display:block; width:100%; max-height:200px; }.state-widget-map .state { fill:#e5ebf2; stroke:#fff; stroke-width:.7; }.state-widget-map .state-level-1 { fill:#a9cef6; }.state-widget-map .state-level-2 { fill:#6aa7e9; }.state-widget-map .state-level-3 { fill:#337ed1; }.state-widget-map .state-level-4 { fill:#1257a3; }
.state-widget-ranking ol { margin:0; padding:0; list-style:none; }.state-widget-ranking li { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 0; border-bottom:1px solid #edf1f5; }.state-widget-ranking li div:first-child { display:flex; align-items:center; gap:7px; min-width:0; }.state-widget-ranking li strong { min-width:29px; color:#215a97; font-size:13px; }.state-widget-ranking li span { color:#556b82; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.state-widget-ranking li div:last-child { text-align:right; white-space:nowrap; }.state-widget-ranking li b,.state-widget-ranking li small { display:block; font-size:11px; }.state-widget-ranking li small { color:#6b7e92; margin-top:2px; }.state-widget-empty { color:#65798d; font-size:12px; line-height:1.5; }
.state-widget footer { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-top:12px; color:#697b8f; font-size:11px; line-height:1.45; }.state-widget footer button { flex:none; padding:0; border:0; color:#c84b0c; background:none; font-weight:700; font-size:11px; cursor:pointer; }.state-widget-source { display:block; margin-top:8px; color:#7b8b9d; font-size:10px; }
html[data-theme="black"] .state-widget { color:#e7eef9; background:#111827; border-color:#334155; }html[data-theme="black"] .state-widget :is(header p,.state-widget-ranking li span,.state-widget-ranking li small,.state-widget footer,.state-widget-source,.state-widget-empty) { color:#bdcad9; }html[data-theme="black"] .state-widget-periods { background:#1f2b3b; }html[data-theme="black"] .state-widget-periods button { color:#cfdaea; }html[data-theme="black"] .state-widget-periods button.active { color:#ffad79; background:#334155; }html[data-theme="black"] .state-widget-ranking li { border-color:#344153; }html[data-theme="black"] .state-widget-ranking li strong { color:#9bcaff; }html[data-theme="black"] .state-widget-map .state { stroke:#152536; }
@media(max-width:430px){.state-widget{padding:15px}.state-widget-body{grid-template-columns:110px 1fr;gap:8px}.state-widget-ranking li span{display:none}}
.state-map-column { min-width:0; }
.state-widget-map { overflow:hidden; border-radius:10px; background:#f5f8fc; }
.state-widget-map svg { height:200px; max-height:200px; }
.state-widget-map .state[id] { cursor:pointer; transition:fill .15s ease, stroke .15s ease; }
.state-widget-map .state[id]:hover,.state-widget-map .state[id]:focus-visible { fill:#f58537; stroke:#a9430a; stroke-width:1.8; outline:none; }
.state-map-controls { display:flex; align-items:center; justify-content:center; gap:5px; margin-top:8px; }
.state-map-controls button { min-width:28px; min-height:27px; border:1px solid #d8e2ed; border-radius:6px; background:#fff; color:#244b73; font-weight:700; cursor:pointer; }
.state-map-controls button:last-child { padding:0 7px; font-size:10px; }
.state-map-controls button:hover { color:#bd4c12; border-color:#e68a58; }
.state-map-hint { margin:7px 0 0; color:#677c91; font-size:10px; line-height:1.4; text-align:center; }
.state-map-info { min-height:38px; margin-top:7px; padding:8px; border-radius:7px; background:#edf4fc; color:#244766; font-size:11px; line-height:1.4; }
html[data-theme="black"] .state-widget-map { background:#1a2535; }
html[data-theme="black"] .state-map-info { background:#25374d; color:#e4effc; }
html[data-theme="black"] .state-map-hint { color:#bdcad9; }
html[data-theme="black"] .state-map-controls button { background:#25374d; border-color:#405975; color:#e4effc; }