.room-picker-backdrop,.room-picker-panel,.room-picker-panel *{box-sizing:border-box}
.room-picker-backdrop{position:fixed;inset:0;background:#071428d9;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;font-family:system-ui,-apple-system,sans-serif;color:#18283e}
.room-picker-panel{width:min(880px,100%);max-height:92vh;max-height:92dvh;overflow:auto;background:#f6f9ff;border:1px solid #c7d8f1;border-radius:18px;padding:22px;box-shadow:0 20px 90px #0008}
.room-picker-header{display:flex;gap:16px;justify-content:space-between;align-items:center}.room-picker-header h2{font-size:22px;margin:0}
.room-picker-panel button{font:inherit;cursor:pointer;border:1px solid #c5d5e8;background:#fff;color:#23456d;border-radius:9px;padding:10px 16px;min-height:44px}
.room-picker-panel button:focus-visible{outline:3px solid #0784e8;outline-offset:3px}.room-picker-panel button:disabled{opacity:.55;cursor:not-allowed}
.room-picker-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}.room-picker-tabs .selected{background:#1659ae;color:#fff;border-color:#1659ae}
.room-picker-info,.room-picker-status{font-size:14px;line-height:1.6;margin:12px 0}.room-picker-status{color:#a23421;min-height:22px}
.room-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.room-picker-room{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left}
.room-picker-room strong{font-size:18px}.room-picker-room small{font-size:12px;color:#576d87}.room-picker-room:not(:disabled):hover{background:#e7f1ff;border-color:#1659ae}
@media(max-width:600px){.room-picker-backdrop{padding:10px}.room-picker-panel{padding:15px;border-radius:12px}.room-picker-header h2{font-size:18px}.room-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-picker-panel button{padding:9px 11px}.room-picker-tabs{margin-top:12px}}