/* Głosik v3.4: persistent rooms, server config, invitations. */
.rooms-side-title { margin-top:25px; }
.rooms-side-list { display:flex; flex-direction:column; gap:5px; margin-top:9px; }
.rooms-loading { padding:8px 11px; font-size:11px; color:#8f9db1; }
.room34-side-row { border:1px solid transparent; padding:9px 10px; background:transparent; border-radius:10px; color:#53647d; display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; cursor:pointer; text-align:left; }
.room34-side-row:hover,.room34-side-row.is-active { background:#eef0ff; border-color:#e2e5ff; color:#454de0; }
.room34-side-title { display:flex;align-items:center;gap:7px;min-width:0;font-weight:650;font-size:12px; }
.room34-side-title span:last-child { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.room34-room-symbol { font-size:10px;color:#6676f4; }
.room34-online { font-size:10px;white-space:nowrap;color:#8b9aaf; }
.room34-overlay[hidden],.room34-dialog-content[hidden] { display:none!important; }
.room34-overlay { position:fixed;inset:0;background:rgba(26,34,55,.52);z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px; }
.room34-dialog { background:#fff;color:#23324b;border:1px solid #e4e9f5;border-radius:18px;box-shadow:0 28px 80px rgba(18,35,74,.22);width:min(520px,100%);max-height:calc(100dvh - 24px);overflow-y:auto; }
.room34-dialog-head { padding:18px 21px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #ecf0f7;gap:12px; }
.room34-dialog-head h2 { margin:4px 0 0;font-size:20px; }
.room34-dialog-content { display:flex;flex-direction:column;gap:12px;padding:17px 21px 5px; }
.room34-dialog-content p { margin:0;color:#748399;font-size:13px;line-height:1.5; }
.room34-dialog-content label { color:#586b88;font-size:12px;font-weight:650; }
.room34-dialog-content input { width:100%;padding:11px 12px;min-height:40px;border:1px solid #dbe4f2;border-radius:9px;background:#f9fbff;color:#293e5e;font-size:13px; }
.room34-qr { display:block;width:min(300px,90%);max-width:300px;height:auto;aspect-ratio:1;margin:4px auto 2px;background:#fff;image-rendering:pixelated;border:1px solid #edf0f7;border-radius:8px;padding:9px; }
.room34-modal-actions { display:flex;flex-wrap:wrap;gap:9px; }
.room34-hint { padding:9px;border-radius:9px;background:#f7f9fd; }
#room34ModalMessage { min-height:22px;padding:9px 21px 18px;margin:0; }
.room34-picker-list { display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow:auto; }
.room34-pick { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;background:#f7f9ff;border:1px solid #e5eaf6;border-radius:11px;padding:12px;text-align:left;cursor:pointer; }
.room34-pick.is-active { border-color:#6974f2;background:#f0f1ff; }
.room34-desc { width:100%;color:#7889a3;font-size:11px; }
.room34-admin-section { padding-bottom:21px; }
.room34-admin-list { display:flex;flex-direction:column;gap:7px;margin:8px 0 15px;max-height:245px;overflow:auto; }
.room34-admin-row { display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 11px;background:#f6f8fd;border:1px solid #e5ebf4;border-radius:10px; }
.room34-admin-row-text { display:flex;flex-direction:column;gap:3px;min-width:0; }
.room34-admin-row-text strong {font-size:12px;overflow:hidden;text-overflow:ellipsis;}
.room34-admin-row-text small { color:#8091a8;font-size:11px;overflow-wrap:anywhere; }
.room34-admin-row-actions {display:flex;gap:5px;flex-shrink:0;}
.room34-admin-row-actions button {padding:7px 9px;font-size:11px;}
.room34-form { display:flex;flex-direction:column;gap:10px; }
.room34-form label:not(.admin-toggle) { display:flex;flex-direction:column;gap:5px;color:#536782;font-size:11px;font-weight:650;min-width:0; }
.room34-form input:not([type=checkbox]) { width:100%;min-width:0;padding:9px 10px;border-radius:8px;border:1px solid #dce4ef;background:#fff;color:#203756;font:inherit; }
.room34-field-row { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.room34-three-fields {grid-template-columns:repeat(3,minmax(0,1fr));}
.room34-form-foot,.room34-danger-foot {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.room34-danger-foot {margin-top:14px;}
.room34-form-foot button { flex-shrink:0; }
#roomsOpenBtn {display:none;}
@media(max-width:900px) {
  #roomsOpenBtn {display:inline-flex;}
  .rooms-side-list,.rooms-side-title {display:none;}
  .room34-overlay {padding:9px;align-items:center;}
  .room34-dialog {max-height:calc(100dvh - 18px);}
  .room34-dialog-head {padding:15px 16px;}
  .room34-dialog-content {padding:14px 16px;}
  #room34ModalMessage {padding:8px 16px 14px;}
}
@media(max-width:470px) {
  #roomsOpenBtn .btn-label {display:none;}
  .room34-field-row:not(.room34-three-fields) {grid-template-columns:1fr;}
  .room34-three-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
  .room34-admin-row {flex-direction:column;align-items:stretch;}
  .room34-admin-row-actions {align-self:flex-end;}
}