.open-chats {position:relative;display:inline-flex;gap:0;align-items:center;justify-content:center;min-height:40px;padding:4px 7px;border:1px solid #b8a8ad;border-radius:11px;background:#fcfaf7;cursor:pointer;}
.open-chats .white-rats {font:23px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;white-space:nowrap;}
.rooms-total,.room-unread {display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 5px;border-radius:50%;background:#8c626e;color:white;font-size:18px;line-height:1;}
.rooms-total {position:absolute;top:-8px;right:-8px;}
.chat-title-button {min-width:0;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:#65414a;font:inherit;font-size:20px;padding:3px;cursor:pointer;}
.chat-title-button:disabled {color:#65414a;opacity:1;cursor:default;}
.rooms-overlay {position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px;background:#262224b8;}
body.rooms-open {overflow:hidden;}
.rooms-overlay[hidden] {display:none;}
.rooms-panel {width:min(480px,100%);max-height:85dvh;overflow:auto;background:#fcfaf7;color:#30363c;border:1px solid #d6c4c5;border-radius:18px;padding:16px;box-shadow:0 8px 35px #0003;}
.rooms-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;}
.rooms-heading h2,.rooms-content h3 {margin:0;font-size:29px;}
.rooms-panel button,.rooms-panel input {font:inherit;font-size:22px;}
.rooms-panel button {min-height:44px;padding:6px 12px;border:1px solid #b8a8ad;border-radius:10px;background:#f2e9e3;color:#65414a;cursor:pointer;}
.rooms-panel button:disabled {opacity:.5;cursor:default;}
.room-list {display:grid;gap:7px;margin-bottom:14px;}
.rooms-panel .room-row {display:flex;align-items:center;gap:10px;text-align:left;width:100%;background:#fffdfa;}
.rooms-panel .room-row.is-current {background:#f5e7df;border-color:#8c626e;}
.room-labels {display:flex;flex:1;flex-direction:column;min-width:0;}
.room-name {font-size:25px;overflow-wrap:anywhere;line-height:1.1;}
.room-people {font-size:19px;color:#667085;line-height:1.15;overflow-wrap:anywhere;margin:4px 0;}
.room-unread {flex-shrink:0;border-radius:12px;}
.room-profile {font-size:21px;margin:12px 0 0;color:#667085;}
.room-form {display:flex;flex-direction:column;gap:10px;}
.room-name-input {width:100%;min-height:44px;border:1px solid #b8a8ad;border-radius:9px;padding:7px;background:white;color:#30363c;}
.room-candidates {display:grid;gap:6px;max-height:40dvh;overflow:auto;}
.room-candidate {display:flex;align-items:center;gap:10px;min-height:44px;font-size:23px;}
.room-candidate input {width:21px;height:21px;accent-color:#8c626e;}
.rooms-status {font-size:20px;color:#8a263c;}
.rooms-panel .room-delete {color:#8a263c;}
.rooms-panel .room-delete-confirm {background:#8a3d51;color:#fff;border-color:#8a3d51;margin:8px 8px 8px 0;}
.room-delete-name {overflow-wrap:anywhere;font-size:25px;margin:10px 0;}
.rooms-content>button {margin:6px 6px 6px 0;}
@media(max-width:420px){.open-chats .white-rats{font-size:21px;}.chat-title-button{max-width:105px;font-size:18px;}.rooms-panel{padding:12px;}.chat-toolbar{gap:6px;}}