/* Approved dashboard theme, with region content connected to the same workspace. */
body[data-zone-open] .hud-right,body[data-zone-open] #film-focus{visibility:hidden;pointer-events:none}
#zone-inspector{right:35px;width:310px;top:45px;max-height:calc(100% - 80px);overflow:auto}
#zone-inspector .close-button{top:7px;right:7px}
#info-dialog.wide-dialog{width:min(1050px,93vw)}
.area-copy-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;align-items:center}
.area-explanation h3{margin-top:0!important;font-size:22px!important;line-height:1.5}
.area-explanation .area-copy-layout p{font-size:15px;line-height:2}
.area-explanation figure{margin:0}.area-explanation figure img{width:100%;display:block;border:1px solid #7dc5e340;border-radius:4px}
.area-explanation figcaption{font-size:11px;color:#85a9be;margin-top:9px}
.area-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.area-section-grid section{padding:13px 15px;background:#477f9b14;border:1px solid #5a94ae29}.area-section-grid h4{font-size:14px;margin:0 0 8px;color:#c6edf7}.area-section-grid p{font-size:12px}
.poster-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.poster-actions button,.poster-viewer button,#dialog-focus{padding:9px 14px;border:1px solid #6ab9d74f;background:#448aa124;border-radius:3px;color:#c7eaf8}
.poster-viewer{display:flex;flex-direction:column;gap:18px;align-items:start}.poster-viewer img{width:100%;max-height:65vh;object-fit:contain;background:#081827}.poster-dialog #dialog-title{font-size:21px}
.region-browser>input{width:100%;padding:12px 15px;background:#10273e;color:#cdebf8;border:1px solid #629db94d;border-radius:4px;outline-color:#7de0f4}
.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.region-tile{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;text-align:left;align-items:start;background:linear-gradient(135deg,#24445e65,#10283e);border:1px solid #6babc136;border-radius:3px;padding:14px 12px}
.region-tile:hover{border-color:#91dff4;background:#2254755c}.region-tile b{color:#87d8ee;font:17px var(--mono);padding-top:3px}.region-tile span{font-size:12px;line-height:1.65}.region-tile small{grid-column:2;font-size:9px;color:#709cb6}
#all-regions{color:#bdebf5;border-color:#73b9cf50;white-space:nowrap}
.cockpit-footer{min-height:46px;padding-top:7px;padding-bottom:7px}
#scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.zone-label-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.zone-label-leaders line{stroke:#7dc5e3;stroke-width:1;opacity:.65}
.zone-label.displaced:after{display:none}
.zone-label:focus-visible{outline:2px solid #b7f2ff;outline-offset:3px}
@media(max-width:1250px){#zone-inspector{right:15px;width:250px;top:18px}.footer-business{gap:4px}.footer-business button{padding:6px 7px}}
@media(max-width:880px){#zone-inspector{right:15px;width:250px;top:60px;max-height:325px}.area-copy-layout{grid-template-columns:1fr;gap:20px}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-section-grid{grid-template-columns:1fr}.area-explanation .area-copy-layout p{font-size:13px}.area-explanation figure{max-width:540px}#scene-labels{height:450px}body[data-page=film] #scene-labels{height:100%}body.clean-view #scene-labels{height:650px}}
@media(max-width:540px){.region-tile{padding:10px;gap:6px}.region-tile b{font-size:14px}.region-tile span{font-size:11px}#scene-labels{height:430px}}