/* Workspace interaction improvements. Both Explore and Work remain dark. */
:root{--left-space:344px;--right-space:358px;--toolbar-height:46px}
.work{--bg:#0c1320;--surface:#121d2e;--panel:rgba(17,28,44,.98);--line:#334258;--text:#edf2fa;--muted:#b0bed0;--quiet:#90a1b8;--purple:#b5a9ff;--accent:#7161dc;--cyan:#78d7df;--amber:#edbd7b;--shadow:0 10px 35px #02071030;color-scheme:dark}
.work .tag{color:#c3b6ff}.work .tag.amber,.work .panel .warning-title{color:#edbd7b}.work .tag.cyan{color:#78d7df}.work .record-icon{background:#30294d}.work .switch{background:#29354a}.work .switch:checked{background:#7366be}.work .ask-button{background:#282440}.work .time-track input{background:#43526b}.work .segmented .selected{background:#494065}.work .map-shade{background:linear-gradient(90deg,#0b172322,transparent 40%,#0b172322)}
.workspace-toolbar{height:var(--toolbar-height);display:flex;align-items:center;gap:12px;padding:0 24px;background:#0b1322;border-bottom:1px solid #2b354a;position:absolute;left:0;right:0;top:128px;z-index:12;color:#d4ddeb;font-size:11px}
.workspace-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid transparent;border-radius:5px;min-height:31px;white-space:nowrap}.workspace-toolbar button:hover{background:#263149}.workspace-toolbar button[aria-pressed=true]{background:#24243d;border-color:#514676;color:#c4baff}.workspace-toolbar button>span[aria-hidden]{font-size:18px;line-height:16px}.toolbar-end{margin-left:auto;display:flex;align-items:center;gap:5px}.toolbar-separator{width:1px;height:20px;background:#303a50}.toolbar-camera{color:#99e1e5}.toolbar-camera[aria-expanded=true]{background:#18343e;border-color:#32616a}.toolbar-new{color:#8596ae;font-size:9px;margin-left:4px}.time-mode-switch{display:flex;align-items:center;background:#070e1a;border:1px solid #303b50;border-radius:6px;padding:3px;gap:2px}.workspace-toolbar .time-mode-switch button{min-height:27px;padding:5px 11px;color:#9eacc0;font-size:11px}.time-mode-switch button span{font-size:9px;background:#3c3458;color:#cbbdf0;padding:2px 5px;border-radius:3px}.workspace-toolbar .time-mode-switch .selected{background:#363052;border-color:#514674;color:#eee8ff}.time-mode-switch i{width:6px;height:6px;border-radius:50%;background:#719284}.workspace-toolbar .time-mode-switch [data-time-mode=latest].selected{background:#163a35;border-color:#356259;color:#ade6d0}.time-mode-switch [data-time-mode=latest].selected i{background:#6ed7ac}.toolbar-end button[aria-pressed=false]{color:#9dacbf}
#workspace{top:174px}.map-heading{left:var(--left-space);top:22px}.map-heading h1{font-size:25px;margin:9px 0 6px}.map-heading p{font-size:11px}.left-panel,.right-panel{top:20px}.map-controls{right:var(--right-space)}.map-bottom,.map-error{left:var(--left-space);right:var(--right-space)}.cesium-viewer-bottom{left:var(--left-space)!important;right:var(--right-space)!important;max-width:calc(100% - var(--left-space) - var(--right-space))!important}.panel{overscroll-behavior:contain}.left-hidden{--left-space:24px}.right-hidden{--right-space:24px}.left-hidden #left-panel,.right-hidden #right-panel{display:none!important}.map-focused .map-heading{display:none}.map-focused #workspace{bottom:78px}.map-focused .timeline{height:78px;padding-top:10px;padding-bottom:10px}.map-focused .time-heading>span:last-child{display:none}.map-focused .time-heading strong{font-size:21px}.map-focused .event-key{display:none}.map-focused .map-bottom{bottom:39px}.map-focused .map-controls{bottom:86px}.map-focused .map-meta{font-size:10px}.presentation .topbar,.presentation .contextbar{display:none}.presentation .workspace-toolbar{top:0}.presentation #workspace{top:var(--toolbar-height)}.presentation .workspace-toolbar:before{content:'SKULK ATLAS';font-size:10px;letter-spacing:1.8px;font-weight:600;color:#b5a9ff;margin-right:15px}
.latest-bar{position:absolute;bottom:0;left:0;right:0;min-height:88px;display:flex;align-items:center;gap:22px;background:var(--surface);border-top:1px solid var(--line);padding:16px 26px;z-index:9}.latest-clock{min-width:160px}.latest-clock .eyebrow{font-size:8px;color:#80cdb7;display:block;letter-spacing:1.2px}.latest-clock strong{display:block;font-size:23px;font-weight:400;margin-top:6px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.latest-clock small{font-size:10px;color:var(--muted);letter-spacing:0}.latest-sources{display:flex;align-items:center;gap:20px;flex:1}.source-pill{display:flex;flex-direction:column;gap:7px;font-size:10px;min-width:94px;cursor:pointer;text-align:left;padding:0}.source-pill strong{font-size:11px;font-weight:500;color:#dce5f3;display:flex;gap:6px;align-items:center}.source-pill i{width:5px;height:5px;border-radius:50%;background:#8692a4}.source-pill.ok i{background:#68cfb3}.source-pill.stale i,.source-pill.unavailable i{background:#e3aa61}.source-pill span{font-size:10px;color:var(--muted)}.source-pill.stale span,.source-pill.unavailable span{color:#e3aa61}.latest-honesty{color:var(--muted);font-size:10px;max-width:120px;line-height:1.5}.latest-poll{color:var(--muted);font-size:10px;max-width:110px;line-height:1.5}.latest-mode #workspace,.latest-mode.map-focused #workspace{bottom:88px}.latest-mode .timeline{display:none}.latest-summary{border:1px solid #346254;background:#102f2a66;border-radius:6px;padding:12px;color:#b4e4d1;font-size:12px;line-height:1.6;margin-bottom:14px}.latest-summary small{display:block;color:#9ebeb4;font-size:11px;margin-top:5px}.latest-source-row{display:block;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid var(--line)}.latest-source-row:last-child{border:0}.latest-source-row strong{font-size:12px;font-weight:500;display:block}.latest-source-row small{display:block;color:var(--muted);font-size:10px;margin-top:6px;line-height:1.5}.latest-source-row .tag{float:right}.public-scope-note{font-size:11px;color:var(--muted);line-height:1.6}.camera-pin-button{margin-top:12px;width:100%;color:var(--cyan);border-color:#35616b}.camera-wall-open .map-heading{display:none}.camera-wall-open .map-meta{display:none}
#camera-wall-host{position:absolute;inset:0;z-index:7;pointer-events:none}.camera-wall-open #camera-wall-host{pointer-events:none}.camera-wall-open #right-panel{visibility:hidden}.camera-wall-open{--right-space:24px}.camera-wall-open .map-controls{right:20px;bottom:87px}.camera-wall-open .map-bottom{right:75px}.camera-wall-open .map-error{right:30px;bottom:110px;z-index:15}
.empty-source-state{padding:14px 0;color:var(--muted);font-size:12px;line-height:1.7}.latest-demo-link{display:block;color:var(--purple);font-size:11px;text-align:left;padding:0;margin-top:12px}.latest-caption{font-size:10px;color:#9bd7bf}.latest-mode .map-heading .eyebrow{color:#9bd7bf}.map-control-hint{color:var(--quiet);font-size:10px}.modal-notice{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.6}
@media(min-width:1700px){:root{--left-space:372px;--right-space:391px}.workspace-toolbar{top:136px;padding:0 28px}#workspace{top:182px}.left-panel,.right-panel{top:24px}.map-heading{top:28px}.map-heading h1{font-size:29px}.map-heading p{font-size:12px}.latest-bar{padding:18px 34px}.latest-sources{gap:35px}.left-hidden{--left-space:28px}.right-hidden{--right-space:28px}}
@media(max-width:1250px){:root{--left-space:282px;--right-space:312px}.workspace-toolbar{padding:0 18px;gap:8px}.toolbar-new{display:none}.workspace-toolbar button{padding:7px 8px}.latest-bar{gap:15px;padding:14px 18px}.latest-sources{gap:17px}.latest-clock{min-width:130px}.latest-honesty{display:none}.latest-clock strong{font-size:21px}.left-hidden{--left-space:18px}.right-hidden{--right-space:18px}}
@media(max-width:1000px){.toolbar-label{display:none}.toolbar-end button{min-width:34px}.toolbar-end{gap:3px}.workspace-toolbar{gap:7px}.latest-sources{gap:13px}.source-pill{min-width:85px}.latest-poll{display:none}.latest-clock{min-width:120px}.latest-bar .button{font-size:10px;padding:9px}.map-focused .latest-bar{min-height:88px}.map-heading h1{font-size:22px}}
@media(max-width:900px){:root{--left-space:250px;--right-space:282px}.workspace-toolbar{top:111px;padding:0 15px}#workspace{top:157px}.latest-clock{min-width:115px}.source-pill{min-width:72px}.source-pill strong{font-size:10px}.source-pill span{font-size:9px}.latest-bar{gap:12px}.latest-sources{gap:8px}.left-hidden{--left-space:16px}.right-hidden{--right-space:16px}.camera-wall-open .map-bottom{display:none}}
@media(max-width:680px){:root{--toolbar-height:85px;--left-space:18px;--right-space:18px}.workspace-toolbar{top:143px;height:85px;flex-wrap:wrap;padding:7px 12px;align-content:center;gap:5px}.toolbar-end{margin-left:0;justify-content:flex-end;flex:1}.toolbar-camera{font-size:10px}.toolbar-separator{display:none}.workspace-toolbar .time-mode-switch button{padding:5px 8px;font-size:10px}.toolbar-end button{padding:6px;min-width:27px}.workspace-toolbar button>span[aria-hidden]{font-size:16px}#workspace{top:228px}.presentation .workspace-toolbar:before{display:none}.latest-mode #workspace{bottom:100px}.latest-bar{height:100px;flex-wrap:wrap;gap:8px;padding:10px 12px}.latest-clock{min-width:105px}.latest-clock strong{font-size:19px}.latest-sources{gap:9px}.source-pill{min-width:58px}.latest-bar .button{position:absolute;right:12px;bottom:9px;padding:5px 10px;font-size:9px}.source-pill strong{font-size:9px}.source-pill span{font-size:8px}.latest-sources{margin-bottom:22px}.latest-clock{margin-bottom:16px}.right-hidden #right-panel{display:none!important}.camera-wall-open #right-panel{display:none!important}.map-focused #workspace{bottom:78px}.latest-mode.map-focused #workspace{bottom:100px}.map-heading h1{font-size:20px}.map-heading{left:18px}.left-hidden #left-panel{display:none!important}.left-hidden .right-panel{right:10px}.latest-honesty{display:block;position:absolute;bottom:12px;left:12px;max-width:200px;font-size:9px}}

.camera-frame video{display:block;width:100%;height:auto;min-height:160px;object-fit:contain;background:#030812}.camera-caption{gap:8px;line-height:1.5}.camera-caption span:last-child{text-align:right;font-size:9px}

.london-open #left-panel{visibility:hidden}.left-hidden #london-panel-host{display:none!important}.toolbar-london{color:#d4c8ff;border-color:#4a4165!important}.london-open .map-heading{display:none}.workspace-toolbar{gap:8px}@media(max-width:1100px){.workspace-toolbar>button{font-size:10px;padding:7px}.toolbar-end .toolbar-label{display:none}}

.london-open{--left-space:398px}.london-open.right-hidden{--right-space:24px}#london-map-tools{display:none;position:absolute;top:20px;left:var(--left-space);z-index:6;gap:4px;flex-wrap:wrap;right:var(--right-space)}.london-open #london-map-tools{display:flex}#london-map-tools button{font-size:10px;padding:8px;background:#101c2de8;border:1px solid #3c5066;border-radius:5px;color:#bdd1df}#london-map-tools button[aria-pressed=true]{background:#24433f;color:#b4e7d5;border-color:#4d786c}.london-open.left-hidden{--left-space:24px}@media(max-width:1250px){.london-open{--left-space:356px}.london-open.left-hidden{--left-space:18px}}@media(max-width:700px){#london-map-tools{display:none!important}}
/* Two distinct workspaces; data scope determines the controls and dark appearance. */
.workspace-scope{margin-left:auto;border:1px solid #4d466a;border-radius:4px;padding:5px 8px;color:#c6bbf4;font-size:9px;letter-spacing:1px;white-space:nowrap}.workspace-mode-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#adc9c3;white-space:nowrap}.workspace-mode-label i{width:6px;height:6px;border-radius:50%;background:#76cbb1}.explore-tools,.organisation-tools{display:flex;align-items:center;gap:5px}.organisation-tools{display:none}.organisation-tools .active{color:#d0c2ff;background:#342d4e;border-color:#615078}.collection-card{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:12px 10px;margin-bottom:7px;border:1px solid #3c3b55;border-radius:7px;background:#23213955;font-size:12px}.collection-card>span{color:var(--purple);font-size:19px}.collection-card strong{font-weight:500;flex:1}.collection-card small{display:block;color:var(--muted);font-size:10px;font-weight:400;line-height:1.5;margin-top:5px}.collection-card:hover{background:#393052}.bus-motion-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:100%;padding:6px 8px;background:#0d182bec;border:1px solid #3a4c60;border-radius:6px}.bus-motion-tools span{font-size:10px;color:#a8d7df}.bus-motion-tools small{font-size:9px;color:#acb9cb;flex-basis:100%}.motion-status{font-size:11px;line-height:1.6;color:var(--cyan);padding:10px;background:#18383a66;border:1px solid #356067;border-radius:6px}.motion-status small{display:block;color:var(--muted);font-size:10px}.motion-position{font-size:11px;line-height:1.6;color:#bcd7dd;font-variant-numeric:tabular-nums}.bus-motion-tools button{padding:5px 8px!important}
body[data-workspace=organisation] .explore-tools,body[data-workspace=organisation] .latest-bar,body[data-workspace=organisation] .toolbar-camera,body[data-workspace=organisation] .toolbar-london{display:none!important}body[data-workspace=organisation] .organisation-tools{display:flex}body[data-workspace=organisation] .workspace-mode-label{color:#c2b3eb}body[data-workspace=organisation] .workspace-mode-label i{background:#ad93e2}body[data-workspace=explore] .top-end .organisation{display:none}body[data-workspace=organisation] .map-heading{max-width:330px}button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:1250px){.workspace-mode-label{font-size:9px}.workspace-toolbar{gap:6px}.explore-tools{gap:1px}.workspace-scope{font-size:8px}.bus-motion-tools{gap:6px}}
@media(max-width:900px){.workspace-mode-label{display:none}.workspace-scope{margin-left:auto}.concept-label{display:none}.topbar nav{gap:22px}}

.latest-empty{color:var(--muted);font-size:11px;line-height:1.6}

.bus-motion-active:not(.london-open) #london-map-tools{display:flex;top:105px}.bus-motion-active:not(.london-open) #london-map-tools>[data-london-layer],.bus-motion-active:not(.london-open) #london-map-tools>[data-action=london-street-map]{display:none}
