:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f7fb;min-width:320px}body{background:radial-gradient(circle at 0 0,#1d4ed80d,#0000 32%),#f4f7fb;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{border:0}#root,.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffeb;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:20px 32px;display:flex;position:sticky;top:0}.eyebrow{letter-spacing:.14em;color:#64748b;margin:0 0 6px;font-size:11px;font-weight:800}.topbar h1{letter-spacing:-.04em;margin:0;font-size:clamp(22px,2vw,30px)}.topbar-actions{background:#eef2f7;border-radius:12px;gap:8px;padding:5px;display:flex}.tab{color:#64748b;cursor:pointer;background:0 0;border-radius:9px;padding:9px 14px;font-weight:700}.tab.active{color:#172033;background:#fff;box-shadow:0 1px 3px #0f172a14}.dashboard{width:min(1500px,100% - 40px);margin:0 auto;padding:28px 0 48px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi-card,.panel{background:#fffffff5;border:1px solid #e6eaf0;box-shadow:0 8px 28px #0f172a0d}.kpi-card{border-radius:16px;flex-direction:column;align-items:flex-start;min-height:148px;padding:18px;display:flex}.kpi-card svg{background:#eef4ff;border-radius:10px;width:34px;height:34px;margin-bottom:16px;padding:7px}.kpi-card span{color:#64748b;font-size:13px;font-weight:700}.kpi-card strong{letter-spacing:-.05em;margin-top:6px;font-size:28px}.kpi-card small{color:#94a3b8;margin-top:auto}.content-grid{grid-template-columns:minmax(0,2.2fr) minmax(310px,.8fr);gap:18px;display:grid}.panel{border-radius:18px}.map-panel{min-height:560px;padding:22px}.state-panel{padding:22px}.panel-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-kicker{text-transform:uppercase;letter-spacing:.11em;color:#94a3b8;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.panel h2{letter-spacing:-.03em;margin:0;font-size:21px}.panel-header select{color:#334155;background:#fff;border:1px solid #dce2ea;border-radius:10px;outline:none;padding:10px 34px 10px 12px}.map-placeholder{color:#94a3b8;background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6);border:1px dashed #dce3ec;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:470px;margin-top:20px;display:flex}.map-placeholder svg{margin-bottom:14px}.map-placeholder p{color:#64748b;margin:0;font-weight:800}.map-placeholder small{margin-top:6px}.state-panel p,.history-panel p{color:#64748b;line-height:1.65}.history-panel{margin-top:18px;padding:22px}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.map-panel{min-height:500px}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start;padding:16px}.topbar-actions{width:100%}.tab{flex:1}.dashboard{width:min(100% - 24px,1500px);padding-top:16px}.kpi-grid{grid-template-columns:1fr}.map-panel,.state-panel,.history-panel{padding:16px}.panel-header{flex-direction:column}.panel-header select{width:100%}.map-placeholder{height:360px}}.brazil-map{background:linear-gradient(135deg,#f8fafcf5,#f1f5f9f5);border:1px solid #e3e8ef;border-radius:14px;height:470px;margin-top:20px;overflow:hidden}.brazil-map svg{width:100%;height:100%}.state-empty-data{background:#f6f8fb;border:1px solid #e5eaf1;border-radius:14px;flex-direction:column;gap:6px;margin-top:28px;padding:18px;display:flex}.state-empty-data span{color:#64748b;font-size:12px;font-weight:800}.state-empty-data strong{letter-spacing:-.04em;font-size:30px}.uf-map{cursor:pointer;outline:none;transition:fill .12s}.uf-map:hover{fill:#93b4e8}.uf-map:active{fill:#1d4ed8}.turno-status{background:#fff;border:1px solid #e6eaf0;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;display:flex;box-shadow:0 8px 28px #0f172a0a}.turno-status strong{font-size:15px;display:block}.turno-badges{gap:8px;display:flex}.turno-badge{color:#64748b;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.turno-badge.online{color:#166534;background:#dcfce7}
