:root{--theme-title:#427f80;--theme-background:#60abad;--theme-frame:#b0d7d7;--theme-event:#06474b;--theme-text:#000;--room-bar:var(--theme-background);--room-dark:var(--theme-title);--room-bg:color-mix(in srgb,var(--theme-background) 30%,white);--room-panel:color-mix(in srgb,var(--theme-frame) 30%,white)}
/* Anchor writing and displayed messages to the left while preserving Arabic bidi. */
#message,.compose #message,.bubble .message-text{ text-align:left!important }
.message-text{color:var(--theme-text)}.room-event{color:var(--theme-event)}
.desktop-only{display:initial}
#announcementPanel form{background:white;width:min(480px,95vw);direction:rtl;border:1px solid var(--theme-title)}#announcementPanel h3{background:var(--theme-frame);padding:10px;margin:0;font:16px Tahoma}#announcementPanel textarea{width:calc(100% - 20px);margin:10px;min-height:110px;padding:10px;font:15px Tahoma;text-align:left}
@media(min-width:751px){
 body.in-room{background:var(--theme-background)}.window-title{background:var(--theme-title)}
 .classic-menu,.audio-row,.member-toolbar,.chat-tabs,.compose-tools,.member-bottom,.statusbar{background:linear-gradient(var(--theme-frame),var(--theme-background))}
 .classic-menu{border-color:var(--theme-frame)}.members,.chat{border-color:var(--theme-frame)}.chat-tabs #allTab{border-color:var(--theme-background)}
 .member-toolbar{height:36px;padding:3px 3px;gap:4px;align-items:center}
 .member-toolbar>button{background-image:none!important;min-width:25px;width:27px;height:29px;padding:0;flex:none;font-size:12px}
 .member-toolbar>button:disabled{opacity:.4;cursor:not-allowed}.member-toolbar img{width:27px;height:27px;object-fit:contain;display:block;border-radius:50%}
 .member-toolbar #meBtn{border:0;min-width:42px;width:auto;color:#173c3f;background:transparent;padding:0 4px;text-align:left}
 .member-toolbar .toolbar-gap{flex:1;min-width:3px}
 .member-bottom{height:38px;min-height:38px;display:flex;align-items:center;gap:7px;direction:ltr;padding:2px 6px;font-size:11px}
 .member-bottom #queueMic{order:0;width:auto;display:flex;align-items:center;gap:3px;padding:0;min-width:50px;color:#1a464a}
 .member-bottom #mutePlayback{order:1;display:flex;align-items:center;gap:3px;width:auto;min-width:51px;padding:0;background:none;border:0;font:11px Tahoma;color:#1a464a}
 #mutePlayback svg{width:25px;height:25px;flex:none}#mutePlayback[aria-pressed=true]{background:#fff7!important;border-radius:4px}
 .member-bottom>span:first-child{order:2;flex:1;text-align:center;font-size:9px}.member-bottom .bottom-spacer{display:none}
 .member-bottom #mixerBtn{order:3;margin-left:auto;width:33px;flex:none}
 .room-brand{color:var(--theme-title);text-shadow:none;background:#fff;font-size:30px}
 #roomAdmin{inset:12vh 4vw auto max(310px,20vw);width:auto;height:min(660px,82vh);min-width:650px;max-width:1150px;border:3px ridge var(--theme-frame);box-shadow:0 2px 6px #0006;padding:0;display:grid;grid-template-columns:175px minmax(0,1fr);grid-template-rows:30px 24px minmax(0,1fr) 22px;direction:ltr;background:var(--theme-background);z-index:65}
 #roomAdmin>header{grid-column:1/-1;grid-row:1;min-height:0;height:30px;background:var(--theme-title);border:0;padding:2px 6px;gap:6px;justify-content:flex-end;direction:ltr}
 #roomAdmin>header>nav{display:none}#roomAdmin>header>img{width:24px;height:24px;border-radius:50%;margin-right:auto}
 #roomAdmin>header>button{font-size:20px;background:#b51c24;color:white;border-radius:2px;width:21px;height:21px;line-height:18px;order:2;padding:0}
 #roomAdmin>h2{grid-column:1/-1;grid-row:2;background:linear-gradient(var(--theme-frame),var(--theme-background));font:12px Tahoma;color:#143a3d;text-align:right;padding:4px 12px;border-bottom:1px solid var(--theme-title)}
 #desktopAdminNav{grid-column:1;grid-row:3;display:flex;flex-direction:column;padding:6px 4px;background:var(--theme-background);border:1px solid var(--theme-title);margin:4px 0 4px 4px;gap:1px;direction:ltr;overflow:auto}
 #desktopAdminNav button{display:flex;align-items:center;gap:8px;min-height:43px;padding:5px 4px;text-align:left;font:12px Tahoma;border:1px solid transparent;background:transparent;color:#143a3d;flex:none}
 #desktopAdminNav button.selected{background:#ffffff2a;border:1px solid var(--theme-frame)}#desktopAdminNav img{width:32px;height:32px;object-fit:contain;border-radius:50%;flex:none}
 #roomAdmin #adminContent{grid-column:2;grid-row:3;direction:rtl;overflow:auto;padding:5px;margin:4px;border:1px solid var(--theme-title);background:#fff;min-height:0}
 #roomAdmin #adminStatus{grid-column:1/-1;grid-row:4;padding:2px 10px;background:var(--theme-background);font:11px Tahoma}
 #roomAdmin label{font:12px Tahoma;gap:5px;margin:7px 0}#roomAdmin h3{font:bold 13px Tahoma;margin:8px 0}
 #roomAdmin input:not([type=radio],[type=checkbox],[type=range],[type=color]),#roomAdmin textarea,#roomAdmin select{font:12px Tahoma;padding:5px;border:1px solid #aaa}
 #roomAdmin input[type=checkbox],#roomAdmin input[type=radio]{width:15px;height:15px}
 .desktop-settings-tabs{display:flex;direction:ltr;align-items:stretch;border:1px solid var(--theme-title);background:var(--theme-frame);min-height:33px;position:sticky;top:0;z-index:1}
 #roomAdmin .desktop-settings-tabs button{border:0;border-right:1px solid #729b9d;border-radius:0;background:linear-gradient(#fff,var(--theme-frame));color:#173b3d;flex:1;padding:6px 3px;font:11px Tahoma;white-space:nowrap}
 #roomAdmin .desktop-settings-tabs button.selected{background:var(--theme-background);font-weight:bold}
 #desktopRoomSettings{display:flex;flex-direction:column;min-height:calc(100% - 34px)}.desktop-settings-body{padding:8px 7px;flex:1}
 .desktop-settings-body.design-settings{display:grid;grid-template-columns:minmax(230px,1fr) minmax(220px,1fr);gap:12px;direction:ltr;align-items:start}
 .theme-controls{direction:rtl;min-width:0}.theme-controls label{justify-content:space-between;direction:rtl}.theme-controls input[type=color]{height:20px;width:42px;border:1px solid #aaa;padding:0}
 .theme-controls label:has(input[type=text]),.theme-controls label:has(textarea){flex-direction:column;align-items:stretch}
 .theme-controls select{width:150px!important}.theme-controls input[type=checkbox]{margin-right:auto}
 .theme-controls textarea{height:85px;min-height:65px;text-align:left;resize:vertical}
 #desktopRoomSettings footer{position:sticky;bottom:-5px;margin:0 -5px -5px;padding:7px 12px;background:linear-gradient(var(--theme-frame),var(--theme-background));text-align:right;direction:rtl}
 #desktopRoomSettings footer button{background:transparent!important;border:0;color:#174b3e!important;font:12px Tahoma}
 .theme-preview{border:3px ridge var(--preview-frame);height:285px;min-width:0;margin-top:7px;background:var(--preview-background);font:10px Tahoma;direction:ltr;color:var(--preview-text)}
 .theme-preview>header{display:flex;align-items:center;gap:4px;height:25px;background:var(--preview-title);color:white;padding:2px;overflow:hidden;white-space:nowrap;font-size:10px}
 .theme-preview img{width:21px;height:21px;border-radius:50%}.theme-preview>nav{height:19px;background:var(--preview-frame);color:#345;padding:3px;text-align:left;font-size:9px}
 .preview-body{display:grid;grid-template-columns:25% 1fr;gap:3px;height:calc(100% - 68px);padding:3px}.preview-body aside{white-space:pre-line;background:white;padding:7px 3px;text-align:left;line-height:2.5;color:#278c6d}.preview-body article{background:white;text-align:left;padding:4px;overflow:hidden}.preview-body b{display:block;background:var(--preview-frame);font-size:9px;padding:4px}.preview-body p{font:10px/1.7 Tahoma}.preview-body small{font-size:8px;color:var(--preview-event)}.theme-preview>footer{height:24px;background:var(--preview-frame);text-align:left;font-size:9px;padding:5px}
 .desktop-data-table{border-collapse:collapse;min-width:100%;font:11px Tahoma;direction:ltr;text-align:left}.desktop-data-table th{background:linear-gradient(var(--theme-frame),var(--theme-background));border:1px solid #8bacaf;font-weight:normal;padding:6px;white-space:nowrap;position:sticky;top:0}.desktop-data-table td{border-bottom:1px solid #ddd;padding:6px;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.desktop-data-table tr:nth-child(even){background:#f1f8f8}.table-count{background:var(--theme-frame);padding:7px;margin:0;text-align:left;font:11px Tahoma}
 body[data-room-flat=true] .classic-menu,body[data-room-flat=true] .member-toolbar,body[data-room-flat=true] .compose-tools,body[data-room-flat=true] .member-bottom,body[data-room-flat=true] .chat-tabs{background:var(--theme-frame)}
 body[data-chat-layout=bubbles] .bubble-content{display:block;border-radius:9px;background:color-mix(in srgb,var(--theme-frame) 20%,white);padding:8px;max-width:90%}body[data-chat-layout=bubbles] .bubble .message-text{display:block}
}
@media(max-width:750px){
 .desktop-only{display:none!important}#desktopAdminNav{display:none!important}.member-toolbar .toolbar-gap{display:none}
 .conversation{background-color:var(--room-bg);background-image:linear-gradient(color-mix(in srgb,var(--room-bg) 93%,transparent),color-mix(in srgb,var(--room-bg) 93%,transparent)),url('/roomsyria-logo.png')}
 body[data-chat-layout=classic] .bubble-content{background:transparent;border-radius:0;padding:0}body[data-chat-layout=classic] .bubble-content:before{display:none}
}

@media(min-width:751px){
 #roomAdmin{left:max(12px,min(20vw,310px));min-width:0}
 #roomAdmin>header>button{font-size:0}#roomAdmin>header>button:after{content:'×';font:bold 20px Arial}
 .member-bottom #queueMic span{font:11px Tahoma}
}
@media(min-width:751px) and (max-width:1100px){
 #roomAdmin{grid-template-columns:140px minmax(0,1fr);left:12px;right:12px;top:8vh;height:84vh}
 .desktop-settings-body.design-settings{grid-template-columns:minmax(0,1fr)}.theme-preview{height:220px}.desktop-settings-tabs{flex-wrap:wrap}
 #roomAdmin .desktop-settings-tabs button{flex:1 0 30%}
}