/* Zone map UI — intentionally isolated from the global stylesheet. */
.zone-page-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:24px!important;margin:0 0 18px!important;width:100%!important}
.zone-page-head>div:first-child{min-width:0}.zone-page-head .eyebrow{font-size:11px!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#0d7280!important}.zone-page-head h1{margin:4px 0 6px!important;font-size:clamp(32px,4vw,50px)!important;line-height:1!important;color:#12243a!important}.zone-page-head .muted{margin:0!important;max-width:780px!important;font-size:14px!important;line-height:1.55!important;color:#667483!important}
.zone-legend{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px 14px!important;font-size:12px!important;color:#465561!important}.zone-legend span{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}.zsw{display:inline-block!important;width:13px!important;height:13px!important;border:1px solid #d5dde1!important;border-radius:4px!important;background:#fff!important}.zsw.ready{background:#079669!important;border-color:#079669!important}.zsw.conditional{background:#f2b338!important;border-color:#f2b338!important}.zsw.not-ready{background:#dc4d3e!important;border-color:#dc4d3e!important}
.zone-map-shell{display:block!important;position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#155864!important;border:0!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 12px 34px rgba(18,62,72,.13)!important}
.zone-map-canvas{display:block!important;position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;line-height:0!important;isolation:isolate!important}.zone-map-canvas>img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;border:0!important}
.zone-room-hit{position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:2px solid transparent!important;border-radius:7px!important;text-decoration:none!important;line-height:1!important;overflow:visible!important;z-index:3!important;cursor:pointer!important;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease!important}
.zone-room-hit.status-empty{background:transparent!important;border-color:transparent!important}.zone-room-hit.status-ready{background:rgba(7,150,105,.78)!important;border-color:rgba(0,112,76,.95)!important}.zone-room-hit.status-conditional{background:rgba(242,179,56,.82)!important;border-color:rgba(199,126,0,.96)!important}.zone-room-hit.status-not-ready{background:rgba(220,77,62,.82)!important;border-color:rgba(174,45,34,.96)!important}
.zone-room-hit>span{position:absolute!important;left:50%!important;bottom:calc(100% + 8px)!important;transform:translateX(-50%) translateY(4px)!important;display:block!important;min-width:max-content!important;max-width:220px!important;padding:8px 10px!important;border-radius:9px!important;background:#102f38!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important;transition:.14s ease!important;z-index:30!important}.zone-room-hit>span small{display:block!important;margin-top:3px!important;color:#cfe3e7!important;font-size:10px!important;font-weight:650!important}.zone-room-hit:hover,.zone-room-hit:focus-visible{border-color:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.48),0 8px 20px rgba(0,0,0,.18)!important;filter:brightness(1.04)!important;z-index:20!important;outline:none!important}.zone-room-hit:hover>span,.zone-room-hit:focus-visible>span{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}
.zone-room-list{display:none!important}.zone-mobile-sheet{display:none;position:fixed!important;inset:0!important;z-index:1000!important;background:rgba(7,24,31,.55)!important;align-items:flex-end!important}.zone-mobile-sheet.open{display:flex!important}.zone-sheet-card{width:100%!important;background:#fff!important;border-radius:22px 22px 0 0!important;padding:22px 18px calc(20px + env(safe-area-inset-bottom))!important;box-shadow:0 -18px 50px rgba(0,0,0,.2)!important}.zone-sheet-card h3{margin:0 0 6px!important;font-size:24px!important;color:#12243a!important}.zone-sheet-card p{margin:0 0 18px!important;color:#64727e!important}.zone-sheet-actions{display:grid!important;grid-template-columns:1fr 2fr!important;gap:10px!important}.zone-sheet-actions .btn{width:100%!important;min-height:46px!important}
@media(max-width:900px){.zone-page-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.zone-legend{justify-content:flex-start!important}.zone-map-shell{border-radius:12px!important}}
@media(max-width:700px){.zone-page-head h1{font-size:32px!important}.zone-page-head .muted{font-size:13px!important}.zone-legend{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:7px 12px!important}.zone-map-shell{width:calc(100% + 20px)!important;margin-left:-10px!important;margin-right:-10px!important;border-radius:0!important}.zone-room-hit>span{display:none!important}.zone-room-hit:hover{box-shadow:none!important}.zone-sheet-actions{grid-template-columns:1fr 1.7fr!important}}