:root{--paper:#f6f4ec;--card:#fbfaf5;--ink:#293c34;--muted:#859087;--line:#dce0d5;--green:#345f4c;--gold:#c39d56;--orange:#c57856;--rail:70px;--panel:310px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button:hover{color:#bd704e}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button span[data-icon]{display:inline-flex}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);background:#edf0e7;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:20px 0;z-index:30}.brand{height:38px;width:38px;border-radius:12px;background:#2d4c3f;display:grid;place-items:center;color:#eed399}.brand svg{width:29px;height:29px;stroke-width:2.5}.rail-line{height:1px;width:24px;background:#d9dfd2;margin:25px 0 16px}.rail-btn{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;margin:5px 0;color:#8b968c}.rail-btn.active{background:#d9e2d3;color:#345941}.rail-btn:hover{background:#e2e7dd}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:24px}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;font-weight:600;letter-spacing:2.5px;color:#899787}.avatar{background:#e4d6bb;color:#74664b;border:3px solid #faf9f1;box-shadow:0 0 0 1px #d6dccf;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font-family:Georgia;font-size:14px}.shell{margin-left:var(--rail)}
.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#f9f8f1}.wordmark{font-size:22px;letter-spacing:-1px;font-weight:800;display:flex;align-items:center;gap:7px}.wordmark>span:first-child{font-weight:350;letter-spacing:3px;font-size:16px}.edition{margin-left:18px;padding-left:22px;border-left:1px solid var(--line);font-size:8px;letter-spacing:1.6px;color:#8d9487;font-weight:600}.top-right{display:flex;gap:15px;align-items:center}.source-state{font-size:10px;display:flex;gap:7px;align-items:center;color:#778574}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot.green{background:#6a946d}.dot.amber{background:#c39855}.dot.gray{background:#a2aaa0}.dot.red{background:#b97665}.icon-button{display:grid;place-items:center;width:30px;height:30px;color:#91998e}.icon-button svg{width:17px;height:17px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--panel);min-height:610px;height:calc(100dvh - 284px);max-height:850px}.map-area{position:relative;overflow:hidden;background:#f1f1e5;isolation:isolate}.map-area::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#70896d28 .6px,transparent .6px);background-size:12px 12px;pointer-events:none;z-index:-1}.map-heading{position:absolute;top:30px;left:34px;z-index:2;pointer-events:none}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.8px;color:#87927e}.tiny-cross{font-size:16px;vertical-align:middle;margin-right:5px;color:#a29b72}.map-heading h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:39px;letter-spacing:-1.8px;line-height:1.08;margin:10px 0}.map-heading p{font-size:10px;color:#879183;margin:11px 0}.map-top-controls{position:absolute;right:22px;top:25px;display:flex;gap:7px;z-index:5}.pill{display:flex;align-items:center;gap:6px;font-size:10px;padding:9px 12px;border:1px solid #d5dcce;border-radius:6px;background:#f9faf2cc}.pill svg{width:13px;height:13px}.pill.active{background:#e2e8d7;border-color:#bfcbb6;color:#3d6149}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.map-caption{position:absolute;bottom:58px;left:28px;display:flex;align-items:center;gap:12px;pointer-events:none;font-size:8px;letter-spacing:1.3px;font-weight:600;color:#7d8976}.map-caption div>span{display:block;font-size:8px;letter-spacing:0;margin-top:6px;font-weight:400;color:#9ca28f}.compass{position:relative;display:grid;place-items:center;width:36px;height:45px}.compass svg{height:35px;width:35px;fill:#9aa68e;stroke:none;transform:rotate(35deg)}.compass svg path+path{fill:#d3d8c8}.compass b{position:absolute;top:-5px;right:4px;font-size:8px}.map-tools{position:absolute;right:22px;bottom:28px;display:flex;align-items:center;gap:2px;padding:4px;border-radius:8px;border:1px solid #d5dccd;background:#fafaf2;box-shadow:0 3px 9px #4b5a3d08}.map-tools button{height:27px;width:29px;display:grid;place-items:center}.map-tools svg{height:15px;width:15px}.map-tools output{font-size:9px;font-variant-numeric:tabular-nums;width:37px;text-align:center;color:#6e7c67}.map-tools>span{height:15px;border-left:1px solid var(--line);margin:0 3px}.map-hint{position:absolute;bottom:24px;left:30px;font-size:7px;letter-spacing:1.1px;color:#9aa28c}.map-hint span{padding:0 8px}.map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#f1f1e5e8;z-index:10}.map-loading b{font-family:Georgia;font-weight:400;font-size:23px}.map-loading>span{font-size:11px;color:var(--muted)}.loading-building{height:26px;width:26px;background:#88ab8c;transform:rotate(-30deg) skewY(30deg);box-shadow:9px 9px 0 #cad7b8;animation:load 1s ease-in-out infinite alternate;margin-bottom:16px}@keyframes load{to{transform:translateY(-8px) rotate(-30deg) skewY(30deg)}}
.inspector{background:var(--card);border-left:1px solid var(--line);display:flex;min-height:0;flex-direction:column}.inspector-top{padding:25px 22px 15px}.inspector-title{display:flex;align-items:center;justify-content:space-between;height:45px}.inspector-title h2{font-size:17px;letter-spacing:-.5px;font-weight:550;margin:0}.search{border:1px solid #dce0d5;display:flex;align-items:center;gap:8px;padding:10px 9px;border-radius:6px;background:#f4f4eb;margin-top:5px}.search>span{display:flex;color:#a4ac9c}.search svg{height:14px;width:14px}.search input{width:100%;background:none;border:0;font-size:10px;outline:none!important;min-width:0;color:var(--ink)}.search input::placeholder{color:#9bA38f}.search kbd{font-size:10px;padding:0 4px;color:#a1a98f;border:1px solid #dce0d5;border-radius:3px}.panel{padding:0 22px 15px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d4dacb transparent}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:20px}.stat strong{display:block;font-size:26px;font-weight:400;letter-spacing:-1.6px;font-variant-numeric:tabular-nums}.stat span{display:block;margin-top:4px;color:#8f9986;font-size:8px}.stat+ .stat{padding-left:15px;border-left:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;font-size:8px;letter-spacing:1.4px;font-weight:650;color:#89957f}.section-heading>span{font-size:8px;font-weight:400;letter-spacing:0;color:#a1a991}.district-list{display:flex;flex-direction:column;gap:2px}.district-row{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:8px 5px;border-radius:5px}.district-row:hover,.agent-row:hover{background:#edf0e5}.district-swatch{height:24px;width:24px;border-radius:7px;background:var(--swatch);display:grid;place-items:center;flex-shrink:0}.district-swatch svg{width:14px;height:14px;opacity:.7}.district-row strong{font-size:11px;font-weight:500;display:block}.district-row small{font-size:8px;display:block;margin-top:3px;color:#97a08c}.district-row .row-end{margin-left:auto;color:#9da58d;font-size:10px;display:flex;gap:10px;align-items:center}.row-end svg{height:12px;width:12px}.brain-card{margin-top:18px;padding:13px;background:#eaf0e1;border:1px solid #d5e0c8;border-radius:7px;display:flex;gap:11px;align-items:center;text-align:left;width:100%}.brain-card>svg{height:27px;width:27px;color:#739b69;flex-shrink:0}.brain-card b{font-size:11px;font-weight:500}.brain-card p{font-size:9px;line-height:1.6;color:#829379;margin:4px 0 0}.inspector-foot{display:flex;gap:9px;align-items:center;padding:15px 20px;border-top:1px solid var(--line);font-size:9px;flex-shrink:0;background:#f7f7ef}.inspector-foot>span{display:flex;color:#97a68e}.inspector-foot>span svg{width:16px;height:16px}.inspector-foot div>span{display:block;font-size:8px;color:#9aa38f;margin-top:4px}.inspector-foot button{margin-left:auto}.empty{font-size:12px;line-height:1.7;color:#86917c;padding:20px 0}.agent-row{display:flex;width:100%;align-items:center;gap:9px;padding:10px 4px;border-bottom:1px solid #e9ebdf;text-align:left;border-radius:4px}.agent-avatar{height:28px;width:28px;border-radius:8px;background:var(--swatch,#e0e6d6);display:grid;place-items:center;font-size:10px;flex-shrink:0;color:#4c684e}.agent-row .agent-copy{min-width:0;flex:1}.agent-copy strong{display:block;font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-copy small{display:block;font-size:8px;color:#a0a68f;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-row .dot{width:5px;height:5px}.agent-hero{height:86px;display:grid;place-items:center;background:var(--swatch,#e4eada);border-radius:9px;position:relative;margin:7px 0 17px}.agent-hero svg{height:42px;width:42px;color:#597658;stroke-width:1}.agent-hero>span{position:absolute;left:12px;bottom:9px;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#6e8269}.agent-description{font-size:11px;line-height:1.8;color:#7d8977;margin:14px 0 20px;overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:83px 1fr;font-size:10px;gap:14px 6px;margin:20px 0}.facts dt{color:#929e87}.facts dd{margin:0;overflow-wrap:anywhere}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.5}.soft-note{padding:12px;border-left:2px solid #d1b780;background:#f1eee1;font-size:9px;line-height:1.8;color:#928268}.text-link{font-size:9px;color:#79936a;padding:10px 0;text-decoration:underline;text-underline-offset:3px}.event{padding:10px 0;border-bottom:1px solid #e5e9dc}.event-top{display:flex;align-items:center;gap:6px;font-size:9px;color:#65785d}.event-top time{margin-left:auto;color:#9aa48e;font-size:8px}.event-route{font-size:9px;color:#919c85;margin:6px 0 0;line-height:1.6;overflow-wrap:anywhere}.event>small{font-size:8px;color:#a5aa9c}.activity-note{font-size:9px;color:#98a28e;line-height:1.6}.directory-toggle{display:flex;align-items:center;gap:7px;font-size:9px;color:#9aa38c;padding:14px 0}.directory-toggle input{accent-color:#557a57}.tooltip{position:absolute;z-index:10;background:#fcfcf5;padding:10px 13px;border-radius:6px;box-shadow:0 8px 25px #24392720;border:1px solid #d8decf;pointer-events:none;max-width:220px}.tooltip b{display:block;font-size:11px;font-weight:550}.tooltip span{display:block;font-size:9px;color:#87977c;margin-top:5px}.focus-chip{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);background:#2f4c3e;color:#f1f3e8;border-radius:20px;font-size:10px;padding:7px 9px 7px 13px;display:flex;align-items:center;gap:12px;z-index:4;box-shadow:0 4px 12px #233d2519}.focus-chip button{color:#d3dfc6;font-size:16px;line-height:1}
.journey{border-top:1px solid var(--line);padding:20px 30px 17px;background:#faf9f2}.journey-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.journey-top>div{display:flex;align-items:center;gap:17px}.journey-top .eyebrow{font-size:7px;letter-spacing:1.5px;white-space:nowrap}.journey h2{font-family:Georgia,serif;font-size:18px;letter-spacing:-.4px;font-weight:400;margin:0}.journey-note{font-size:8px;color:#a7a995;display:flex;gap:5px;align-items:center}.journey-note .dot{height:4px;width:4px}.journey-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.journey-tab{display:flex;align-items:center;gap:7px;border:1px solid #dee2d5;border-radius:5px;padding:9px 12px;font-size:9px;color:#829074;transition:background .2s}.journey-tab svg{height:13px;width:13px}.journey-tab.active{background:#e1e9d6;border-color:#b7c8a6;color:#42633c}.journey-tab .tab-number{font-size:8px;color:#a3b393;padding-left:12px;font-family:monospace}.journey-detail{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;min-height:34px}.journey-description b{display:block;font-size:10px;font-weight:500}.journey-description span{display:block;color:#929d87;font-size:9px;margin-top:5px;line-height:1.5}.play-button{display:flex;gap:7px;align-items:center;flex-shrink:0;border-radius:5px;background:#345840;color:#f3f4e9;padding:10px 14px;font-size:9px}.play-button:hover{background:#426c4f;color:#fff}.play-button svg{height:12px;width:12px}.steps{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.step{display:flex;align-items:center;gap:5px;padding:4px 0;font-size:9px;color:#a3ab96;background:none}.step b{height:15px;width:15px;display:grid;place-items:center;font-size:8px;font-weight:400;border:1px solid #d1dbbf;border-radius:50%}.step.current{color:#466d45}.step.current b{background:#5c8050;border-color:#5c8050;color:#fff}.step-arrow{font-size:9px;color:#c1c9b4}.tour-sub{font-size:8px;color:#a0a68f;display:block;margin-top:6px}footer{height:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px;font-size:7px;letter-spacing:1.1px;color:#9ca38f;background:#f5f5eb}footer>span:first-child{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.8px}.footer-divider{padding:0 7px;color:#c4cbbb}footer .dot{height:4px;width:4px}dialog{max-width:450px;border:1px solid #dae1ce;background:#fcfbf3;border-radius:14px;color:var(--ink);padding:34px;box-shadow:0 30px 150px #182d3a50}dialog::backdrop{background:#283d3666;backdrop-filter:blur(4px)}dialog>button{position:absolute;right:13px;top:13px}dialog h2{font:30px/1.2 Georgia;margin:20px 0;letter-spacing:-1px}dialog p{font-size:12px;line-height:1.8;color:#829078}.about-stamp{font-size:8px;letter-spacing:1.5px;color:#a59f85;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}
body{color:var(--ink);background:var(--paper)}.journey-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.district-row strong{font-size:12px}.district-row small{font-size:9px}.search input{font-size:11px}.agent-copy strong{font-size:11px}.agent-copy small{font-size:9px}.journey-tab{font-size:10px}.journey-description b{font-size:11px}.journey-description span{font-size:10px}.journey-note{font-size:9px}.step{font-size:10px}.tour-sub{font-size:9px;line-height:1.6}.inspector-foot{font-size:10px}.source-state{font-size:11px}.brain-card b{font-size:12px}.brain-card p{font-size:10px}.event-top{font-size:10px}.event-route{font-size:10px}.stats .stat span{font-size:9px}.eyebrow{color:#758367}.activity-note{color:#7e8d72}.map-heading p{color:#7a896e}
body.night{--paper:#1e2e29;--card:#253830;--ink:#dfe8ce;--muted:#aab89a;--line:#3c4d3e}.night .map-area{background:#1b2e29}.night .map-area::before{background-image:radial-gradient(#92ad7420 .6px,transparent .6px)}.night .rail,.night .topbar,.night .journey,.night footer,.night .inspector-foot{background:#21332b}.night .rail-btn.active{background:#3a5140;color:#d6ddb2}.night .search{background:#1e3027;border-color:#45553e}.night .district-row:hover,.night .agent-row:hover{background:#304736}.night .brain-card{background:#304737;border-color:#475b3f}.night .pill,.night .map-tools{background:#2b4133;color:#d0dbbc;border-color:#526447}.night .pill.active,.night .journey-tab.active{background:#40543a;color:#e6dfad}.night .journey-tab{border-color:#465640;color:#a8b99c}.night .tooltip{background:#2b4133;border-color:#526447}.night .agent-hero{filter:brightness(.8)}.night .map-loading{background:#1c3029ed}.night .agent-row,.night .event{border-color:#394e3c}.night .soft-note{background:#3b4031;color:#c3b784}.night .avatar{border-color:#516247}.night .stats,.night .stat+.stat{border-color:#465640}.night .eyebrow,.night .map-heading p,.night .source-state{color:#a8b99a}.night .brain-card p,.night .district-row small,.night .stat span,.night .inspector-foot div>span{color:#a5b796}
@media(min-width:1650px){:root{--panel:340px}.map-heading h1{font-size:44px}.map-heading{top:37px;left:43px}.district-row{padding:10px 5px}.panel{padding-left:26px;padding-right:26px}}
@media(max-width:1100px){:root{--panel:275px;--rail:59px}.topbar{padding:0 22px}.map-heading{left:25px}.map-heading h1{font-size:32px}.map-heading p{font-size:9px}.map-top-controls{top:auto;bottom:70px;right:20px}.journey-note{max-width:160px;line-height:1.6}.journey-tab{padding:8px 9px}.journey-tab .tab-number{display:none}.map-caption div{display:none}.map-hint{font-size:6px;letter-spacing:.6px}.edition{font-size:7px;margin-left:10px;padding-left:12px}.inspector-top{padding-left:18px;padding-right:18px}.panel{padding-left:18px;padding-right:18px}}
@media(max-width:760px){:root{--rail:0px}.rail{display:none}.topbar{height:63px;padding:0 18px}.edition{display:none}.source-state{font-size:8px;gap:5px}.top-right{gap:4px}.workspace{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0}.map-area{height:540px;flex-shrink:0}.map-heading{top:25px;left:22px}.map-heading h1{font-size:31px}.map-heading p{max-width:200px;font-size:9px;line-height:1.6}.map-top-controls{top:22px;bottom:auto;right:13px;flex-direction:column}.pill{padding:8px;font-size:8px}.map-caption{left:19px;bottom:48px}.map-hint{left:20px;bottom:22px;max-width:190px;line-height:1.8}.map-hint span{padding:0 3px}.map-tools{bottom:20px;right:15px}.map-tools output{width:30px}.map-tools button{width:24px}.inspector{border-top:1px solid var(--line);border-left:0;max-height:460px;min-height:360px}.inspector-top{padding:20px 22px 10px}.panel{padding:0 22px 16px}.inspector-title{height:36px}.inspector-title h2{font-size:16px}.stats{padding:8px 0 12px;margin-bottom:10px}.stat strong{font-size:24px}.district-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 15px}.district-row{padding:7px 0}.district-row small{font-size:7px}.district-row strong{font-size:10px}.district-row .row-end svg{display:none}.brain-card{margin-top:10px}.journey{padding:20px}.journey-top>div{display:block}.journey h2{margin-top:8px;font-size:20px}.journey-note{max-width:118px;font-size:7px}.journey-tabs{gap:6px;margin-top:16px}.journey-tab{font-size:8px;padding:8px}.journey-detail{align-items:flex-start;flex-direction:column;gap:13px}.play-button{align-self:flex-start}footer{padding:0 20px;font-size:6px}footer>span:last-child{display:none}.focus-chip{bottom:66px;max-width:80%;white-space:nowrap}.map-loading b{font-size:20px}dialog{max-width:calc(100vw - 35px);padding:27px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* The route catalogue and step inspector. */
.coverage-card{padding:18px 15px;margin:5px 0 17px;border-radius:9px;background:#eaf0e2;border:1px solid #d8e1ce}
.coverage-card>div{display:flex;align-items:center;gap:14px;margin:12px 0 8px}
.coverage-card strong{font:37px/1 Georgia;letter-spacing:-2px}.coverage-card strong small{font:18px Georgia;color:#7d9072;letter-spacing:0}
.coverage-card>div>span{font-size:10px;line-height:1.5;color:#5e7858}.coverage-card>p{font-size:9px;color:#748467;margin:12px 0 0}
.process-groups{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}
.process-groups button{padding:7px 9px;font-size:10px;border:1px solid var(--line);border-radius:20px;color:#718068}
.process-groups button.active{background:#345840;color:#f4f5e9;border-color:#345840}
.process-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:14px 0;border-bottom:1px solid var(--line)}
.process-card:hover{background:#edf1e5}.process-card>span:nth-child(2){flex:1;min-width:0}
.process-card strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.process-card small{display:block;font-size:9px;line-height:1.5;color:#829275;margin-top:5px}
.process-card>svg{width:13px;height:13px;flex-shrink:0;color:#94a28a}
.process-card-icon{display:grid;place-items:center;width:29px;height:33px;border-radius:7px;background:#eceee3;flex-shrink:0}.process-card-icon svg{width:17px;height:17px;color:#738669}
.related-process{display:flex;gap:8px;align-items:center;width:100%;text-align:left;font-size:11px;line-height:1.5;padding:10px 0;border-bottom:1px solid var(--line)}
.related-process svg{width:15px;height:15px;flex-shrink:0}.related-process span{flex:1}
.step-kicker{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.5px;color:#839376;margin-top:11px}
.step-kicker .gate-text{color:#a16c3a}.step-title{font:25px/1.12 Georgia;letter-spacing:-.6px;margin:15px 0 18px}
.step-actor{display:flex;width:100%;align-items:center;gap:9px;padding:12px 10px;background:#edf0e5;border:1px solid #dce3d0;border-radius:7px;text-align:left}
.step-actor>span{flex:1;min-width:0}.step-actor>svg{height:19px;width:19px;flex-shrink:0;color:#67815c}.step-actor>svg:last-child{width:12px}
.step-actor b{font-size:11px;font-weight:600;overflow-wrap:anywhere}.step-actor small{display:block;font-size:9px;line-height:1.5;margin-top:4px;color:#809175}
.step-participants{font-size:9px;line-height:1.6;margin-top:10px;color:#8b977e}.step-participants>span{display:block}.step-participants button{padding:3px 7px;background:#eef0e5;border-radius:4px;margin:4px 4px 0 0;font-size:9px;color:#5f7958}
.step-io{display:grid;grid-template-columns:29px 1fr;gap:17px 8px;margin:24px 0;font-size:12px;line-height:1.65}.step-io dt{font-size:8px;font-weight:700;letter-spacing:1px;padding-top:4px;color:#8b997b}.step-io dd{margin:0;color:#526a4c}
.branch-box{padding:13px;background:#f1f0e4;border-radius:6px;margin:17px 0}.branch-box p{font-size:11px;line-height:1.6;margin:10px 0 0;color:#7e755a}
.hold-note{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:14px;margin-top:17px}.hold-note svg{flex-shrink:0;width:15px;height:15px;color:#ad9160;margin-top:2px}.hold-note p{margin:0;font-size:10px;line-height:1.7;color:#8a8064}.hold-note b{display:block;font-size:10px;font-weight:600;margin-bottom:5px}
.gate-box{background:#f6eedb;border:1px solid #dec99e;border-radius:8px;padding:15px;margin:20px 0}.gate-box>div{display:flex;align-items:center;gap:8px;color:#946735}.gate-box svg{width:16px;height:16px}.gate-box b{font-size:12px;font-weight:600}.gate-box p{font-size:11px;line-height:1.7;color:#8d7956;margin:12px 0}.gate-box small{display:block;font-size:9px;color:#998363;margin-top:11px}.gate-box .play-button{font-size:10px;width:100%;justify-content:center;background:#946e3a}.rework-button{font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:12px 0 0;color:#93713f}
.tour-notice{font-size:10px;line-height:1.7;padding:11px;border-left:2px solid #7e9b69;background:#edf1e2;color:#627d54}
.step-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;margin-top:20px}.step-nav button{font-size:10px;padding:5px 0}.step-nav button:disabled{cursor:default}
.process-evidence{font-size:10px;line-height:1.7;color:#8c977f;border-top:1px solid var(--line);padding:14px 0}.process-evidence summary{cursor:pointer;font-size:10px}.process-evidence code{display:block;font-size:9px;overflow-wrap:anywhere;margin-top:4px}.process-evidence p{margin:13px 0}.process-evidence b{font-weight:550;color:#69845b}
.all-processes{margin-left:auto;color:#3e6648;border-color:#b9caa9;background:#edf2e4;font-weight:600}
.journey-progress{min-width:0;flex:1}.tour-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px}.tour-status b{font-weight:550}.tour-status>span{font-size:9px;color:#819274}
.step-strip{display:flex;align-items:center;overflow:auto;gap:6px;margin-top:10px;scrollbar-width:none;position:relative;padding:2px}
.step-dot{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid #c8d3bc;border-radius:50%;font:10px monospace;color:#859675}.step-dot.current{background:#3c6345;border-color:#3c6345;color:#fff}.step-dot.gate{border-radius:5px;border-color:#c4a56f;color:#9b7944}.step-dot.gate.current{background:#9a7745;color:#fff}.step-strip>i{height:1px;min-width:12px;width:20px;background:#d1d9c5;flex-shrink:0}

/* The same process can be read as a city route or as a full sequence. */
.process-toolbar{position:absolute;inset:0 0 auto;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 26px;background:linear-gradient(var(--paper) 70%,transparent)}
.process-heading{min-width:0}.process-heading h2{font:27px/1.2 Georgia;letter-spacing:-.8px;margin:8px 0 0}.process-heading .eyebrow{font-size:8px;letter-spacing:1.3px}
.process-switch{display:flex;align-items:center;padding:4px;border:1px solid #d5ddc9;border-radius:8px;background:#f8f9f0;flex-shrink:0}.process-switch button{display:flex;align-items:center;gap:5px;font-size:10px;padding:7px 8px;border-radius:5px;color:#789168}.process-switch svg{width:14px;height:14px}.process-switch button.active{background:#e0e8d5;color:#345c3a}
.process-active .map-heading{display:none}.process-active .map-top-controls{top:auto;bottom:74px;right:22px;flex-direction:row}.process-active .map-caption{display:none}
.process-stage{position:absolute;inset:101px 0 0;overflow:auto;background:var(--paper);padding:20px max(30px,7%) 45px;z-index:7;scrollbar-width:thin;scrollbar-color:#c5d2b9 transparent}
.process-mode #buildingLabels,.process-mode #billboardLeaders,.process-mode .map-top-controls,.process-mode .map-tools,.process-mode .map-hint,.process-mode #tooltip{visibility:hidden}
.flow-intro{padding:0 0 25px 49px;max-width:680px;margin:auto}.flow-intro>p{font:17px/1.5 Georgia;margin:8px 0 18px}.flow-legend{display:flex;align-items:center;gap:7px;font-size:9px;color:#8b997d}.flow-legend i{width:9px;height:9px;border:1px solid #8ea581;border-radius:50%}.flow-legend i.gate{border-radius:2px;border-color:#b59864;margin-left:10px}.flow-legend>span{margin-left:auto}
.flow-list{list-style:none;margin:0 auto;padding:0 0 0 49px;max-width:680px}.flow-step{position:relative;border:1px solid #dce3d1;background:#fdfcf6;border-radius:9px;margin:0 0 27px;box-shadow:0 3px 6px #344b3210}
.flow-step::before{content:'↓';position:absolute;left:-34px;top:46px;bottom:-27px;border-left:1px solid #c4d0b7;color:#93a785;font-size:14px;padding:12px 0 0 0;text-indent:-6px}
.flow-step:last-child::before{display:none}.flow-number{position:absolute;left:-50px;top:17px;width:33px;height:33px;border-radius:50%;border:1px solid #c4d0b7;background:var(--paper);display:grid;place-items:center;font:11px monospace;color:#91a17f}.flow-step.current{border-color:#779867;box-shadow:0 0 0 3px #b9cea640}.flow-step.current>.flow-number{background:#3f6548;color:#f3f6e7;border-color:#3f6548}.flow-step.passed>.flow-number{color:#5b7c4e;background:#e5edd9}.flow-step.is-gate{border-color:#d9c497;background:#fcf8ee}.flow-step.is-gate>.flow-number{border-radius:8px;border-color:#ccb17a}.flow-step.is-gate.current{box-shadow:0 0 0 3px #d7bc8540;border-color:#b5914f}.flow-step.is-gate.current>.flow-number{background:#987444;color:#fff}
.flow-step-heading{display:block;width:100%;padding:17px 20px 12px;text-align:left}.flow-actor{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:550;color:#7b916a;overflow-wrap:anywhere}.flow-actor svg{width:14px;height:14px;flex-shrink:0}.flow-actor small{font-size:9px;font-weight:400;margin-left:auto;color:#91a184;text-align:right}.flow-step-heading strong{display:block;font:21px/1.3 Georgia;letter-spacing:-.35px;margin-top:11px;color:var(--ink)}.flow-type{font-size:8px;color:#9bA689;display:block;margin-top:6px;text-transform:uppercase;letter-spacing:1px}.is-gate .flow-type{color:#a1844d}
.flow-io{display:grid;grid-template-columns:1fr 22px 1fr;gap:12px;align-items:center;padding:13px 20px 17px;border-top:1px solid #e8ecdf}.flow-io>div>span{font-size:8px;letter-spacing:1px;color:#97a287;font-weight:650}.flow-io p{font-size:11px;line-height:1.6;color:#697e5d;margin:5px 0 0}.flow-io>b{color:#a0b38e;font-weight:400}.flow-extra{font-size:10px;color:#8c9a7f;line-height:1.7;margin:0 20px 15px}.flow-branches{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 17px}.flow-branches>span{font-size:10px;line-height:1.5;padding:7px 9px;background:#f2f0e4;border:1px solid #e4ddc9;color:#92805b;border-radius:5px}.flow-return{font-size:10px;color:#9a7d49;padding:0 20px 16px;text-decoration:underline;text-underline-offset:3px}
.flow-outcome{max-width:630px;margin:0 auto 0;padding:19px 22px;background:#e6eddc;border:1px solid #d0dec1;border-radius:8px}.flow-outcome p{font:17px/1.5 Georgia;margin:8px 0 0;color:#58704f}.flow-disclaimer{max-width:630px;margin:20px auto 0;line-height:1.8}
.night .building-label{background:#2c4537;border-color:#69825a;color:#dce5c9}.night .building-label.current,.night .building-label.selected{background:#dcc17d;color:#253d2c;border-color:#f0d69a}.night .building-step{background:#59704b;color:#eee9c6}.night #billboardLeaders{stroke:#adc295;opacity:.7}.night .coverage-card,.night .step-actor,.night .process-card-icon,.night .step-participants button,.night .flow-outcome{background:#304835;border-color:#4c623f}.night .process-card:hover{background:#304735}.night .coverage-card>div>span,.night .coverage-card p,.night .process-card small,.night .step-io dd,.night .flow-io p,.night .flow-outcome p{color:#adc19b}.night .branch-box,.night .flow-branches>span{background:#3c4330;color:#c5b881;border-color:#665d3f}.night .branch-box p,.night .hold-note p{color:#c1b48f}.night .gate-box{background:#454330;border-color:#79683f}.night .gate-box p,.night .gate-box b{color:#dac08b}.night .process-switch{background:#2b4032;border-color:#526745}.night .process-switch button{color:#b2c49e}.night .process-switch button.active{background:#4d623f;color:#f3efd3}.night .flow-step{background:#293f31;border-color:#4f6544}.night .flow-step.is-gate{background:#373f2d;border-color:#7b7048}.night .flow-io{border-color:#46563a}.night .process-evidence b,.night .flow-actor{color:#b0c398}.night .tour-notice{background:#354931;color:#b9cea6}
@media(min-width:1200px){.process-active{--panel:340px}.process-active .inspector-top{padding-top:23px}}
@media(max-width:1100px){.building-label{max-width:115px;font-size:9px}.process-toolbar{padding:20px}.process-heading h2{font-size:23px}.process-switch button{font-size:9px;padding:7px}.process-stage{padding-left:22px;padding-right:22px}.flow-step-heading{padding-left:15px;padding-right:15px}.flow-io{padding-left:15px;padding-right:15px}}
@media(max-width:760px){.building-label{font-size:9px;max-width:105px;padding:3px;gap:4px}.building-icon{width:17px;height:17px}.process-toolbar{align-items:flex-start;padding:20px 18px;flex-direction:column;gap:10px}.process-heading h2{font-size:24px}.process-switch{padding:3px}.process-switch button{font-size:10px}.process-stage{top:139px;padding:13px 17px 30px}.process-active .map-area{height:600px}.process-active .inspector{max-height:650px;min-height:410px}.process-heading .eyebrow{font-size:7px}.flow-intro{padding-left:36px}.flow-intro>p{font-size:15px}.flow-list{padding-left:36px}.flow-number{left:-37px;width:27px;height:27px;font-size:9px}.flow-step::before{left:-23px}.flow-step-heading{padding:14px 12px 12px}.flow-step-heading strong{font-size:18px}.flow-actor{font-size:9px;gap:5px;flex-wrap:wrap}.flow-actor small{font-size:8px}.flow-io{padding:12px;gap:7px;grid-template-columns:1fr 12px 1fr}.flow-io p{font-size:10px}.flow-legend{font-size:8px;gap:4px}.flow-branches{padding:0 12px 12px}.flow-branches>span{font-size:9px}.step-title{font-size:25px}.all-processes{margin-left:0}.journey-tabs{gap:6px}.journey-tab{font-size:9px}.journey-detail{gap:15px}.journey-progress{width:100%}.tour-status{gap:5px}.tour-status b{width:100%}.journey-actions{align-self:flex-end}.step-strip{max-width:100%}.flow-outcome p{font-size:15px}}

/* A quiet archipelago. Detail belongs to the selected island or building. */
.workspace{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 270px);max-height:1000px}
.inspector{display:none}
.details-open .workspace{grid-template-columns:minmax(0,1fr) var(--panel)}
.details-open .inspector{display:flex}
.details-open .map-heading{display:none}
.details-open .focus-chip{top:27px}
.map-area{background:radial-gradient(ellipse at 50% 46%,#ecf3ea 0%,#dcebe7 75%,#d5e7e3 100%)}
.map-area::before{background-image:radial-gradient(#ffffff65 .8px,transparent .8px);background-size:19px 19px;opacity:.7}
.map-heading{top:27px;left:34px;z-index:4}
.map-heading h1{font-size:33px;letter-spacing:-1.1px;margin:8px 0}
.map-heading p{font-size:11px;margin:7px 0;color:#769184}
.map-heading .eyebrow{font-size:8px;letter-spacing:1.9px;color:#799687}
.map-top-controls{top:28px;right:25px;bottom:auto;flex-direction:row}
.map-top-controls .pill{background:#f9fbf2de;border-color:#cbd9cb}
.map-top-controls .pill.active{background:#e1ecd9;color:#4f704e}
.map-caption,.map-hint{display:none}
.map-tools{z-index:6;bottom:26px}
.island-overview{position:absolute;left:30px;bottom:28px;z-index:6;display:flex;align-items:center;gap:13px}
.island-overview>button{display:flex;align-items:center;gap:7px;background:#f9fbf1;border:1px solid #cbd8c7;padding:10px 13px;border-radius:7px;font-size:11px;color:#55745c}
.island-overview svg{width:15px;height:15px}.island-overview>span{font-size:10px;color:#829b8b}
.map-loading{background:#e2eee7f2}
.tooltip{background:#fcfcf2f5;max-width:240px;box-shadow:0 7px 22px #26443420}
.process-active .island-overview>span{display:none}
.process-mode .island-overview{visibility:hidden}
.focus-chip{bottom:auto;top:106px;left:34px;transform:none;font-size:10px;background:#40634f;max-width:calc(100% - 70px)}
.journey{padding-top:17px;padding-bottom:15px}
.night .map-area{background:radial-gradient(ellipse at 50% 45%,#274942,#163831 80%)}
.night .map-top-controls .pill,.night .island-overview>button{background:#2c493a;border-color:#55714d;color:#d9e4c6}
.night .map-heading p,.night .island-overview>span{color:#9cb8a0}
.night .map-loading{background:#234339f2}
@media(max-width:1100px){.details-open .map-top-controls{top:auto;bottom:78px;right:22px}.map-heading h1{font-size:30px}.map-top-controls .pill{font-size:9px;padding:9px}.details-open .island-overview>span{display:none}}
@media(max-width:760px){
 .workspace,.details-open .workspace{display:flex;height:auto;min-height:0;max-height:none}
 .map-area{height:520px}
 .map-heading{left:20px;top:23px}.map-heading h1{font-size:28px;letter-spacing:-1px}.map-heading p{max-width:none;font-size:10px}
 .map-top-controls,.details-open .map-top-controls{top:106px;bottom:auto;left:20px;right:auto;flex-direction:row;gap:6px}
 .map-top-controls .pill{font-size:9px;padding:8px 9px}
 .island-overview{left:18px;bottom:23px;gap:7px}.island-overview>span{display:none}.island-overview>button{font-size:10px;padding:9px}
 .map-tools{right:18px;bottom:20px}.focus-chip{top:150px;left:20px}
 .process-active .map-top-controls{top:auto;bottom:75px;left:auto;right:18px}
 .process-active .map-area{height:620px}
}
:root{--live-green:#3e7963}
.live-harbour{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.live-head{display:flex;align-items:center;gap:16px;margin-bottom:12px}.live-tab{display:flex;align-items:center;gap:7px;color:var(--live-green);font-size:12px;font-weight:600}.live-tab svg{width:16px;height:16px}
.live-connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#6e8776}.live-follow{margin-left:auto;display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:10px;border:1px solid #ccd9c7;border-radius:5px}.live-follow svg{width:13px;height:13px}.live-follow.active{background:#e3ead9;color:#3d684e}
.live-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-record{display:flex;align-items:center;gap:9px;padding:10px;text-align:left;border:1px solid #dce4d6;background:#f2f5eac2;border-radius:7px;min-width:0;width:100%;color:#4e6b58}.live-record:hover,.live-record.selected{border-color:#8cb294;background:#e7efdd}.live-record>span:nth-child(2){min-width:0;flex:1}.live-record b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.live-record small{display:block;font-size:9px;line-height:1.6;color:#7a8e7c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-record-icon{display:grid;place-items:center;background:#e2ead8;color:#487354;border-radius:6px;flex-shrink:0;width:29px;height:29px}.live-record-icon svg{width:16px;height:16px}.live-record-icon.failed{background:#f0ddd0;color:#b7755a}.live-record-time{font-size:9px;text-align:right;flex-shrink:0}.live-record-time small{font-size:8px}.live-empty{font-size:11px;line-height:1.6;color:#819075;grid-column:1/-1;margin:0;padding:4px 0}
.live-foot{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8a9880;margin-top:10px}.is-delayed{color:#ac8151!important}.process-active .live-harbour{display:none}.night .live-record{background:#263e32;border-color:#4d6752;color:#d0dfbd}.night .live-follow.active{background:#395844;color:#dce5c9}.night .live-tab{color:#c4d9a4}
@media(max-width:1000px){.live-records{grid-template-columns:1fr}.live-record:nth-child(n+2){display:none}.live-head{flex-wrap:wrap;gap:9px}.live-connection{font-size:9px}.live-follow{font-size:9px;padding:6px 8px}.live-foot{font-size:8px}}
.live-history{display:grid;gap:10px}.live-foot button{color:#5b816c}.live-foot button:hover{text-decoration:underline}
body.following-siti .map-heading{display:none}body.following-siti .map-top-controls{top:20px;bottom:auto}
.live-filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}.live-filters button{font-size:10px;padding:6px 10px;border-radius:5px;color:#738674;border:1px solid transparent}.live-filters button.active{background:#dde9d6;border-color:#c8d7c0;color:#345b42}.live-filters .live-coverage{margin-left:auto;border-color:#d8e0d0}.live-gates{padding:0;list-style:none;display:grid;gap:6px;margin:18px 0}.live-gates li{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:5px;font-size:11px;text-transform:capitalize}.live-gates b{font-weight:500;font-size:10px;color:#a08051}.live-gates .gate-lulus{background:#e6efdc}.live-gates .gate-lulus b{color:#528357}.live-gates .gate-gagal b{color:#b6674c}.live-source-list{margin:18px 0;display:grid;gap:11px}.live-source-list>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.live-source-list span{display:flex;align-items:center;gap:6px}.live-source-list small{font-size:9px;color:var(--muted);white-space:nowrap}.live-history .live-record{display:flex!important}.night .live-filters button.active,.night .live-gates .gate-lulus{background:#395844;color:#dce5c9}.night .live-filters button{color:#bdd0ae}.night .live-gates li{border-color:#4d6752}
@media(max-width:760px){.live-foot{flex-wrap:wrap;line-height:1.8}.live-filters{gap:2px}.live-filters button{font-size:9px;padding:6px 7px}.live-head{gap:8px}.live-connection{order:3;width:100%}.live-record-time{max-width:80px}}
.live-trip{position:absolute;top:22px;left:24px;width:min(430px,calc(100% - 48px));z-index:7;background:#fafbefee;border:1px solid #cbd9c8;border-radius:10px;box-shadow:0 5px 22px #45664b0c;padding:14px 16px;color:#456450}.live-trip-mode{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;color:#7e927d}.live-trip-route{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:10px}.live-trip-route span,.live-trip-route strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}.live-trip-route strong{font-weight:600}.live-trip-route svg{width:12px;height:12px;flex-shrink:0}.live-trip-phase{font:19px/1.25 Georgia;margin:10px 0;color:#365741}.live-trip-stages{display:flex;gap:4px}.live-trip-stages span{flex:1;font-size:8px;border-top:3px solid #dfe5d7;padding-top:5px;text-align:center;color:#87977e}.live-trip-stages .passed{border-color:#82a47c;color:#5f835c}.live-trip-stages .current{border-color:#bb9656;color:#99753f}.live-trip-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}.live-trip-actions>span{font-size:8px;flex:1;color:#85967f}.live-trip-actions button{display:flex;align-items:center;gap:4px;font-size:9px;padding:5px 7px;border:1px solid #cedac5;border-radius:4px;white-space:nowrap}.live-trip-actions svg{width:11px;height:11px}.delivery-open .map-heading{display:none}.night .live-trip{background:#284435ed;border-color:#536e50;color:#d7e5c5}.night .live-trip-phase{color:#dce6c9}.night .live-trip-stages span{border-color:#496048}.night .live-trip-stages .current{border-color:#c9aa62}.night .live-trip-stages .passed{border-color:#84a773}.process-active .live-trip{display:none}
@media(max-width:1100px){.delivery-open .map-top-controls{top:auto!important;bottom:77px;left:auto;right:18px}.live-trip{top:16px;left:18px;width:calc(100% - 36px);max-width:430px;padding:11px 13px}.live-trip-phase{font-size:17px}.live-trip-mode{font-size:7px}.live-trip-route{font-size:10px}}

/* Compact operator status remains visible above the event cards. */
.operator-presence{display:flex;gap:8px;margin:-3px 0 10px}.operator-presence button{display:flex;align-items:center;gap:6px;min-width:0;flex:1;border:1px solid #d8e0d0;border-radius:5px;padding:6px 8px;text-align:left;background:#f6f7ed;color:#546d56;font-size:9px}.operator-presence b{font-weight:500;white-space:nowrap}.operator-presence span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:9px;color:#7b8b75}.operator-presence button:hover{border-color:#8cb294}.operator-events{padding:0;list-style:none;display:grid;gap:8px}.operator-events li{display:flex;gap:12px;font-size:11px}.operator-events time{font-variant-numeric:tabular-nums;color:var(--muted)}.night .operator-presence button{background:#2f493b;color:#dce5c9;border-color:#4d6752}.night .operator-presence span{color:#b1c4a6}@media(max-width:760px){.operator-presence{gap:5px}.operator-presence button{flex-wrap:wrap;gap:4px;padding:6px}.operator-presence span{width:100%;margin-left:10px;font-size:8px}.operator-presence b{font-size:9px}}
/* Harbour materials and neutral operations UI. Status colours retain meaning. */
:root{--paper:#e9ecee;--card:#f4f5f5;--ink:#24323a;--muted:#7a858c;--line:#ccd2d6;--green:#3a5965;--gold:#bda070;--orange:#a07854}
.rail,.inspector-foot{background:#e2e6e8}.topbar,.inspector,.live-harbour{background:#f1f3f3}.brand,.play-button{background:#2d4653;color:#e7d9be}.rail-btn.active{background:#cbd5da;color:#2d4f60}.rail-btn:hover{background:#d8e0e4}.map-area{background:#344f59}.map-area::before{display:none}.map-loading{background:#e4e9eb}.pill,.map-tools,.island-overview button,.camera-controls{background:#eef1f2eb;border-color:#b8c2c8;color:#354953}.pill.active{background:#d9e2e7;color:#284b5c;border-color:#a6b9c2}.map-hint,.map-caption{color:#b9c9cf}.source-state,.eyebrow,.island-overview>span{color:#84949c}.live-record{background:#e5ebed;border-color:#c8d3d9;color:#395763}.live-record:hover,.live-record.selected{background:#d8e3e8;border-color:#91a9b5}.live-record-icon{background:#d5e0e5;color:#3f6574}.live-record small,.live-record-time,.activity-note,.facts dd,.agent-description{color:#6c7e87}.live-filters button.active{background:#cddce4;border-color:#b7cbd6;color:#2b5062}.operator-presence button{background:#e9eef0;border-color:#c9d4d9;color:#395663}.operator-presence span{color:#748792}.live-trip{background:#f1f3f0ed;border-color:#b8c8cd;color:#314b58}.live-trip-phase{color:#314b58}.live-trip-mode,.live-trip-actions>span{color:#7a898e}.live-trip-stages span{border-color:#ccd4d3}.live-trip-stages span.current,.live-trip-stages span.passed{border-color:#739593}.brain-card,.branch-box,.soft-note,.tour-notice{background:#e2e8e9;color:#5b727d}.section-heading,.agent-copy small,.district-row small{color:#7a8b93}
.city-webgl{position:absolute;inset:0;z-index:0;pointer-events:none}#city{position:relative;z-index:1}.camera-controls{position:absolute;z-index:4;right:24px;bottom:76px;display:flex;align-items:center;gap:2px;border:1px solid #aab9c1;border-radius:5px;padding:3px;box-shadow:0 3px 14px #10242c20}.camera-controls button{font-size:10px;padding:6px 9px}.camera-controls button:first-child,.camera-controls button:nth-child(3){font-size:19px;line-height:18px}.camera-controls button:last-child{border-left:1px solid #b8c5ca}.work-legend{position:absolute;z-index:3;left:26px;bottom:79px;display:flex;gap:13px;flex-wrap:wrap;align-items:center;color:#b7cbd1;font-size:9px;max-width:350px;pointer-events:none}.work-legend strong{width:100%;letter-spacing:1.3px;text-transform:uppercase;font-size:9px;font-weight:600}.work-legend span{display:flex;align-items:center;gap:5px}.work-legend small{width:100%;color:#a3b6bd;font-size:8px}.window-swatch{width:7px;height:9px;background:#21333f;border:1px solid #82949b}.window-swatch.working{background:#e6bf80;border-color:#ffdaa0;box-shadow:0 0 7px #ddad6470}.delivery-open .work-legend,.tour-open .work-legend{display:none}
.night{--paper:#17212a;--card:#1c2832;--ink:#d3dce0;--muted:#8396a2;--line:#33444f;--green:#7399ad}.night .rail,.night .topbar,.night .inspector,.night .live-harbour,.night .inspector-foot{background:#192630;color:#cad7dd}.night .map-area{background:#0f2938}.night .pill,.night .map-tools,.night .island-overview button,.night .camera-controls,.night .live-trip{background:#1e303ded;border-color:#415866;color:#c6d5dc}.night .live-trip-phase{color:#d4ddde}.night .rail-btn.active,.night .live-filters button.active{background:#304956;color:#c7dce5;border-color:#486675}.night .operator-presence button,.night .live-record{background:#20333f;border-color:#344e5c;color:#c1d2da}.night .live-record:hover,.night .live-record.selected{background:#29434f;border-color:#638795}.night .live-record-icon{background:#314b58;color:#a2bfc9}.night .live-record small,.night .operator-presence span,.night .facts dd,.night .activity-note,.night .agent-description{color:#98afbc}.night .soft-note,.night .branch-box,.night .brain-card,.night .tour-notice{background:#263b46;color:#a4bac5}.night .search input{background:#23343e;color:#d2dee5}.night .map-area::before{display:none}.night .work-legend{color:#9db5c3}
@media(max-width:760px){.camera-controls{right:20px;bottom:120px;gap:0}.camera-controls button{padding:5px 7px;font-size:9px}.work-legend{left:20px;bottom:80px;max-width:175px;gap:7px;font-size:8px}.work-legend small{display:none}.delivery-open .camera-controls{bottom:120px}}
.map-heading h1{color:#c8d5d9}.map-heading p{color:#9cafb7}.night .map-top-controls .pill{background:#243c4b;color:#bbd0db;border-color:#425d6e}.night .search{background:#23343e;border-color:#3c5260}.night .map-heading h1{color:#b9cdd6}
.observation-presence{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font-size:9px;color:#5c7683;padding:2px 2px 9px}.observation-presence svg{width:12px;height:12px}.observation-presence b{font-weight:500}.observation-presence span{color:#7f919a}.night .observation-presence{color:#b1c4ce}.night .observation-presence span{color:#809ba9}
.journey,footer{background:#e9eef0}.journey-tab{border-color:#bdcbd2;color:#5b7481}.journey-tab.active{background:#d5e0e6;color:#365c6f}.night .journey,.night footer{background:#182630}.night .journey-tab{border-color:#395260;color:#91abb9}.night .journey-tab.active{background:#304b5a;color:#cfdee6}.night .journey-description,.night .journey-description b{color:#b5c9d5}.night .tooltip{background:#223744;border-color:#4b6878}.night .coverage-card,.night .step-actor,.night .process-card-icon,.night .step-participants button,.night .flow-outcome{background:#293f4b;border-color:#466372}.night .process-card:hover,.night .district-row:hover,.night .agent-row:hover{background:#273e4a}