:root{--sl-blue:#0050a4;--sl-blue-2:#003f87;--sl-red:#e30613;--sl-yellow:#f7c600;--ink:#071a33;--muted:#667085;--panel:#ffffff;--line:#e6edf7;--shadow:0 20px 60px rgba(0,34,82,.22);font-family:Inter,Arial,'Helvetica Neue',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#eaf1f8}#map{position:fixed;inset:0}.leaflet-tile{filter:saturate(.85) contrast(1.02)}.panel{position:fixed;z-index:600;left:24px;top:24px;bottom:24px;width:430px;max-width:calc(100vw - 32px);background:var(--panel);border-radius:28px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:14px;overflow:auto;border:1px solid #fff}.brand{display:flex;align-items:center;gap:14px}.brand b{font-size:24px;letter-spacing:-.03em}.brand span,.muted{color:var(--muted);font-size:13px}.slmark{width:54px;height:54px;border-radius:50%;background:var(--sl-blue);color:#fff;display:grid;place-items:center;font-weight:900;font-size:23px;border:5px solid #fff;box-shadow:0 0 0 3px var(--sl-blue)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#edf4fb;border-radius:18px;padding:5px}.tab,.chips button,.trafficHead button,.routeform button,.popup button,.adminlink,select{border:0;border-radius:14px;padding:11px 12px;font-weight:800;background:transparent;color:var(--sl-blue);cursor:pointer;text-decoration:none}.tab.active,.chips button.active,.routeform button,.trafficHead button{background:var(--sl-blue);color:white;box-shadow:0 8px 20px rgba(0,80,164,.22)}input,select{width:100%;border:2px solid var(--line);border-radius:16px;padding:13px 14px;font:inherit;background:#fbfdff;outline:none}input:focus{border-color:var(--sl-blue)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chips button{background:#f4f8fc;border:1px solid var(--line);font-size:13px}.stats{font-weight:900;color:var(--sl-blue);padding:8px 0}.list,.alertsList,.routes{display:flex;flex-direction:column;gap:10px}.item,.alertCard,.routecard,.statcard{background:#f8fbff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 8px 24px rgba(0,35,82,.06)}.item{cursor:pointer}.item:hover,.alertCard:hover{border-color:var(--sl-blue)}.item b,.item small{display:block}.item small{color:var(--muted);margin-top:4px}.alertbanner{position:fixed;z-index:700;top:24px;left:480px;right:24px}.alertbanner button{width:100%;border:0;background:var(--sl-red);color:white;border-radius:20px;padding:16px 20px;font-weight:900;box-shadow:var(--shadow);text-align:left}.alertbanner span{display:block;font-size:13px;opacity:.92}.popup{min-width:260px}.popup h3{margin:0 0 10px}.badge,.linepill{display:inline-flex;background:var(--sl-blue);color:#fff;border-radius:999px;padding:4px 8px;font-weight:900;font-size:12px}.dep,.leg{display:flex;gap:10px;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0}.inlineAlerts{display:flex;flex-direction:column;gap:6px;margin:8px 0}.miniAlert{border-left:5px solid var(--sl-yellow);background:#fff8db;border-radius:10px;padding:8px}.miniAlert.critical,.miniAlert.major{border-left-color:var(--sl-red);background:#fff1f1}.alertCard h3,.routecard h3,.statcard h3{margin:0 0 8px}.alertCard.critical,.alertCard.major{border-left:7px solid var(--sl-red)}.alertCard.minor{border-left:7px solid var(--sl-yellow)}.trafficHead,.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.routeform{display:flex;flex-direction:column;gap:12px}.routeform label{font-weight:900;font-size:13px;color:var(--sl-blue)}.adminlink{display:block;text-align:center;background:#edf4fb;margin-top:auto}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.statcard table{width:100%;border-collapse:collapse;font-size:13px}.statcard td{padding:7px;border-bottom:1px solid var(--line)}.statcard td:last-child{text-align:right;font-weight:900;color:var(--sl-blue)}.statcard.hero{grid-column:1/-1;background:linear-gradient(135deg,var(--sl-blue),var(--sl-blue-2));color:white}.statcard.hero b{font-size:42px;display:block}.statcard.hero span{color:white;font-weight:900}.statcard.wide{grid-column:1/-1}.leaflet-popup-content-wrapper{border-radius:20px}.veh{background:transparent;border:0}@media(max-width:760px){.panel{left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:58vh;border-radius:24px}.alertbanner{left:8px;right:8px;top:8px}.tabs{grid-template-columns:repeat(2,1fr)}.statgrid{grid-template-columns:1fr}}
.vehicleIcon{font-size:25px;line-height:38px;text-align:center;filter:drop-shadow(0 7px 9px rgba(0,0,0,.45));transition:transform .2s ease}.journeyTimes{display:grid;grid-template-columns:auto 1fr auto auto 1fr;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin:10px 0}.journeyTimes b{color:var(--sl-blue);font-size:18px}.journeyTimes span{font-size:13px;color:var(--muted)}.journeyTimes em{font-style:normal;color:var(--muted)}.routecard{cursor:pointer}.routecard h3{display:flex;align-items:center;justify-content:space-between;gap:10px}.routecard h3 span{background:var(--sl-yellow);color:#111827;border-radius:999px;padding:4px 10px;font-size:13px}.legs{display:flex;flex-direction:column;gap:0}.leaflet-control-attribution{font-size:10px}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#c7d7ea;border-radius:999px}@media(max-width:760px){body{overflow:hidden}.panel{padding:14px;gap:10px;max-height:62vh;backdrop-filter:blur(10px)}.brand b{font-size:20px}.brand span{display:none}.slmark{width:44px;height:44px;font-size:19px}.chips{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.chips button{white-space:nowrap}.trafficHead{align-items:flex-start}.row{flex-direction:column}.journeyTimes{grid-template-columns:auto 1fr;gap:4px}.journeyTimes em{display:none}.journeyTimes b:nth-of-type(2){margin-top:8px}.alertbanner button{padding:12px 14px}.leaflet-bottom.leaflet-right{bottom:62vh}}@media(max-width:420px){.tabs{font-size:13px}.tab{padding:9px 8px}.panel{left:6px;right:6px;bottom:6px;max-height:66vh;border-radius:20px}.alertbanner{left:6px;right:6px;top:6px}.item,.alertCard,.routecard,.statcard{padding:12px;border-radius:16px}}

.quickActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.quickActions button,#nearbyBtn,#saveGeoBtn,.popupActions button{border:0;border-radius:12px;padding:10px 12px;background:#111827;color:#fff;font-weight:700;cursor:pointer}.popupActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.geoBox,.adbox{margin-top:14px}.geoBox{background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 28px rgba(15,23,42,.08)}.geoBox input{width:100%;box-sizing:border-box;margin:6px 0;padding:11px;border:1px solid #e5e7eb;border-radius:12px}.ad{background:linear-gradient(135deg,#111827,#334155);color:white;border-radius:18px;padding:14px;margin:10px 0;box-shadow:0 8px 28px rgba(15,23,42,.18)}.ad small{opacity:.75;text-transform:uppercase;letter-spacing:.08em}.ad b{display:block;font-size:16px;margin:4px 0}.ad p{margin:0;opacity:.9}.routecard .leg span:first-child{font-weight:800}.routecard[data-trip=""]{border-style:dashed}.vehicleIcon.BIKE{background:#16a34a}.vehicleIcon.WALK{background:#0ea5e9}@media(max-width:760px){.quickActions{grid-template-columns:1fr}.popupActions button{flex:1}.tabs{overflow:auto;white-space:nowrap}}

.switcher{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.switcher button{border:1px solid var(--line);border-radius:14px;padding:11px;background:#f4f8fc;color:var(--sl-blue);font-weight:900;cursor:pointer}.switcher button.active{background:var(--sl-blue);color:#fff}.lineCard{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.lineBadge{min-width:48px;height:38px;border-radius:12px;background:var(--sl-blue);color:white;display:grid;place-items:center;font-weight:900}.lineMeta small{display:block;color:var(--muted)}.stopTimeline{margin:12px 0 0;padding:0;list-style:none;border-left:4px solid var(--sl-blue);margin-left:14px}.stopTimeline li{position:relative;padding:8px 8px 8px 18px;border-bottom:1px solid var(--line);cursor:pointer}.stopTimeline li:before{content:'';position:absolute;left:-9px;top:15px;width:12px;height:12px;background:#fff;border:3px solid var(--sl-blue);border-radius:50%}.stopTimeline b{display:block}.stopTimeline small{color:var(--muted)}.lineDetail{margin-top:12px}.lineSummary{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 8px 24px rgba(0,35,82,.06)}.patternButtons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.patternButtons button{border:1px solid var(--line);border-radius:999px;background:#f8fbff;color:var(--sl-blue);font-weight:800;padding:8px 10px}.stationLines{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.stationLines span{background:#eef5ff;color:var(--sl-blue);border-radius:999px;padding:3px 7px;font-weight:800;font-size:12px}.departuresMini{display:flex;flex-direction:column;gap:6px;margin-top:10px}.departuresMini div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px}@media(max-width:760px){.lineCard{grid-template-columns:auto 1fr}.lineCard .badge{grid-column:1/-1}.patternButtons{overflow:auto;flex-wrap:nowrap}.patternButtons button{white-space:nowrap}}

/* Trafiklager + smart annonsering */
.trafficLayerBox{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;margin:12px 0;box-shadow:0 8px 24px rgba(0,35,82,.06)}
.layerChecks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.layerChecks label{display:flex;align-items:center;gap:8px;background:#f8fbff;border:1px solid var(--line);border-radius:12px;padding:9px;font-weight:800;font-size:13px}.layerChecks input{width:auto;accent-color:var(--sl-blue)}
.trafficIcon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2563eb;color:white;border:3px solid white;box-shadow:0 8px 20px rgba(0,0,0,.35);font-size:18px}.trafficIcon.minor{background:#f59e0b}.trafficIcon.major{background:#dc2626}.trafficIcon.critical{background:#991b1b}.trafficMarker{background:transparent;border:0}.trafficPopup small{color:var(--muted)}.smartAd{cursor:pointer;position:relative;overflow:hidden}.smartAd:after{content:'›';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:26px;opacity:.5}.smartAd em{display:block;font-style:normal;font-size:12px;opacity:.8;margin-top:6px}.adbox:empty{display:none}@media(max-width:760px){.layerChecks{grid-template-columns:1fr}.trafficLayerBox{padding:12px;border-radius:16px}}