:root{--navy:#08275e;--orange:#ff7a00}
body{background:#eef4fb}
.app{grid-template-columns:minmax(400px,450px) 1fr}
#panel{border-right:1px solid #dbe6f2;box-shadow:12px 0 40px #08275e18}
header{position:relative;overflow:hidden;padding:20px 24px 18px;background:linear-gradient(145deg,#fff 55%,#e9f2ff)}
header:after{position:absolute;right:-35px;bottom:-54px;width:180px;height:86px;border:7px solid var(--orange);border-radius:50%;content:"";opacity:.9}
header>*{position:relative;z-index:1}
header small{display:block}
.update-badge{display:inline-block;margin-top:10px;padding:5px 9px;border-radius:99px;color:#8a460b;background:#fff0e3;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.stats{grid-template-columns:repeat(3,1fr);gap:7px}
#detail{scrollbar-color:#b7c7da transparent;scrollbar-width:thin;background:linear-gradient(#fff,#fbfdff)}
.search input{border-radius:14px;background:#fbfdff}
.stats div{border-color:#d5e2f0;border-radius:14px;background:linear-gradient(145deg,#fff,#f1f6fc);box-shadow:0 4px 14px #08275e0a}
.layers button{border-radius:99px;background:#e9f2ff;transition:.2s}.layers button:hover{color:#fff;background:var(--blue)}
.route-name{margin:4px 0 7px!important;color:var(--navy)!important;font-size:14px!important;font-weight:750}
.route-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.route-heading h2{margin-top:3px}.clear-route{padding:8px 11px;border:1px solid #ffd1ab;border-radius:99px;color:#984600;background:#fff3e8;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer;transition:.2s}.clear-route:hover{color:#fff;border-color:var(--orange);background:var(--orange)}
.selection-note{border-left:4px solid var(--orange);background:#fff4ea!important}
.bus-stop-marker{background:transparent;border:0}.bus-stop-marker span{display:grid;width:24px;height:24px;place-items:center;border:2px solid #fff;border-radius:50% 50% 50% 7px;background:var(--orange);box-shadow:0 3px 9px #08275e55;transform:rotate(-45deg)}.bus-stop-marker svg{width:14px;height:14px;fill:#fff;transform:rotate(45deg)}
.general-stop-marker span{width:18px;height:18px;border-width:1.5px;border-radius:50% 50% 50% 5px;background:var(--blue);box-shadow:0 2px 6px #08275e45}.general-stop-marker svg{width:11px;height:11px}
.leaflet-tooltip{border:0;border-radius:9px;color:var(--navy);box-shadow:0 5px 18px #08275e2b;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
@media(max-width:800px){.app{display:block}.stats{grid-template-columns:repeat(3,1fr)}}