.sp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.sp-heading>div{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.sp-heading h1{font-size:28px;margin:0}.sp-heading span{font-size:11px;color:var(--muted)}.sp-heading>b{font-size:9px;color:var(--blue);background:var(--tint);padding:7px;border-radius:5px}.sp-filters{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.sp-filters label{display:grid;gap:3px;font-size:9px;color:var(--muted);flex:1;min-width:150px}.sp-filters input,.sp-filters select,.sp-filters button{height:33px;font-size:10px;padding:7px 9px;border-radius:5px}.sp-filters select{flex:1;min-width:105px;max-width:190px}.sp-filters input{width:100%}.sp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.sp-kpis .panel{display:flex;gap:13px;align-items:center;min-height:90px}.sp-kpis i{width:44px;height:44px;border-radius:10px;background:#fff0f3;color:#ef3357;display:grid;place-items:center;flex-shrink:0}.sp-kpis i svg{width:27px;height:27px}.sp-kpis .panel:nth-child(2) i{background:#eaf3ff;color:#086bff}.sp-kpis .panel:nth-child(3) i{background:#fff4e4;color:#e47b00}.sp-kpis .panel:nth-child(4) i{background:#f2edff;color:#7c44f4}.sp-kpis strong{font-size:25px;display:block;line-height:1.2}.sp-kpis span,.sp-kpis small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.sp-kpis small{font-size:8px}.sp-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:12px}.sp-workspace>div,.sp-side{min-width:0;display:grid;gap:12px;align-content:start}.sp-root h2{font-size:16px;margin:0 0 10px}.sp-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.sp-panel-heading h2{margin:0}.sp-panel-heading button{font-size:9px;padding:6px 8px}.sp-map-wrap{position:relative}.sp-map-wrap #road-map{height:425px;background:var(--bg);border-radius:6px;z-index:1}.sp-event-card{position:absolute;z-index:450;left:12px;bottom:12px;width:305px;max-width:calc(100% - 24px);padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 6px 25px #12244425}.sp-event-card>strong{display:block;color:var(--blue);font-size:14px}.sp-event-card>small{display:block;color:var(--muted);font-size:9px;margin:6px 0}.sp-event-card p{font-size:9px;margin:5px 0;color:var(--muted)}.sp-event-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.sp-event-values>div{padding:6px;background:var(--tint);border-radius:4px;text-align:center}.sp-event-values b{font-size:21px}.sp-event-values small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.sp-event-values>div:last-child b{color:var(--red)}.sp-event-values>div:nth-child(2) b{font-size:17px}.sp-map-empty{position:absolute;z-index:450;left:15px;bottom:15px;background:var(--panel);padding:10px;border-radius:7px;color:var(--muted);font-size:11px}.sp-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:9px;padding-top:10px}.sp-legend>span{display:flex;align-items:center;gap:5px}.sp-legend i{width:8px;height:8px;border-radius:50%}.sp-legend .minor{background:#e5af00}.sp-legend .warning{background:#f18722}.sp-legend .critical{background:#f23c60}.sp-badge{font-size:9px;padding:4px 7px;border-radius:5px;display:inline-block}.sp-badge.minor{background:#fff3bd;color:#795800}.sp-badge.warning{background:#ffead7;color:#994600}.sp-badge.critical{background:#ffe2e9;color:#bc2041}.sp-journal table{min-width:1400px}.sp-root .table-wrap{overflow:auto;max-height:430px}.sp-root td,.sp-root th{font-size:10px;padding:8px}.sp-root td small{display:block;font-size:8px;color:var(--muted);margin:5px 0}.sp-root th button{background:none;border:0;padding:0;font-size:10px;text-align:left;color:var(--muted)}.sp-root tr.selected td{background:var(--tint)}.sp-root .pagination{font-size:9px;gap:8px}.sp-root .pagination button{padding:6px 8px}.sp-source-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp-source-cards>div{border:1px solid var(--line);padding:12px;border-radius:6px;font-size:11px}.sp-source-cards b,.sp-source-cards span{display:block}.sp-source-cards b{color:var(--blue)}.sp-source-cards span{color:var(--muted);font-size:10px;margin-top:6px}.sp-info{padding:10px;background:var(--tint);color:var(--muted);border-radius:5px;font-size:10px;line-height:1.7}.sp-settings{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sp-settings label{display:grid;gap:6px;font-size:10px}.sp-settings input,.sp-settings select{width:100%;font-size:11px;padding:7px;min-width:0;border-radius:4px}.sp-settings .sp-info{grid-column:1/-1;margin:0}.sp-settings>.primary{grid-column:1/-1;justify-self:end;font-size:11px}.sp-side details summary{font-size:12px;cursor:pointer;color:var(--blue)}.sp-side details p{font-size:10px;color:var(--muted);line-height:1.7}.sp-root>.subtle,.sp-map-panel>.subtle,.sp-journal>.subtle{font-size:9px;line-height:1.6}.sp-root #speed-progress{font-size:11px}.sp-notification{font-size:11px;border-color:var(--orange)}
@media(max-width:1250px){.sp-workspace{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}.sp-heading>div{gap:7px}.sp-heading h1{font-size:26px}.sp-kpis strong{font-size:21px}.sp-kpis i{height:35px;width:35px}.sp-kpis .panel{gap:9px}.sp-source-cards{grid-template-columns:1fr}.sp-map-wrap #road-map{height:490px}}
@media(max-width:1000px){.sp-workspace{grid-template-columns:1fr}.sp-side{grid-template-columns:1fr 1fr}.sp-side>details{grid-column:1/-1}.sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-map-wrap #road-map{height:420px}.sp-source-cards{grid-template-columns:1fr 1fr}.sp-side>section:nth-child(3){grid-column:1/-1}}
@media(max-width:600px){.sp-heading{align-items:flex-start}.sp-heading h1{font-size:23px}.sp-heading span{font-size:10px}.sp-heading>b{font-size:8px;max-width:100px;text-align:center}.sp-filters label{min-width:0;flex:1 1 42%}.sp-filters select{max-width:none;flex:1 1 42%;min-width:0}.sp-filters button{flex:1}.sp-side{grid-template-columns:1fr}.sp-side>section,.sp-side>details{grid-column:1}.sp-map-wrap #road-map{height:520px}.sp-kpis .panel{padding:11px}.sp-kpis strong{font-size:23px}.sp-kpis i{display:none}.sp-event-card{left:8px;bottom:8px;max-width:calc(100% - 16px)}.sp-panel-heading{flex-wrap:wrap}.sp-root h2{font-size:14px}.sp-source-cards{grid-template-columns:1fr 1fr}}

html[data-theme=dark] .layout.speed-mode{--bg:#0d1424;--panel:#162238;--text:#eef4ff;--muted:#a4b2c8;--line:#293952;--tint:#203858}

@media(max-width:600px){.sp-filters label{flex-basis:100%;font-size:12px}.sp-filters input,.sp-filters select,.sp-settings input,.sp-settings select{font-size:16px;height:40px}.sp-settings label{font-size:12px}.sp-root td,.sp-root th,.sp-root th button{font-size:12px}.sp-event-card p,.sp-event-card>small{font-size:11px}.sp-event-values small{font-size:10px}.sp-info{font-size:12px}}
