/* ZAGREB TRANSIT — visual-only theme; no application JavaScript changed. */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16243a;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:#f0f4f8;-webkit-font-smoothing:antialiased}
.premium-header{position:fixed;z-index:20;top:22px;left:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(510px,calc(100vw - 112px));min-height:76px;padding:13px 16px 13px 13px;background:rgba(255,255,255,.97);border:1px solid rgba(226,232,240,.95);border-radius:21px;box-shadow:0 12px 44px rgba(24,48,83,.09),0 1px 4px rgba(24,48,83,.05);pointer-events:none}
.premium-brand{display:flex;align-items:center;gap:11px;min-width:0}
.premium-brand img{width:44px;height:44px;display:block;flex-shrink:0}
.premium-wordmark{display:flex;flex-direction:column;gap:4px;white-space:nowrap;min-width:0}
.premium-wordmark strong{font-size:17px;letter-spacing:-.65px;font-weight:760;line-height:1.05;color:#10243a}
.premium-wordmark span{font-size:9px;letter-spacing:1.5px;font-weight:760;color:#8292a4}
.premium-status{display:flex;gap:7px;align-items:center;border:1px solid #d5ebde;background:#f0faf4;border-radius:40px;padding:8px 10px;font-size:11px;font-weight:720;white-space:nowrap;color:#246d44}
.premium-pulse{width:7px;height:7px;border-radius:50%;background:#27b86d;box-shadow:0 0 0 4px #d8f4e4}
.premium-caption{position:fixed;z-index:19;left:24px;top:110px;display:flex;align-items:center;gap:11px;padding:12px 17px;min-width:260px;border:1px solid rgba(233,237,242,.94);background:rgba(255,255,255,.96);box-shadow:0 8px 30px rgba(24,48,83,.06);border-radius:17px;pointer-events:none}
.premium-caption-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#eaf1ff;color:#316ad8;border-radius:9px;font-size:17px}
.premium-caption>div{display:flex;flex-direction:column;gap:4px}
.premium-caption strong{font-size:12px;color:#142940;letter-spacing:-.1px}
.premium-caption div>span{font-size:10px;color:#7890a5}
/* Keep native map, map markers, original controls, overlays and events. */
.maplibregl-ctrl-top-left{top:168px!important;left:14px!important}
.maplibregl-ctrl-top-right{top:14px!important;right:14px!important}
.maplibregl-ctrl-bottom-right{bottom:16px!important;right:14px!important}
.maplibregl-ctrl-group{border:1px solid rgba(222,229,238,.98)!important;border-radius:14px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 7px 28px rgba(28,50,85,.12)!important;overflow:hidden}
.maplibregl-ctrl-group button{width:42px!important;height:42px!important;transition:background-color .16s ease}
.maplibregl-ctrl-group button:hover{background-color:#f0f6ff!important}
.maplibregl-ctrl-group button+button{border-top:1px solid #e8edf4!important}
.stale-indicator{top:176px!important;left:72px!important}
.stale-message{background:#14273e!important;box-shadow:0 8px 28px #1c345329!important;padding:9px 12px!important;border-radius:10px!important;font-family:inherit!important}
.filter-header{background:#f8fafc!important;border-color:#e5eaf2!important;padding:14px!important;gap:13px!important}
.filter-category-label{font-family:inherit!important;color:#263954!important;font-weight:660!important}
.filter-reset-button{background:#e9eef5!important;color:#30455f!important;border-radius:10px!important;padding:8px 13px!important}
.filter-route-id{font-family:inherit!important;border-radius:7px!important;transition:background-color .12s ease!important}
.filter-list{padding:13px!important;column-gap:7px!important}
button,input{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7eb2f9!important;outline-offset:3px}
@media(max-width:670px){
 .premium-header{top:12px;left:12px;min-height:65px;padding:10px 12px;width:calc(100vw - 78px);gap:8px;border-radius:17px}
 .premium-brand{gap:7px}.premium-brand img{height:37px;width:37px}
 .premium-wordmark strong{font-size:14px;letter-spacing:-.45px}.premium-wordmark span{font-size:7px;letter-spacing:1px}
 .premium-status{padding:6px 8px;font-size:0;gap:0}.premium-pulse{width:8px;height:8px}
 .premium-caption{left:12px;top:87px;min-width:unset;padding:10px 11px;border-radius:13px}
 .premium-caption-icon{width:24px;height:24px;font-size:13px}
 .premium-caption strong{font-size:10px}.premium-caption div>span{font-size:9px}
 .maplibregl-ctrl-top-left{top:142px!important;left:4px!important}
 .maplibregl-ctrl-top-right{top:7px!important;right:5px!important}
 .maplibregl-ctrl-bottom-right{bottom:10px!important;right:5px!important}
 .stale-indicator{top:150px!important;left:54px!important}
 .maplibregl-ctrl-group button{width:37px!important;height:39px!important}
}
@media(max-width:360px){.premium-wordmark span{display:none}.premium-caption div>span{max-width:195px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Release: compact header, unobstructed map, refined filter sheets */
.premium-header{width:auto;max-width:calc(100vw - 100px);min-width:265px;pointer-events:none}
.filter-header,.overlay-content{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.overlay-content{border-radius:20px!important;box-shadow:0 18px 60px rgba(16,34,58,.16)!important}
@media(max-width:670px){.premium-header{max-width:calc(100vw - 78px);min-width:0}.premium-wordmark span{letter-spacing:0}}