#zoneNamesPanel{background:var(--panel,#fff);color:var(--ink,#333);border:1px solid var(--line,#ddd);border-top:3px solid #00acd6;padding:10px;position:absolute;inset:0;z-index:5;overflow:auto;font:13px Arial}#zoneNamesPanel[hidden]{display:none}#zoneNamesPanel>button:first-child{float:right}#zoneNamesPanel h3{margin:0 0 8px}#zoneNamesPanel label{display:inline-flex;flex-direction:column;margin:5px;gap:4px;max-width:100%;font-size:12px}#zoneNamesPanel label:has(input[type=checkbox]){flex-direction:row;align-items:center}#zoneNamesPanel textarea{width:480px;max-width:100%;min-height:100px}#zoneNamesPanel button,#zoneNamesPanel select,#zoneNamesPanel input{min-height:32px}#zoneNamesPanel .zone-library{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}#zoneNamesPanel .zone-library button{cursor:grab;border-left:3px solid #00acd6}#zoneNamesPanel [role=status]{padding:6px;border-left:3px solid #00acd6}#zoneNamesPanel p{margin:6px 0}#zoneNamesPanel strong{margin-right:8px}@media(max-width:850px){#zoneNamesPanel button,#zoneNamesPanel select,#zoneNamesPanel input{min-height:44px}#zoneNamesPanel textarea{width:100%;font-size:16px}#zoneNamesPanel label{display:flex}} 

.inspector:has(#zoneNamesPanel:not([hidden])){position:relative}#zoneNamesPanel textarea,#zoneNamesPanel select{width:100%;box-sizing:border-box}#zoneNamesPanel label{display:flex;margin:8px 0}#zoneNamesPanel label:has(input[type=checkbox]){display:inline-flex;margin:4px 6px 4px 0}#zoneNamesPanel>button:first-child{float:none;margin-bottom:8px}#zoneNamesPanel h3{font-size:14px}#zoneNamesPanel textarea{font-size:13px}#zoneNamesPanel input[type=number]{width:100%}@media(max-width:1100px){.inspector:has(#zoneNamesPanel:not([hidden])){display:block!important;position:fixed!important;right:0;top:110px;bottom:70px;width:min(320px,90vw);z-index:90;transform:none!important;visibility:visible!important}#zoneNamesPanel textarea{font-size:16px}}
.inspector:has(#zoneNamesPanel:not([hidden]))>:not(#zoneNamesPanel){display:none!important}#zoneNamesPanel{position:static;min-height:100%;box-sizing:border-box;overflow:visible}#zoneNamesPanel button{max-width:100%}

@media(max-width:1100px){.inspector:has(#zoneNamesPanel:not([hidden])){left:auto!important;max-height:calc(100dvh - 180px)!important;height:calc(100dvh - 180px)!important;overflow:auto!important}}
body.viewer .inspector:has(#zoneNamesPanel:not([hidden])){display:block!important;position:fixed!important;left:auto!important;right:12px;top:160px;bottom:70px;width:min(320px,90vw);z-index:90;transform:none!important;visibility:visible!important;max-height:calc(100dvh - 230px);overflow:auto}

.stage-column .stage-toolbar{flex-wrap:wrap;min-width:0;height:auto}.stage-column .stage-toolbar>.stage-select{min-width:110px;flex:1 1 140px}.stage-column .stage-toolbar>button{flex-shrink:0}

/* Assignment slots use the same cyan target in both views. */
.bunker-name-slot{cursor:pointer;color:var(--ink,#263239);background:var(--panel,#fff);border:1px dashed #00acd6;border-radius:3px;line-height:1.2}
.bunker-name-slot rect{fill:var(--panel,#fff);stroke:#00acd6;stroke-width:2;stroke-dasharray:5 3}
.bunker-name-slot text{fill:var(--ink,#263239);font:bold 16px Arial;pointer-events:none}
.bunker-name-slot:focus,.bunker-name-slot.drop-ready{outline:2px solid #00acd6;outline-offset:2px;border-style:solid}
.bunker-name-slot.drop-ready rect{stroke-width:4;stroke-dasharray:none}
#zoneNamesPanel button[aria-pressed=true]{border:2px solid #00acd6;font-weight:bold}
@media(max-width:850px){.ifv-name-targets .bunker-name-slot{min-height:44px!important}}
/* A visible mobile name sheet must accept touches; the closed inspector disables them. */
.inspector:has(#zoneNamesPanel:not([hidden])){pointer-events:auto!important;opacity:1!important}

@media(min-width:1101px){body.assigning-bunker-names .workspace{min-height:620px!important}}