.interaction-window{position:fixed;width:340px;max-width:calc(100vw - 16px);max-height:70dvh;overflow:auto;background:#fff;border:1px solid #6f9aaf;border-radius:6px;box-shadow:0 6px 24px #17435c44;font:14px Tahoma,Arial;color:#173e52;direction:rtl}.interaction-window[hidden]{display:none}.interaction-window>header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(#e8f7ff,#b9dfee);border-bottom:1px solid #8ab6ce;cursor:move;touch-action:none;user-select:none}.interaction-window>header button{font-size:20px;border:0;background:transparent;min-width:30px;min-height:30px}.interaction-body{padding:14px;overflow-wrap:anywhere}.interaction-body p{white-space:pre-wrap;line-height:1.7}.interaction-body textarea{box-sizing:border-box;width:100%;min-height:84px;resize:vertical;border:1px solid #98b6c4;border-radius:4px;padding:9px;margin-bottom:10px;font:inherit}.interaction-body button{padding:9px 14px;min-height:40px;border:1px solid #97bdce;background:#eef8fc;border-radius:4px;font:inherit;cursor:pointer}.interaction-body>button{display:block;width:100%;margin:7px 0;text-align:right}.interaction-body button:disabled{opacity:.6;cursor:default}.interaction-body .poll-close{background:#d9f0ff;font-weight:bold;text-align:center}.interaction-window[data-kind=warning]>header{background:#fff0cc}.poll-result{display:grid;grid-template-columns:1fr auto;gap:7px;margin:15px 0}.poll-result progress{grid-column:1/-1;width:100%;height:12px;accent-color:#2e98c6}.member-media{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;direction:ltr}.member-media img{width:19px;height:20px;object-fit:contain}.member-media time{font-size:11px;font-variant-numeric:tabular-nums;color:#087133}.person .person-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.person .person-speaking-icon,.person .media-indicator{display:none}.member-menu{max-height:calc(100dvh - 16px);overflow-y:auto;z-index:700}.member-menu button{min-height:36px}.interaction-window h3{margin-top:0;line-height:1.5}@media(max-width:750px){.interaction-window{width:300px;font-size:14px}.member-media{gap:3px}.member-media img{width:16px;height:18px}.member-toolbar{overflow-x:auto}.member-toolbar button{flex-shrink:0}}
.member-mic-stack{display:inline-flex;flex-direction:column;align-items:center;gap:1px}.person{min-height:42px}.interaction-window{border:1px solid #715b58;border-radius:0;box-shadow:3px 3px 0 #e5d4ce;font-size:13px}.interaction-window>header,.interaction-window[data-kind=warning]>header{background:#e1c2c3;border-bottom:1px solid #715b58;padding:3px 6px;min-height:24px}.interaction-window>header strong{font-weight:normal}.interaction-window>header strong:before{content:'🎧';margin-inline-end:7px}.interaction-window>header button{background:#a82027;color:white;min-height:19px;min-width:19px;font-size:18px;line-height:18px;padding:0;border-radius:2px}.interaction-body{padding:8px;background:#fffaf4}.interaction-body form>label{display:block;margin-bottom:8px}.interaction-body label textarea{margin-top:3px;background:white;border:1px solid #aaa;border-radius:0;min-height:80px}.interaction-body input[type=text]{display:block;box-sizing:border-box;width:100%;margin-top:4px;min-height:36px;font:inherit;border:1px solid #aaa;border-radius:0}.interaction-body .interaction-check{display:flex;align-items:center;gap:4px}.interaction-body footer{display:flex;justify-content:flex-start;gap:12px;background:#e1c2c3;margin:8px -8px -8px;padding:7px;border-top:1px solid #715b58}.interaction-body footer button{background:transparent;border:0;min-width:65px}.poll-option-field input{border-inline-end:5px solid #e69a24!important}.poll-option-field.option-1 input{border-inline-end-color:#8b84b7!important}.poll-option-field.option-2 input{border-inline-end-color:#a8d345!important}.member-mic-stack img{width:22px;height:25px}.member-media>img{max-height:20px}.audio-row .voice-speaker-name,.audio-row .voice-monitor{display:none}#mobileMicState>.voice-monitor{display:none}#mobileMicState>span:not(.voice-monitor){font-size:0}#mobileMicState small{font-size:11px}
#homeBrand .directory-actions .brand-logo{background:url('/roomsyria-logo.png') center/contain no-repeat;width:72px;height:72px;top:2px;left:calc(50% - 36px);right:auto;transform:none}#homeBrand .directory-actions{position:relative;min-height:76px}.person .member-media{order:0}

.watch-camera-button{display:none!important}#mobileMicState>.voice-monitor{display:inline-flex!important}.member-mic-stack img{animation:none}.person[data-speaking=true] .member-mic-stack img{filter:drop-shadow(0 0 3px #53a900)}
@media(min-width:751px){#homeBrand .directory-actions .brand-logo{width:44px;height:44px;top:0;left:calc(50% - 22px)}#homeBrand .directory-actions{min-height:47px}}@media(max-width:750px){#homeBrand .directory-actions .brand-logo{width:62px;height:62px;top:6px;left:calc(50% - 31px)}}

/* Highlight only the active speaker's name, leaving message formatting intact. */
.bubble .name-tag.speaker-name{min-width:0!important;width:auto!important;background:#e5e5e5!important;background-image:none!important;border-radius:2px;padding:1px 4px!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(min-width:751px){.audio-row #audioBtn,.audio-row #settingsBtn{display:none!important}.audio-row #microphoneBtn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:0 5px}.audio-row #desktopVoiceMonitor{display:inline-flex!important;margin:0}#desktopVoiceMonitor img{width:29px;height:27px;object-fit:contain}}
#desktopVoiceMonitor[data-speaking=true] img,#mobileVoiceMonitor[data-speaking=true] img{animation:voice-pulse .4s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){#desktopVoiceMonitor[data-speaking=true] img,#mobileVoiceMonitor[data-speaking=true] img{animation:none;outline:2px solid #0b93b9}}

.sound-enable{position:fixed;left:12px;bottom:65px;z-index:800;border:1px solid #6d9fae;border-radius:7px;background:#fff;color:#14546c;padding:9px;font:13px Tahoma}.sound-enable[hidden],.room-closed-notice[hidden]{display:none}.room-closed-notice{position:fixed;top:80px;right:12px;z-index:900;background:#fff4d6;border:1px solid #d3aa51;border-radius:6px;padding:10px;color:#664911;font:14px Tahoma}
@media(max-width:750px){
 .person .person-name{white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important;font-size:var(--mobile-name-size,16px)!important}
 .bubble{width:100%;max-width:100%;min-width:0}
 .bubble .bubble-content{display:flex!important;flex-direction:column;align-items:flex-start;width:max-content;min-width:70px;max-width:calc(100% - 40px);flex:0 1 auto;box-sizing:border-box}
 .bubble .name-tag{display:block!important;order:0;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;min-width:0!important;max-width:100%;width:auto;font-size:var(--mobile-name-size,13px)!important;flex:none}
 .bubble .message-text{display:block!important;order:1;width:100%;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
 .bubble .chat-image{order:2}
 .bubble .bubble-content>time{order:3;display:block;align-self:flex-end;margin:5px 0 0;font-size:10px;white-space:nowrap}
}

/* Touch drags are confined to title bars; controls and content keep their input gestures. */
.camera-dialog>header,.interaction-window>header{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.camera-dialog[data-floating=true]{transform:none!important;right:auto!important}
.camera-dialog[data-dragging=true]>header,.interaction-window[data-dragging=true]>header{cursor:grabbing}
.camera-dialog,.interaction-window{max-height:calc(100dvh - 85px);overflow:auto}
.camera-dialog>header,.interaction-window>header{position:sticky;top:0;z-index:2}
@media(max-width:750px){.camera-dialog>header,.interaction-window>header{min-height:36px}.camera-dialog>header span,.interaction-window>header strong{padding:5px 0}}

/* Media controls live in the existing toolbar icons. */
#mediaStage{display:none!important}

/* Authoritative room actions appear in the center of the chat on every screen. */
#messages .room-event{display:block;align-self:center;text-align:center;max-width:95%;margin:8px auto;padding:6px 12px;border-radius:8px;background:linear-gradient(#fafafa,#e3e6e9);font-weight:700;font-size:15px;line-height:1.65;overflow-wrap:anywhere;color:#374151}
#messages .room-event-enter{color:#147a35}#messages .room-event-exit{color:#bf202c}
#messages .room-event-renew{color:#126d91}#messages .room-event-withdraw{color:#93480a}
#messages .room-event-unlimited{color:#6642aa}#messages .room-event-kick{color:#a42347}
#messages .room-event-ban{color:#99321a}#messages .room-event-mute{color:#566273}
#messages .room-event-unmute{color:#08786d}#messages .room-event-suspend{color:#8b481e}
#messages .room-event-unsuspend{color:#287127}#messages .room-event-profile{color:#63548a}

.audio-recovery-notice{position:fixed;right:12px;bottom:105px;z-index:3000;width:min(420px,calc(100vw - 24px));box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px solid #c99b4b;border-radius:8px;background:#fff9e9;color:#674113;font:700 14px/1.7 Tahoma,Arial,sans-serif;box-shadow:0 3px 15px #0003;direction:rtl}.audio-recovery-notice[hidden]{display:none}.audio-recovery-notice button{cursor:pointer;background:#e5f4f6;color:#14626b;border:1px solid #7caaaf;border-radius:5px;padding:7px 12px;font:inherit}

#messages .room-event-name-copy{color:#365a96}