.room-panel{margin:20px 0 23px}.room-channel{font-size:11px;color:#5c7b4f;padding:11px 20px;background:#f0f5e9;border-top:1px solid #e3eadb}.room-channel.connection-warning{color:#a17235;background:#fff5e4}.room-layout-note{padding:11px 20px;font-size:11px;line-height:1.8;color:#a36f2d;background:#fff6e6}.room-roster{overflow:auto;max-height:370px}.room-roster table{width:100%;border-collapse:collapse;min-width:700px;font-size:11px}.room-roster th{text-align:left;background:#fafbf7;color:#8a997c;font-weight:400;padding:11px 17px;border-bottom:1px solid #e6ebdf}.room-roster td{padding:13px 17px;border-bottom:1px solid #eef1e7;color:#758968}.room-roster .person-online{color:#488254}.room-roster .person-warning{color:#b2813e}.room-roster .person-offline{color:#9da48e}.room-actions{white-space:nowrap}.room-actions button{margin-right:13px;font-size:10px}.room-foot{padding:12px 20px;font-size:10px;line-height:1.8;color:#98a58a;display:flex;justify-content:space-between;gap:15px}.room-title-input{display:block;width:100%;padding:11px;border:1px solid #dce3d4;border-radius:4px;margin:0 0 20px;background:#fafbf8;color:#3c553a;font-size:12px}.room-error{font-size:11px;color:#ac6b35;line-height:1.9;min-height:20px}@media(max-width:740px){.room-panel .panel-head{align-items:start}.room-panel .panel-actions{flex-wrap:wrap;justify-content:end;gap:7px}.room-panel .panel-head h2{font-size:13px}.room-roster th,.room-roster td{padding:11px}.room-channel,.room-layout-note{padding:11px 14px}}