#door-controls{position:absolute;z-index:8;top:50px;right:10px;width:min(350px,calc(100% - 20px));max-height:calc(100% - 65px);overflow:auto;padding:12px;background:#172330;border:2px solid #8c99a5;box-shadow:4px 4px #0009;color:#e3edf2}
#door-controls header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#f4cf8b}
#door-controls header strong{font:12px Consolas,monospace;letter-spacing:1px}
#close-door-controls{font:20px/1 Arial;padding:0 6px;box-shadow:none}
#door-controls label{display:block;font:12px 'Segoe UI',sans-serif;margin-bottom:5px}
#door-select{width:100%;padding:7px;background:#0d1925;border:1px solid #667e8e;color:#e3edf2;font:13px 'Segoe UI',sans-serif}
#door-controls p{font:12px/1.5 'Segoe UI',sans-serif;margin:10px 0}
#door-controls .door-access{color:#a5e7d0;min-height:36px}.door-access.unavailable{color:#ffd18d!important}
.door-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.door-modes button{font:12px 'Segoe UI',sans-serif;padding:8px 3px}
.door-modes button[aria-pressed=true]{border-color:#ffd18d;box-shadow:inset 0 -2px #ffd18d;color:#fff3cf;background:#35434e}
#door-controls .door-state{padding:9px;border-left:3px solid #e0a64a;background:#0e1b27;color:#f3d495}
#door-controls .door-state[data-mode=open]{border-color:#8de1c0;color:#b1efda}
#door-controls .door-state[data-mode=locked]{border-color:#ff8073;color:#ffb3a9}
#door-controls .door-help{color:#b0c5d3;margin-bottom:0}