.room-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:0 0 13px}
.room-tabs button{border:1px solid #ddd;background:#fff;border-radius:11px;padding:9px 6px;font-size:9px;font-weight:800;color:#555}
.room-tabs button.active{background:var(--red);border-color:var(--red);color:#fff}
.room-tabs b{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:8px;background:#0001;margin-left:3px}
.room-list{display:grid;gap:8px;margin-bottom:12px}
.room-empty{background:#fff;border:1px dashed #ccc;border-radius:14px;padding:30px 15px;text-align:center;color:#888;font-size:10px}
.room-item{display:grid;grid-template-columns:50px 1fr;gap:9px;background:#fff;border:1px solid #e5e5e8;border-radius:14px;padding:8px;align-items:center}
.room-item img,.room-placeholder{width:50px;height:50px;border-radius:10px;object-fit:cover}
.room-placeholder{display:grid;place-items:center;background:var(--red);color:#fff;font-weight:900}
.room-item>div:nth-child(2){min-width:0}.room-item b,.room-item small{display:block}.room-item b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-item small{font-size:8px;color:#888;margin-top:4px}
.room-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}.room-actions button{border:0;border-radius:8px;background:#222;color:#fff;padding:6px 8px;font-size:8px}.room-actions .danger{background:#fff0f1;color:#c91628}
.app.dark .room-tabs button,.app.dark .room-empty,.app.dark .room-item{background:#202025;color:#eee;border-color:#38383f}.app.dark .room-tabs button.active{background:var(--red);border-color:var(--red)}