.text-button{border:0;background:none;color:#0a7357;font-size:8px;font-weight:950;cursor:pointer}.text-button span{font-size:13px}.primary-button,.secondary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:0 12px;background:#0a7055;color:#fff;font-size:8px;font-weight:950;cursor:pointer;box-shadow:0 8px 16px rgba(10,112,85,.18)}.primary-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}.secondary-button{background:#e8ede7;color:#42554e;box-shadow:none}.soft-badge{padding:6px 8px;border-radius:9px;background:#e6f0e9;color:#467065;font-size:7px;font-weight:950;letter-spacing:.09em}
.queue{display:grid;padding:5px 14px 14px}.queue-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #e3e8e2;cursor:pointer}.queue-item:last-child{border-bottom:0}.queue-logo,.route-logo,.activity-dot{--tone:#ff6e5c;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--tone) 15%,white);color:var(--tone)}.queue-logo svg,.route-logo svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.queue-copy{min-width:0}.queue-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.queue-copy small{display:block;margin-top:3px;color:#78857f;font-size:7px}.queue-score{display:grid;justify-items:end;gap:4px}.queue-score b{font:800 13px Georgia,serif}.queue-score span{padding:4px 6px;border-radius:7px;background:#fff0df;color:#9d5b14;font-size:6px;font-weight:950;text-transform:uppercase}.queue-item[data-kind="vehicle"] .queue-logo{--tone:#8d6cff}.queue-item[data-kind="radar"] .queue-logo{--tone:#27bdda}
.route-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}.route-card{position:relative;overflow:hidden;padding:13px;border:1px solid #e0e6df;border-radius:16px;background:#fff}.route-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--route-color)}.route-card-head{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:8px}.route-logo{--tone:var(--route-color);width:36px;height:36px}.route-card h3{margin:0;font-size:10px}.route-card p{margin:3px 0 0;color:#77857f;font-size:7px}.route-card .stop-count{padding:5px 6px;border-radius:8px;background:#eff2ed;color:#5e7068;font-size:7px;font-weight:900}.route-line{position:relative;display:flex;align-items:center;gap:0;margin-top:13px}.route-line i{width:8px;height:8px;border:2px solid var(--route-color);border-radius:50%;background:#fff}.route-line span{height:2px;flex:1;background:linear-gradient(90deg,var(--route-color),#dce4dd)}.route-line em{width:9px;height:9px;border-radius:3px;background:var(--route-color);transform:rotate(45deg)}.route-stops{margin-top:8px;color:#66766f;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-list{display:grid;padding:10px 15px}.activity-item{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;padding:10px 0}.activity-item:not(:last-child)::after{content:"";position:absolute;left:15px;top:42px;bottom:-8px;width:1px;background:#dce4dd}.activity-dot{--tone:#19c98b;z-index:1;width:31px;height:31px;border-radius:10px}.activity-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--tone) 15%,transparent)}.activity-item[data-tone="violet"] .activity-dot{--tone:#8d6cff}.activity-item[data-tone="blue"] .activity-dot{--tone:#27bdda}.activity-item[data-tone="orange"] .activity-dot{--tone:#ff9d42}.activity-copy b{display:block;font-size:9px}.activity-copy p{margin:3px 0;color:#6e7c76;font-size:7px;line-height:1.35}.activity-copy time{color:#9aa49f;font-size:6px;font-weight:850}
dialog{width:min(520px,calc(100% - 28px));border:0;border-radius:24px;padding:0;background:#f8faf5;color:#10211c;box-shadow:0 35px 100px rgba(4,24,19,.42)}dialog::backdrop{background:rgba(4,25,20,.65);backdrop-filter:blur(6px)}dialog form{padding:20px}dialog header{display:grid;grid-template-columns:46px 1fr 35px;align-items:center;gap:11px;margin-bottom:18px}.dialog-logo{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#e3f3eb;color:#087055}.dialog-logo svg,.dialog-close svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}dialog h2{margin:0;font:800 19px Georgia,serif}.dialog-close{border:0;background:#e8ede7;border-radius:10px;height:34px;color:#5d6b66;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 72px;gap:9px}dialog label{display:block;margin-bottom:10px}dialog label span,.stops-head>span{display:block;margin-bottom:5px;color:#60726b;font-size:8px;font-weight:950}dialog input{width:100%;height:42px;border:1px solid #d8e0d9;border-radius:12px;padding:0 11px;background:#fff;outline:0;font-size:9px;font-weight:800}dialog input:focus{border-color:#22a47d;box-shadow:0 0 0 3px rgba(34,164,125,.12)}dialog input[type="color"]{padding:5px}.stops-head{display:flex;align-items:center;justify-content:space-between;margin:7px 0}.stops-head button{display:flex;align-items:center;gap:4px;border:0;background:none;color:#087055;font-size:8px;font-weight:950;cursor:pointer}.stops-head svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.stop-field{display:grid;grid-template-columns:1fr 1fr 32px;gap:7px;margin-bottom:7px}.stop-field input{height:38px}.remove-stop{border:0;border-radius:10px;background:#ffe6e1;color:#a33a2f;cursor:pointer}dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.toast{position:fixed;z-index:20;left:50%;bottom:24px;max-width:min(420px,90vw);padding:11px 15px;border-radius:13px;background:#0a3e31;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.25);font-size:9px;font-weight:900;opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}.topbar{grid-template-columns:1fr auto}.global-search{grid-column:1/-1;grid-row:2}.activity-panel{min-height:680px}}
@media(max-width:860px){.shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:18px 10px}.brand{justify-content:center;padding:0 0 22px}.brand>span:last-child,.nav-item span,.source-card div,.source-card strong,.sidebar-foot>span:nth-child(2){display:none}.nav-item{grid-template-columns:1fr;justify-items:center;padding:5px}.nav-item b{position:absolute;margin:0 0 28px 30px}.source-card{grid-template-columns:1fr;justify-items:center}.sidebar-foot{grid-template-columns:1fr;justify-items:center}.sidebar-foot button{display:none}.main{padding:22px 18px 40px}.dashboard-grid{grid-template-columns:1fr}.activity-panel{grid-column:auto;grid-row:auto;min-height:0}.alert-detail{min-height:380px}.empty-detail{min-height:378px}.routes-panel,.queue-panel{min-height:0}}
@media(max-width:620px){.shell{display:block}.sidebar{position:sticky;z-index:10;top:0;width:100%;height:68px;display:grid;grid-template-columns:52px 1fr;padding:8px 10px;overflow:visible}.brand{padding:0}.brand-mark{width:44px;height:44px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:3px}.nav-item{width:42px;min-height:42px}.nav-item:nth-child(n+5){display:none}.source-card,.sidebar-foot{display:none}.main{padding:16px 10px 32px}.topbar{grid-template-columns:1fr auto;gap:10px;margin-bottom:15px}.topbar h1{font-size:25px}.topbar .eyebrow,.live-chip span{display:none}.live-chip{padding:0 10px}.global-search{height:44px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:98px;padding:12px;grid-template-columns:36px 1fr}.stat-logo{width:35px;height:35px}.stat-card strong{font-size:23px}.stat-card canvas{display:none}.panel{border-radius:18px}.panel-head{padding:13px}.map-panel{min-height:430px}.map-canvas{height:360px}.alert-detail{min-height:350px}.route-list{grid-template-columns:1fr}.map-filters button{padding:6px}.detail-facts{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 60px}.stop-field{grid-template-columns:1fr 32px}.stop-field input:nth-child(2){grid-column:1}.stop-field .remove-stop{grid-column:2;grid-row:1/3}}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.72fr);gap:14px}.panel{min-width:0;border:1px solid rgba(20,55,44,.085);border-radius:22px;background:#fbfcf7;box-shadow:0 18px 45px rgba(10,35,28,.1);overflow:hidden}.panel-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid #dfe5dd}.panel-head h2{margin:0;font:800 18px/1 Georgia,serif}.panel-head .eyebrow{margin-bottom:4px}.map-panel,.alert-detail{min-height:482px}.queue-panel,.routes-panel{min-height:344px}.activity-panel{grid-column:2;grid-row:2/span 2;min-height:702px}
.map-filters{display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:#e9eee8}.map-filters button{border:0;border-radius:9px;padding:7px 9px;background:transparent;color:#6f7e78;font-size:7px;font-weight:950;cursor:pointer}.map-filters button.active{background:#fff;color:#0b624c;box-shadow:0 3px 10px rgba(8,41,32,.1)}
.map-canvas{position:relative;height:413px;overflow:hidden;background:radial-gradient(circle at 65% 32%,rgba(255,255,255,.9),transparent 20%),linear-gradient(145deg,#e6e9df,#daddcf)}.map-canvas::before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(60,89,77,.035) 12%,transparent 12.5%,transparent 87%,rgba(60,89,77,.035) 87.5%),linear-gradient(150deg,rgba(60,89,77,.035) 12%,transparent 12.5%,transparent 87%,rgba(60,89,77,.035) 87.5%);background-size:46px 80px}.street-grid{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f9faf5;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 1px 0 rgba(76,98,87,.15))}.street-grid .river{stroke:#a9d9de;stroke-width:25}.street-grid circle{stroke-width:7;stroke-dasharray:3 7}.district{position:absolute;color:rgba(44,72,61,.34);font-size:7px;font-weight:950;letter-spacing:.18em}.district.d1{left:15%;top:23%}.district.d2{left:55%;top:18%}.district.d3{left:46%;top:61%}.district.d4{right:10%;top:52%}
.map-marker{--marker:#ff6e5c;position:absolute;width:38px;height:38px;display:grid;place-items:center;border:3px solid #fff;border-radius:13px 13px 13px 4px;background:var(--marker);color:#fff;box-shadow:0 9px 18px rgba(24,50,41,.25);transform:translate(-50%,-50%) rotate(-45deg);cursor:pointer;transition:.2s ease}.map-marker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;transform:rotate(45deg)}.map-marker::after{content:attr(data-count);position:absolute;right:-9px;top:-9px;min-width:19px;height:19px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#173d32;color:#fff;font-size:7px;font-weight:900;transform:rotate(45deg)}.map-marker:hover,.map-marker.selected{z-index:4;transform:translate(-50%,-50%) rotate(-45deg) scale(1.14)}.map-marker.official{border-radius:50%;transform:translate(-50%,-50%)}.map-marker.official svg,.map-marker.official::after{transform:none}.map-marker.kind-roadworks{--marker:#ff9d42}.map-marker.kind-vehicle{--marker:#8d6cff}.map-marker.kind-congestion{--marker:#e84c43}.map-marker.kind-radar{--marker:#27bdda}.map-marker.kind-flood{--marker:#3488e8}.map-legend{position:absolute;left:13px;right:13px;bottom:12px;display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:rgba(250,252,247,.88);box-shadow:0 8px 20px rgba(18,45,36,.1);backdrop-filter:blur(10px);color:#63746d;font-size:7px;font-weight:900}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:8px;height:8px;border-radius:3px;background:#ff6e5c}.map-legend i.official{border-radius:50%;background:#27bdda}.map-legend b{margin-left:auto;color:#0b6c52}
.empty-detail{height:100%;min-height:480px;display:grid;place-content:center;justify-items:center;padding:24px;text-align:center}.empty-orbit{position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:#e6eee8;color:#0a7357}.empty-orbit::before,.empty-orbit::after{content:"";position:absolute;border:1px solid #d3ded6;border-radius:50%}.empty-orbit::before{inset:-13px}.empty-orbit::after{inset:-28px;opacity:.55}.empty-orbit svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}.empty-detail h3{margin:38px 0 7px;font:800 17px/1 Georgia,serif}.empty-detail p{max-width:220px;margin:0;color:#6f7f79;font-size:9px;line-height:1.5}.detail-card{height:100%;display:flex;flex-direction:column}.detail-hero{position:relative;padding:22px 18px 18px;background:linear-gradient(145deg,var(--detail-soft),#fff)}.detail-hero::after{content:"";position:absolute;right:-20px;top:-32px;width:110px;height:110px;border:20px solid rgba(255,255,255,.45);border-radius:50%}.detail-logo{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:var(--detail-color);color:#fff}.detail-logo svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2}.detail-hero h3{margin:14px 0 4px;font:800 19px/1.12 Georgia,serif}.detail-hero p{margin:0;color:#5f7069;font-size:9px;font-weight:850}.detail-source{display:inline-flex;margin-top:11px;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.72);color:var(--detail-color);font-size:7px;font-weight:950;text-transform:uppercase}.detail-body{display:grid;gap:14px;padding:17px}.confidence{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:12px}.confidence-ring{--score:50;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--detail-color) calc(var(--score)*1%),#e3e8e2 0);position:relative}.confidence-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.confidence-ring b{position:relative;font:800 14px Georgia,serif}.confidence span strong{display:block;font-size:10px}.confidence span small{display:block;margin-top:4px;color:#6f7f79;font-size:8px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.detail-facts span{padding:10px;border-radius:12px;background:#f0f3ed}.detail-facts small{display:block;color:#7a8782;font-size:7px}.detail-facts b{display:block;margin-top:3px;font-size:9px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding:0 17px 17px}.detail-actions button{min-height:39px;border:0;border-radius:12px;font-size:8px;font-weight:950;cursor:pointer}.action-confirm{background:#dff4a2;color:#304600}.action-discard{background:#ffe5e0;color:#9a3227}.detail-actions button:disabled{opacity:.45;cursor:not-allowed}
:root{--ink:#10211c;--muted:#6f7f79;--paper:#f1f1e9;--panel:#fbfcf7;--green:#0c6e53;--deep:#082d25;--mint:#19c98b;--coral:#ff6e5c;--orange:#ff9d42;--violet:#8d6cff;--cyan:#27bdda;--lime:#b9dd4b;--line:#dfe5dd;--shadow:0 18px 45px rgba(10,35,28,.1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Trebuchet MS",sans-serif}button,input{font:inherit}.sprite{position:absolute;width:0;height:0;overflow:hidden}.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 18px 18px;background:radial-gradient(circle at 20% 0,rgba(45,205,148,.2),transparent 30%),linear-gradient(165deg,#0b4033,#071f1a 78%);color:#fff;overflow:hidden}.sidebar::after{content:"";position:absolute;right:-92px;bottom:80px;width:210px;height:210px;border:34px solid rgba(186,242,95,.05);border-radius:50%;pointer-events:none}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:0 7px 25px;color:#fff;text-decoration:none}.brand-mark{position:relative;width:45px;height:45px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.08);box-shadow:0 12px 25px rgba(0,0,0,.2)}.brand-mark i{border-radius:8px 3px 8px 3px;background:var(--mint)}.brand-mark i:nth-child(2){background:var(--coral);transform:translateY(5px)}.brand-mark i:nth-child(3){background:var(--lime);transform:translateY(-4px)}.brand-mark i:nth-child(4){background:var(--cyan)}.brand b{display:block;font:800 21px/1 Georgia,serif;letter-spacing:.05em}.brand small{display:block;margin-top:3px;color:#88bcae;font-size:8px;font-weight:900;letter-spacing:.22em}
.nav{position:relative;z-index:1;display:grid;gap:6px}.nav-item{width:100%;min-height:46px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:7px;border:0;border-radius:14px;padding:6px 10px;background:transparent;color:#a8c4bb;text-align:left;cursor:pointer;transition:.2s ease}.nav-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-item span{font-size:11px;font-weight:850}.nav-item b{min-width:23px;padding:4px 5px;border-radius:8px;background:rgba(255,255,255,.1);font-size:8px;text-align:center}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}.nav-item.active{background:#f3f6ee;color:#123c31;box-shadow:0 10px 28px rgba(0,0,0,.2)}.nav-item.active svg{color:#0b8b67}.nav-item.active b{background:#d9f1e7;color:#087052}
.source-card{position:relative;z-index:1;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055)}.source-card .pulse{width:8px;height:8px;border-radius:50%;background:#bde94c;box-shadow:0 0 0 5px rgba(189,233,76,.12);animation:pulse 2s infinite}.source-card b,.sidebar-foot b{display:block;font-size:9px}.source-card small,.sidebar-foot small{display:block;margin-top:3px;color:#89aa9f;font-size:7px}.source-card strong{color:#c8ef62;font-size:10px}.sidebar-foot{position:relative;z-index:1;display:grid;grid-template-columns:35px 1fr 30px;align-items:center;gap:8px;margin-top:10px;padding:10px 7px;border-top:1px solid rgba(255,255,255,.08)}.mini-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--violet),#5b40d4);font-size:9px;font-weight:950}.sidebar-foot button{border:0;background:none;color:#87a69d;cursor:pointer}.sidebar-foot svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(189,233,76,0)}}
.main{min-width:0;padding:28px 30px 48px}.topbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,460px) auto;align-items:center;gap:22px;margin-bottom:24px}.eyebrow{margin:0 0 5px;color:#668078;font-size:8px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.topbar h1{margin:0;font:800 clamp(25px,3vw,38px)/1 Georgia,serif;letter-spacing:-.025em}.global-search{height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 9px 0 13px;border:1px solid #d5ded6;border-radius:16px;background:rgba(255,255,255,.75);box-shadow:0 8px 25px rgba(10,35,28,.05)}.global-search svg{width:18px;height:18px;fill:none;stroke:#70837d;stroke-width:2}.global-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px;font-weight:800}.global-search kbd{padding:5px 7px;border:1px solid #d9dfd8;border-radius:8px;background:#f4f5ef;color:#849089;font:800 8px inherit}.live-chip{height:45px;display:flex;align-items:center;gap:7px;padding:0 12px;border-radius:14px;background:#0b3e32;color:#fff;box-shadow:0 10px 25px rgba(7,53,41,.18)}.live-chip i{width:8px;height:8px;border-radius:50%;background:#bce755;box-shadow:0 0 0 4px rgba(188,231,85,.14)}.live-chip span{font-size:7px;font-weight:950;letter-spacing:.12em}.live-chip b{padding-left:7px;border-left:1px solid rgba(255,255,255,.18);font-size:10px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.stat-card{position:relative;min-height:112px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;overflow:hidden;padding:16px;border:1px solid rgba(20,55,44,.08);border-radius:19px;background:var(--panel);box-shadow:0 7px 24px rgba(8,36,28,.045)}.stat-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent) 16%,white);color:var(--accent)}.stat-logo svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}.stat-card small{color:#73817c;font-size:8px;font-weight:900}.stat-card strong{display:block;margin-top:3px;font:800 29px/1 Georgia,serif}.stat-card p{margin:6px 0 0;color:#87928e;font-size:7px;font-weight:800}.stat-card p b{color:var(--accent)}.stat-card canvas{position:absolute;right:8px;bottom:8px;width:72px;height:28px;opacity:.8}.stat-card.coral{--accent:var(--coral)}.stat-card.violet{--accent:var(--violet)}.stat-card.cyan{--accent:var(--cyan)}.stat-card.lime{--accent:#88ad1a}
.queue-item{width:100%;border-top:0;border-left:0;border-right:0;background:transparent;text-align:left}.queue-item:hover{background:#f1f5ee}.empty-list{min-height:110px;display:grid;place-content:center;justify-items:center;gap:5px;padding:20px;color:#87928d;text-align:center}.empty-list b{color:#3c5049;font-size:10px}.empty-list span{font-size:8px}.empty-list.wide{grid-column:1/-1}.remove-stop svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2}.primary-button:disabled{opacity:.55;cursor:wait}
.users-panel{grid-column:1}.user-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:8px 15px 13px}.user-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 2px;border-bottom:1px solid #e3e8e2}.user-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8d6cff,#6044d9);color:#fff;font-size:8px;font-weight:950;box-shadow:0 7px 14px rgba(98,68,217,.16)}.user-row b{display:block;font-size:9px}.user-row small{display:block;margin-top:3px;color:#7b8983;font-size:7px}.user-status{padding:5px 7px;border-radius:8px;background:#fff0df;color:#a15e17;font-size:6px;font-style:normal;font-weight:950;text-transform:uppercase}.user-status.active{background:#e4f4b8;color:#4d650c}
.system-panel{grid-column:1/-1}.system-ok{display:flex;align-items:center;gap:6px;color:#31705d;font-size:8px;font-weight:950}.system-ok i{width:8px;height:8px;border-radius:50%;background:#a8d939;box-shadow:0 0 0 5px rgba(168,217,57,.15)}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px}.system-grid>div{position:relative;min-height:118px;display:grid;grid-template-columns:38px 1fr auto;align-content:center;gap:4px 10px;overflow:hidden;padding:15px;border:1px solid #e0e6df;border-radius:16px;background:#fff}.system-grid>div::after{content:"";position:absolute;right:-24px;bottom:-32px;width:84px;height:84px;border:16px solid #eef3ed;border-radius:50%}.system-icon{grid-row:1/3;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#2cc99a,#08795c);box-shadow:0 8px 18px rgba(21,161,120,.18)}.system-icon.privacy{background:linear-gradient(145deg,#8d6cff,#5e43cf)}.system-icon.shield{background:linear-gradient(145deg,#27bdda,#147eae)}.system-grid b{font-size:10px}.system-grid small{grid-column:2;color:#788680;font-size:7px}.system-grid strong{z-index:1;grid-column:3;grid-row:1/3;align-self:center;color:#087055;font:800 13px Georgia,serif}
@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.stat-card,.panel{animation:rise .45s ease both}.stat-card:nth-child(2){animation-delay:.06s}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.panel:focus-within{border-color:rgba(12,110,83,.25)}button:focus-visible,input:focus-visible{outline:3px solid rgba(39,189,218,.32);outline-offset:2px}
@media(max-width:1180px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}.topbar{grid-template-columns:1fr auto}.global-search{grid-column:1/-1;grid-row:2}.activity-panel{min-height:680px}}
@media(max-width:860px){.shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:18px 10px}.brand{justify-content:center;padding:0 0 22px}.brand>span:last-child,.nav-item span,.source-card div,.source-card strong,.sidebar-foot>span:nth-child(2){display:none}.nav-item{grid-template-columns:1fr;justify-items:center;padding:5px}.nav-item b{position:absolute;margin:0 0 28px 30px}.source-card{grid-template-columns:1fr;justify-items:center}.sidebar-foot{grid-template-columns:1fr;justify-items:center}.sidebar-foot button{display:none}.main{padding:22px 18px 40px}.dashboard-grid{grid-template-columns:1fr}.activity-panel,.users-panel,.system-panel{grid-column:auto;grid-row:auto;min-height:0}.alert-detail{min-height:380px}.empty-detail{min-height:378px}.routes-panel,.queue-panel{min-height:0}.system-grid{grid-template-columns:1fr}}
@media(max-width:620px){.shell{display:block}.sidebar{position:sticky;z-index:10;top:0;width:100%;height:68px;display:grid;grid-template-columns:52px 1fr;padding:8px 10px;overflow:visible}.brand{padding:0}.brand-mark{width:44px;height:44px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:3px}.nav-item{width:42px;min-height:42px}.nav-item:nth-child(n+5){display:none}.source-card,.sidebar-foot{display:none}.main{padding:16px 10px 32px}.topbar{grid-template-columns:1fr auto;gap:10px;margin-bottom:15px}.topbar h1{font-size:25px}.topbar .eyebrow,.live-chip span{display:none}.live-chip{padding:0 10px}.global-search{height:44px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:98px;padding:12px;grid-template-columns:36px 1fr}.stat-logo{width:35px;height:35px}.stat-card strong{font-size:23px}.stat-card canvas{display:none}.panel{border-radius:18px}.panel-head{padding:13px}.map-panel{min-height:430px}.map-canvas{height:360px}.alert-detail{min-height:350px}.route-list,.user-list{grid-template-columns:1fr}.map-filters button{padding:6px}.detail-facts{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 60px}.stop-field{grid-template-columns:1fr 32px}.stop-field input:nth-child(2){grid-column:1}.stop-field .remove-stop{grid-column:2;grid-row:1/3}.system-grid>div{grid-template-columns:38px 1fr}.system-grid strong{grid-column:2;grid-row:auto}}
[hidden]{display:none!important}.login-screen{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(25,201,139,.2),transparent 28%),radial-gradient(circle at 85% 80%,rgba(39,189,218,.13),transparent 30%),#071f1a}.login-card{width:min(880px,100%);min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:#f7f9f3;box-shadow:0 40px 120px rgba(0,0,0,.4);animation:rise .55s ease}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:58px;background:linear-gradient(155deg,#0c6e53,#082d25);color:#fff}.login-visual::after{content:"";position:absolute;right:-95px;bottom:-95px;width:260px;height:260px;border:44px solid rgba(185,221,75,.09);border-radius:50%}.login-mark{width:58px;height:58px;margin-bottom:40px}.login-visual p{margin:0 0 8px;color:#94c4b7;font-size:8px;font-weight:950;letter-spacing:.2em;text-transform:uppercase}.login-visual h1{margin:0;font:800 52px/.88 Georgia,serif;letter-spacing:.03em}.login-visual h1 em{color:#b9dd4b;font-style:normal}.login-visual>small{max-width:260px;color:#a9c7bf;font-size:10px;line-height:1.5}.login-route{display:flex;align-items:center;width:250px;margin:35px 0 21px}.login-route i{width:14px;height:14px;border:3px solid #ff9d42;border-radius:50%}.login-route i:last-child{border:0;border-radius:4px;background:#ff6e5c;transform:rotate(45deg)}.login-route span{height:2px;flex:1;background:linear-gradient(90deg,#ff9d42,#27bdda)}.login-route b{width:11px;height:11px;border-radius:50%;background:#27bdda;box-shadow:0 0 0 6px rgba(39,189,218,.15)}.login-card form{display:flex;flex-direction:column;justify-content:center;padding:58px}.login-card form h2{margin:0;font:800 30px/1 Georgia,serif}.login-card form>p:not(.eyebrow){margin:12px 0 30px;color:#6f7f79;font-size:10px;line-height:1.55}.login-card form label span{display:block;margin-bottom:7px;color:#5f7069;font-size:8px;font-weight:950}.login-card form input{width:100%;height:50px;border:1px solid #d3ddd5;border-radius:14px;padding:0 14px;background:#fff;color:#10211c;outline:0;font-size:11px;font-weight:850;letter-spacing:.08em}.login-card form input:focus{border-color:#19a87c;box-shadow:0 0 0 4px rgba(25,168,124,.12)}.login-card form .primary-button{height:48px;margin-top:12px;font-size:9px}.login-card form>small{min-height:20px;margin-top:10px;color:#b34036;font-size:8px;font-weight:850;text-align:center}body.login-required{overflow:hidden}body.login-required>.shell{visibility:hidden}
@media(max-width:700px){.login-screen{padding:12px}.login-card{min-height:0;grid-template-columns:1fr;border-radius:22px}.login-visual{min-height:210px;padding:28px}.login-visual h1{font-size:37px}.login-mark{width:48px;height:48px;margin-bottom:20px}.login-route{width:210px;margin:22px 0 12px}.login-card form{padding:30px 27px 25px}.login-card form h2{font-size:25px}.login-card form>p:not(.eyebrow){margin:10px 0 20px}}
.map-empty{position:absolute;z-index:3;left:50%;top:48%;width:min(280px,calc(100% - 36px));display:grid;place-items:center;gap:7px;padding:20px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(250,252,247,.9);box-shadow:0 18px 40px rgba(18,45,36,.15);backdrop-filter:blur(12px);text-align:center;transform:translate(-50%,-50%)}.map-empty span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#e3f3eb;color:#087055}.map-empty svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.map-empty b{font-size:10px}.map-empty small{color:#6d7e77;font-size:8px;line-height:1.45}
html,body{width:100%;max-width:100%;overflow-x:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}.shell,.main{width:100%;max-width:100%}
@media(max-width:620px){html,body{min-width:0}.shell{width:100vw;max-width:100vw}.sidebar{left:0;right:0;width:100vw;max-width:100vw;grid-template-columns:50px minmax(0,1fr)}.main{width:100vw;max-width:100vw;padding-left:12px;padding-right:12px}.topbar,.stats,.dashboard-grid,.panel{width:100%;max-width:100%;min-width:0}.topbar{grid-template-columns:minmax(0,1fr) auto}.global-search{grid-column:1/-1;width:100%;min-width:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{width:100%;min-width:0}.stat-card p{max-width:110px;white-space:normal}.panel-head{align-items:flex-start;flex-wrap:wrap}.map-filters{max-width:100%;overflow-x:auto}.map-panel{min-width:0}.map-canvas{width:100%;max-width:100%}.map-legend{gap:7px}.map-legend b{white-space:nowrap}.route-card-head{grid-template-columns:37px minmax(0,1fr)}.route-card .stop-count{grid-column:2}.user-row{grid-template-columns:38px minmax(0,1fr)}.user-status{grid-column:2;justify-self:start}}
@media(max-width:380px){.stats{grid-template-columns:1fr}.stat-card{min-height:90px}.nav-item{width:39px}.map-legend span:nth-child(2){display:none}}
html{overflow-x:hidden!important;overscroll-behavior-x:none;touch-action:pan-y}body{position:relative;overflow-x:hidden!important;overscroll-behavior-x:none;touch-action:pan-y}.shell{overflow-x:hidden;touch-action:pan-y}.main{overflow-x:hidden;touch-action:pan-y}.topbar,.stats,.dashboard-grid,.panel,.panel-head,.map-canvas,.queue,.route-list,.activity-list,.user-list,.system-grid{min-width:0;max-width:100%}
@media(max-width:620px){.shell,.sidebar,.main{width:100%;max-width:100%}.sidebar{right:auto;overflow:hidden}.main{overflow-x:hidden}.topbar h1,.panel-head h2,.route-card h3,.route-card p,.activity-copy p,.system-grid small{overflow-wrap:anywhere}.global-search{overflow:hidden}.global-search input{width:100%;min-width:0}.map-legend{max-width:calc(100% - 26px);overflow:hidden}.login-screen{width:100%;max-width:100%;overflow:hidden}}
.retry-button{height:44px;margin-top:9px;border:1px solid #b8c9c0;border-radius:13px;background:#fff;color:#0b6f55;font-size:9px;font-weight:950;cursor:pointer}.retry-button:hover{background:#edf7f2}.retry-button:disabled{cursor:wait;opacity:.65}
.login-screen{background:radial-gradient(circle at 18% 12%,rgba(25,201,139,.18),transparent 30%),radial-gradient(circle at 86% 82%,rgba(39,189,218,.12),transparent 32%),#e8efea}.login-card{animation:none!important;opacity:1!important;transform:none!important}
.system-icon{display:grid;place-items:center;color:#fff}.system-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.secondary-button{border:1px solid #d6ded7}.dialog-close:hover,.secondary-button:hover{background:#dfe6df}.primary-button:hover{background:#075f48}.nav-item span{line-height:1.15}
@media(max-width:620px){.sidebar{height:78px;grid-template-columns:50px minmax(0,1fr);padding:7px 8px}.brand-mark{width:46px;height:46px}.nav{justify-content:flex-end;gap:1px;min-width:0;overflow:hidden}.nav-item{position:relative;width:54px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border-radius:12px;text-align:center}.nav-item svg{width:20px;height:20px;flex:none}.nav-item span{display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:900}.nav-item b{position:absolute;top:3px;right:4px;min-width:17px;padding:2px 4px;margin:0;border-radius:7px;font-size:6px}.nav-item.active{box-shadow:0 5px 14px rgba(0,0,0,.18)}.main{padding-top:18px}.dialog-close{min-width:34px}.secondary-button,.primary-button{font-size:9px}}
@media(max-width:350px){.nav-item{width:50px}.nav-item span{font-size:6.5px}.sidebar{grid-template-columns:46px minmax(0,1fr)}.brand-mark{width:42px;height:42px}}

/* Professional control-room layer */
:root{--paper:#eef1ec;--panel:#ffffff;--ink:#10241e;--muted:#63766f;--line:#dce5de;--green:#08664e;--deep:#052e25;--shadow:0 14px 34px rgba(8,45,35,.085)}
html,body{background:radial-gradient(circle at 78% 0,rgba(25,201,139,.07),transparent 24%),linear-gradient(135deg,#f2f4ef,#e9eee8);color:var(--ink)}
.shell{grid-template-columns:268px minmax(0,1fr)}.sidebar{padding:27px 20px 18px;background:radial-gradient(circle at 15% 0,rgba(45,205,148,.23),transparent 25%),linear-gradient(165deg,#0b523f 0,#06382d 55%,#041f1a 100%)}.sidebar::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.brand{gap:14px;padding:0 7px 26px}.brand-mark{width:49px;height:49px}.brand b{font-size:22px}.brand small{font-size:8px}.nav-caption{position:relative;z-index:1;margin:0 10px 9px;color:#72a597;font-size:8px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.nav{gap:7px}.nav-item{grid-template-columns:40px minmax(0,1fr) auto;min-height:58px;padding:7px 10px;border:1px solid transparent;border-radius:16px}.nav-icon{width:36px;height:36px;display:grid!important;place-items:center;border-radius:11px;background:rgba(255,255,255,.055);color:#a7cec2}.nav-item svg{width:18px;height:18px}.nav-copy{display:block!important;min-width:0}.nav-copy strong{display:block;color:#d9ebe5;font-size:11px;line-height:1.1}.nav-copy small{display:block;margin-top:4px;color:#78a195;font-size:7px;line-height:1.1}.nav-item:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.075)}.nav-item.active{border-color:rgba(255,255,255,.45);background:#f8faf5}.nav-item.active .nav-icon{background:#dff1e9;color:#078261}.nav-item.active .nav-copy strong{color:#123d32}.nav-item.active .nav-copy small{color:#638078}.nav-item b{background:rgba(255,255,255,.12);font-size:8px}.source-card{padding:13px;border-radius:17px}.sidebar-foot{padding-top:13px}
.main{padding:31px 34px 54px}.topbar{grid-template-columns:minmax(330px,1fr) minmax(320px,500px) auto;margin-bottom:18px}.topbar h1{font-size:clamp(30px,3vw,43px)}.topbar .eyebrow{font-size:8px}.global-search{height:52px;border-color:#d2ddd5;border-radius:17px;background:rgba(255,255,255,.86);box-shadow:0 10px 26px rgba(10,47,36,.06)}.global-search input{font-size:11px}.live-chip{height:48px;border:1px solid rgba(255,255,255,.1);border-radius:15px}
.visual-legend{display:grid;grid-template-columns:minmax(165px,1.2fr) repeat(4,minmax(130px,1fr));align-items:stretch;gap:9px;margin-bottom:13px;padding:8px;border:1px solid rgba(12,78,59,.09);border-radius:20px;background:rgba(255,255,255,.68);box-shadow:0 8px 24px rgba(8,45,35,.05);backdrop-filter:blur(12px)}.legend-intro{display:flex;flex-direction:column;justify-content:center;padding:7px 11px}.legend-intro .eyebrow{margin-bottom:3px}.legend-intro strong{font:800 15px Georgia,serif}.legend-intro small{margin-top:3px;color:#7a8983;font-size:8px}.legend-item{--legend:#ff6e5c;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:9px;border:1px solid #e5ebe5;border-radius:14px;background:#fff}.legend-item>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--legend) 14%,white);color:var(--legend)}.legend-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.legend-item b{display:block;font-size:9px}.legend-item small{display:block;margin-top:3px;color:#788780;font-size:7px;line-height:1.15}.legend-item.violet{--legend:#8d6cff}.legend-item.cyan{--legend:#27bdda}.legend-item.lime{--legend:#82a918}
.stats{gap:12px;margin-bottom:15px}.stat-card{min-height:128px;grid-template-columns:50px minmax(0,1fr);align-items:start;padding:18px;border-color:rgba(12,78,59,.09);border-radius:21px;background:linear-gradient(145deg,#fff,#f8faf7);box-shadow:0 10px 28px rgba(8,45,35,.065)}.stat-card::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--accent),transparent)}.stat-logo{width:48px;height:48px;border-radius:15px}.stat-logo svg{width:23px;height:23px}.stat-card small{color:#61766e;font-size:9px}.stat-card strong{margin-top:6px;font-size:32px}.stat-card p{margin-top:8px;color:#6f817a;font-size:8px}.stat-card canvas{right:13px;bottom:11px;width:78px;height:30px}
.panel{border-color:rgba(10,71,53,.1);border-radius:23px;background:#fff;box-shadow:var(--shadow)}.panel-head{min-height:76px;padding:17px 19px;background:linear-gradient(180deg,#fff,#fbfcfa)}.panel-head h2{font-size:19px}.eyebrow{color:#58786e}.map-canvas{background:radial-gradient(circle at 68% 25%,rgba(255,255,255,.93),transparent 21%),linear-gradient(145deg,#e7ece4,#d8dfd6)}.map-empty{padding:23px;border-radius:20px}.map-empty b{font-size:11px}.map-empty small{font-size:8.5px}.empty-detail h3{font-size:19px}.empty-detail p{font-size:9.5px}.queue-copy b,.route-card h3{font-size:10px}.queue-copy small,.route-card p,.route-stops{font-size:8px}.activity-copy b,.user-row b{font-size:10px}.activity-copy p,.user-row small{font-size:8px}.empty-list b{font-size:11px}.empty-list span{font-size:8px}.text-button,.primary-button,.secondary-button{font-size:9px}.system-grid b{font-size:11px}.system-grid small{font-size:8px}.system-grid strong{font-size:14px}
@media(max-width:1180px){.shell{grid-template-columns:238px minmax(0,1fr)}.visual-legend{grid-template-columns:repeat(4,minmax(0,1fr))}.legend-intro{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:0 10px}.legend-intro .eyebrow{grid-column:1/-1}.legend-intro small{align-self:center}.nav-item{grid-template-columns:37px minmax(0,1fr) auto}}
@media(max-width:860px){.shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:18px 11px}.nav-caption,.nav-copy{display:none!important}.nav-item{grid-template-columns:1fr;justify-items:center;padding:6px}.nav-icon{display:grid!important}.main{padding:23px 19px 42px}.visual-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.legend-intro{grid-column:1/-1}.activity-panel,.users-panel,.system-panel{grid-column:auto;grid-row:auto}}
@media(max-width:620px){.shell{display:block}.sidebar{height:82px;padding:7px 8px;grid-template-columns:50px minmax(0,1fr)}.brand{padding:0}.brand-mark{width:46px;height:46px}.nav{display:flex;justify-content:flex-end;gap:1px}.nav-item{width:54px;min-height:62px;display:flex;flex-direction:column;gap:3px;padding:4px 2px}.nav-icon{width:28px;height:28px;background:transparent}.nav-item.active .nav-icon{background:transparent}.nav-copy{display:block!important}.nav-copy strong{display:block;color:#a8c8be;font-size:7px}.nav-copy small{display:none}.nav-item.active .nav-copy strong{color:#174438}.nav-item b{top:2px;right:3px}.main{padding:18px 12px 34px}.topbar{gap:10px}.topbar h1{font-size:28px}.visual-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px;border-radius:17px}.legend-intro{display:block;padding:7px}.legend-intro small{display:block}.legend-item{grid-template-columns:31px minmax(0,1fr);gap:7px;padding:8px}.legend-item>span{width:30px;height:30px}.legend-item small{font-size:6.5px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:112px;padding:13px;grid-template-columns:38px minmax(0,1fr)}.stat-logo{width:38px;height:38px}.stat-card strong{font-size:26px}.panel-head{min-height:70px;padding:14px}.panel-head h2{font-size:17px}}
@media(max-width:380px){.visual-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.legend-intro{grid-column:1/-1}.legend-item small{font-size:6.5px}.stats{grid-template-columns:1fr}.nav-item{width:50px}.live-chip,.global-search kbd{display:none}}
html{height:100%;overflow:hidden!important}body{position:fixed!important;inset:0;width:100%;height:100%;height:100dvh;max-width:100%;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-x:none;touch-action:pan-y}.shell{min-height:100%;overflow-x:hidden!important}
.map-empty button{margin-top:4px;border:0;border-radius:10px;padding:8px 11px;background:#0a7055;color:#fff;font-size:8px;font-weight:950;cursor:pointer}.map-empty button:hover{background:#075f48}.system-grid strong[data-state="pending"]{color:#a76720}.system-grid strong[data-state="ok"]{color:#087055}
.system-action{z-index:2;grid-column:2/4;justify-self:start;margin-top:5px;border:0;border-radius:9px;padding:7px 9px;background:#eee9ff;color:#5f46c8;font-size:7px;font-weight:950;cursor:pointer}.system-action:hover{background:#e2d9ff}.pairing-dialog{width:min(560px,calc(100% - 28px))}.pairing-content{padding:22px}.pairing-content header{display:grid;grid-template-columns:46px 1fr 35px;align-items:center;gap:11px;margin-bottom:17px}.pairing-content h2{margin:0;font:800 20px Georgia,serif}.pairing-lead{margin:0 0 16px;color:#62756e;font-size:9px;line-height:1.55}.pairing-code{display:grid;justify-items:center;padding:20px;border:1px dashed #9dc6b9;border-radius:17px;background:linear-gradient(145deg,#eff8f4,#fff)}.pairing-code small{color:#648078;font-size:7px;font-weight:950;letter-spacing:.14em}.pairing-code strong{margin:8px 0 5px;color:#075f48;font:800 26px Georgia,serif;letter-spacing:.08em}.pairing-code span{color:#7e8c87;font-size:7px}.pairing-steps{display:grid;gap:9px;margin:17px 0;padding:0;list-style:none;counter-reset:pairing}.pairing-steps li{counter-increment:pairing;display:grid;grid-template-columns:29px 1fr;gap:0 9px;align-items:center}.pairing-steps li::before{content:counter(pairing);grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e5f2ec;color:#087055;font-size:8px;font-weight:950}.pairing-steps b{font-size:9px}.pairing-steps span{margin-top:2px;color:#74847e;font-size:7.5px}.pairing-content footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
@media(max-width:620px){.system-action{grid-column:2}.pairing-content{padding:18px}.pairing-code strong{font-size:22px}.pairing-content footer{display:grid;grid-template-columns:1fr 1fr}.pairing-content footer button{width:100%}}