#room-settings.room-settings-window{width:560px;height:550px;max-height:calc(100dvh - 16px);overflow:hidden;display:grid;grid-template-rows:30px minmax(0,1fr)}
#room-settings-form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:0;margin:0}
.settings-tabs{padding:10px 10px 0;display:flex;flex-wrap:wrap;gap:3px}.settings-tabs button{flex:1;white-space:nowrap}
.settings-scroll{overflow:auto;padding:8px 16px 16px;min-height:0}.settings-scroll fieldset{margin:10px 0 16px;padding:12px;border:1px solid #aaa99e;border-radius:4px}.settings-scroll legend{font-weight:bold;padding:0 5px}.settings-scroll p,.settings-scroll small{font:12px/1.5 Arial;color:#555;display:block}.settings-scroll input[type=number],.settings-scroll input[type=password],.settings-scroll select{display:block;width:100%;margin-top:6px;border:1px solid #888;border-radius:3px;padding:7px;background:#fff;color:#222;box-sizing:border-box}.settings-scroll .toggle-row{font:12px Arial!important;padding:10px 0}.settings-scroll .toggle-row input{flex:0 0 18px;width:18px;height:18px}.settings-actions{padding:10px 16px 14px;border-top:1px solid #aaa;display:flex;justify-content:flex-end;gap:8px;background:#deded4}
.doorbell-window{width:360px;height:260px;display:grid;grid-template-rows:30px minmax(0,1fr)}#doorbell-list{overflow:auto;padding:12px}#doorbell-list article{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid #aaa}#doorbell-list strong{flex-basis:100%;overflow-wrap:anywhere}
.le .le-door{display:block}.le-door-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.le .le-door-fields label{display:flex;align-items:stretch;flex-direction:column;gap:4px}.le-door-checks{display:flex;flex-direction:column;gap:9px;margin-top:14px}.le .le-door-checks .le-check{display:flex;flex-direction:row;align-items:center;gap:8px}.le .le-door-checks input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;padding:0;margin:0}.le-door-hint{display:block;margin-top:9px;color:#626257;font:11px/1.4 Arial}
#create-room .le-door-fields label{flex-direction:column;align-items:stretch;gap:5px}#create-room .le-door-fields select{width:100%}
