/* A small everyday navigation, with the full workspace one click away. */
.experience-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:28px;background:var(--panel);gap:4px;margin:18px 0 8px}
.experience-switch button{min-height:42px;border:0;border-radius:22px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.experience-switch button[aria-pressed=true]{background:var(--mint);color:#10251f;font-weight:700;box-shadow:0 2px 6px #0003}
.experience-hint{font-size:11px;color:var(--muted);margin:0 8px 16px;line-height:1.6}
#simple-navigation:not([hidden]){display:grid;gap:5px}
#simple-navigation a{min-height:44px;display:flex;align-items:center;font-size:14px}
#workspace-nav[hidden],#simple-navigation[hidden]{display:none!important}
body[data-experience=simple] .page-pin{display:none}
body[data-experience=simple] .heading .eyebrow{font-size:11px}
body[data-experience=simple] h1{font-size:clamp(25px,3vw,34px)}
body[data-experience=simple] .subtitle{font-size:14px;line-height:1.7}
body[data-experience=simple] .workspace-tabs a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
body[data-experience=simple] .panel-note{font-size:13px}

body[data-experience=simple] .overview-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.user-guide-intro{background:linear-gradient(125deg,var(--panel2),var(--panel));padding:24px;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
.user-guide-intro h2{font-size:26px;margin:0 0 12px}.guide-search{display:block;margin:16px 0;font-size:14px}.guide-search input{display:block;width:100%;min-height:44px;margin-top:7px;padding:10px 14px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px}
.guide-topic{margin:24px 0}.guide-topic h2{font-size:21px}.guide-feature{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:14px 0;padding:20px}.guide-feature h3{font-size:17px;margin-top:0}.guide-feature p,.guide-feature li{font-size:14px;line-height:1.8}.guide-feature img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px;margin-top:12px}.guide-feature ol{padding-left:24px}.guide-feature[hidden],.guide-topic[hidden]{display:none!important}.guide-links{display:flex;gap:10px;flex-wrap:wrap}.guide-links a{display:inline-flex;padding:10px 14px;min-height:44px;border:1px solid var(--line);border-radius:8px;align-items:center}.guide-contents{display:flex;flex-wrap:wrap;gap:8px}.guide-contents button{min-height:44px;padding:8px 12px;cursor:pointer}.guide-empty{padding:20px;border:1px solid var(--line)}
@media(max-width:650px){body[data-experience=simple] .overview-shortcuts{grid-template-columns:1fr}.guide-feature{padding:16px}.user-guide-intro{padding:18px}.experience-switch{margin-top:12px}}
.wall-mode .experience-switch,.wall-mode .experience-hint,.ops-tv .experience-switch,.tv-running .experience-switch{display:none}
.camera-interest-panel{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin:18px 0}.camera-interest-panel button{min-height:44px;margin:4px;padding:8px 12px;font-size:12px}.camera-interest-panel p{color:var(--muted);font-size:13px}.camera-inspected{outline:2px solid var(--mint);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.broadcast-ticker-track{animation:none!important}}
body[data-experience=simple] #broadcast-tv-tabs{display:none}
body[data-experience=simple] .heading .customer-tools{display:none}
body[data-experience=simple] .overview-shortcuts a[href='#desk']{display:none}
.camera-inspection{width:min(900px,calc(100vw - 32px));max-height:90vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:24px}.camera-inspection::backdrop{background:#000b}.camera-inspection>button:first-child{float:right;min-height:44px}.camera-inspection img{display:block;width:100%;max-height:60vh;object-fit:contain;border-radius:8px}.camera-inspection h2{padding-right:135px}.camera-inspection button{margin:8px 8px 8px 0;min-height:44px}.camera-inspection video{max-width:100%}
.simple-map-starters{display:none;gap:8px;flex-wrap:wrap;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;margin:16px 0;background:var(--panel)}body[data-experience=simple] .simple-map-starters{display:flex}.simple-map-starters button,.simple-map-starters select{min-height:44px;padding:8px 12px;font-size:13px}.simple-map-starters p{width:100%;margin:4px 0;font-size:12px;color:var(--muted)}body[data-experience=simple] [data-panel=situation]>.mission-controls{display:none}.simple-map-starters label{font-size:13px}.wall-mode .simple-map-starters,.ops-tv .simple-map-starters,.tv-running .simple-map-starters{display:none!important}
.camera-source-details{margin:12px 0;padding:12px 16px;border:1px solid var(--line);border-radius:8px}.camera-source-details summary{cursor:pointer;min-height:32px}.panel p,.guide-feature p{line-height:1.75}.panel input:not([type=checkbox]):not([type=range]),.panel select,.panel button,.analyzer-controls button{min-height:44px}.panel-heading{flex-wrap:wrap;gap:10px}.panel h2{font-size:18px}.panel small{line-height:1.6}.environment-grid article button{min-height:44px;margin:6px 6px 0 0}.camera-picks label{min-height:44px;align-items:center}body[data-experience=simple] .environment-controls{padding:12px;gap:10px}body[data-experience=simple] .environment-grid article h3{font-size:16px}body[data-experience=simple] .environment-grid article p{font-size:13px}
.footer-user-guide{display:inline-flex;min-height:44px;align-items:center;font-size:13px;margin:0 20px 10px 0}
.guide-glossary{margin-top:18px}.guide-glossary summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px}.guide-glossary dt{font-weight:700;margin-top:18px}.guide-glossary dd{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.8}

#experience-clocks>summary{display:none;margin:12px 30px 0;padding:10px 14px;min-height:44px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:13px;cursor:pointer}body[data-experience=simple] #experience-clocks>summary{display:list-item}#experience-clocks[hidden]{display:none}.wall-mode #experience-clocks>summary,.ops-tv #experience-clocks>summary,.tv-running #experience-clocks>summary{display:none!important}
body[data-site-theme=day] .experience-switch button[aria-pressed=true]{color:#fff}
.radio-fields dt{color:var(--muted)}.radio-fields dd{color:var(--text)}.overview-shortcuts strong{color:var(--text)}
body[data-site-theme=day] .metric-value{color:var(--text)}body[data-site-theme=day] .metric-value.ok{color:#116e59}body[data-site-theme=day] .metric-value.warn{color:#8a4a04}body[data-site-theme=day] .metric-value.bad{color:#b32543}
body[data-site-theme=day] .metric-label,body[data-site-theme=day] .panel-freshness,body[data-site-theme=day] .clock-wall-heading,body[data-site-theme=day] .wall-clock-label,body[data-site-theme=day] .wall-clock-detail,body[data-site-theme=day] .brand small{color:var(--muted)}
body[data-site-theme=day] .badge{color:#174e7c;background:#e0effd}body[data-site-theme=day] .badge.ok{color:#116e59;background:#e1f4e9}body[data-site-theme=day] .badge.warn{color:#7a4106;background:#fff0d7}body[data-site-theme=day] .badge.bad{color:#9c203f;background:#ffe4e9}
.guide-mode-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-mode-comparison figure{margin:14px 0}.guide-mode-comparison img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.guide-mode-comparison figcaption{font-size:13px;line-height:1.7;margin-bottom:8px}@media(max-width:700px){.guide-mode-comparison{grid-template-columns:1fr}}
