/* Window borders follow the room palette. The title is the drag handle. */
.grant-dialog{width:292px;max-width:calc(100vw - 16px);border:2px solid var(--room-dark,#447d89);box-shadow:2px 3px 8px #0004;color:#111;font:12px Tahoma;max-height:calc(100dvh - 20px)}
.grant-dialog>header,.grant-dialog .interaction-body footer{background:var(--room-bar,#b5cdd2);border-color:var(--room-dark,#447d89)}.grant-dialog .interaction-body{background:#fff;padding:10px 18px}.grant-dialog form>label{display:flex;align-items:center;gap:7px;margin:0;min-height:14px;line-height:14px;font-size:11px}.grant-dialog form>label:has(input:not([type=checkbox])),.grant-dialog form>label:has(select){display:grid;grid-template-columns:70px minmax(0,1fr);margin:5px 0}.grant-dialog input:not([type=checkbox]),.grant-dialog select{width:100%;min-width:0;height:23px;min-height:23px;border:1px solid #999;background:#fff;padding:2px 5px;font:12px Tahoma;box-sizing:border-box;color:#111}.grant-dialog select option{color:#111;background:#fff}.grant-dialog select{color:#b00;font-weight:bold;appearance:auto}.grant-dialog input[type=checkbox]{margin:0;width:12px;height:12px;accent-color:var(--room-dark,#447d89)}.grant-dialog form>label:has(input[name^=manage]){margin-inline-start:16px}.grant-dialog form>strong{display:block;margin:7px 0 4px}.grant-dialog footer button{min-height:25px;padding:2px 12px}.grant-dialog .interaction-body footer{margin:10px -18px -10px;padding:5px 12px}
.room-draggable-panel{position:fixed!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important;box-sizing:border-box}.room-draggable-panel[data-floating=true]{right:auto!important;bottom:auto!important;transform:none!important}.room-menu-drag,#roomAdminTitle{cursor:move;touch-action:none;user-select:none}.room-menu-drag{padding:7px;background:var(--room-bar,#b5cdd2);font:bold 12px Tahoma}#roomAdmin.room-draggable-panel{width:min(920px,calc(100vw - 20px));height:min(740px,calc(100dvh - 30px));overflow:auto;z-index:900}#roomAdminTitle{padding:7px 10px;margin:0;background:var(--room-bar,#b5cdd2);font-size:15px}.profile-overlay:has(.room-draggable-panel){pointer-events:none;background:transparent}.profile-overlay>.profile-window{pointer-events:auto;z-index:950}.desktop-me-overlay:has(.room-draggable-panel){pointer-events:none;background:transparent}.desktop-me-dialog.room-draggable-panel{pointer-events:auto;z-index:950}.attendance-table{direction:rtl}.attendance-table td:nth-child(4){direction:ltr;white-space:nowrap}.attendance-table tr[data-event=enter] td:first-child{color:#148039}.attendance-table tr[data-event=exit] td:first-child{color:#bf2626}.attendance-table{display:block;overflow:auto}
@media(max-width:750px){.profile-window.room-draggable-panel{width:min(320px,calc(100vw - 20px));max-height:min(520px,calc(100dvh - 80px))!important;font-size:12px}.profile-window .profile-cover{height:170px;padding:55px 18px 10px}.profile-window .profile-photo{width:75px;height:75px;top:-38px}.profile-window .profile-identity{min-height:100px;padding:40px 5px 8px}.profile-window .profile-identity h2{font-size:16px}.profile-window .profile-pane{padding:12px 8px;min-height:220px}.profile-window .profile-statistics>div{min-height:70px}.profile-window .profile-stat-icon{transform:scale(.6);margin:-9px}.profile-window .profile-tabs button{font-size:11px}.profile-window .profile-info-card{height:230px}.room-draggable-panel#mobilePreferences,.room-draggable-panel#mobileActionPanel{width:calc(100vw - 20px);height:auto;max-height:75dvh!important;overflow:auto;z-index:900}}
.interaction-window,.camera-window{border-color:var(--room-dark,#447d89)!important}.interaction-window>header,.interaction-window[data-kind=warning]>header{background:var(--room-bar,#b5cdd2)!important;border-color:var(--room-dark,#447d89)!important}

.login-overlay>.room-draggable-panel,.leave-overlay>.room-draggable-panel{pointer-events:auto}#mePanel.room-draggable-panel{width:min(380px,calc(100vw - 20px))}#mePanel .room-menu-drag{flex-basis:100%}#mediaPanel.room-draggable-panel{width:min(440px,calc(100vw - 20px))}

.room-menu-drag{grid-column:1/-1;flex-basis:100%}

.profile-overlay:has(.room-draggable-panel),.desktop-me-overlay:has(.room-draggable-panel){z-index:1100}.leave-overlay{z-index:1200}