/* FILE: /chat/assets/css/app.css */
/* RedsBlack Chat Full Alpha v1 — bright/mobile-first UI locked to approved concept. */
:root{
  --bg:#f6f8fc;
  --card:#ffffff;
  --card2:#f9fbff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e7ecf5;
  --blue:#1d73f8;
  --blue2:#65b7ff;
  --red:#ef233c;
  --red2:#ff5d70;
  --redSoft:#fff0f2;
  --green:#17c964;
  --shadow:0 18px 55px rgba(30, 50, 90, .10);
  --shadow2:0 8px 30px rgba(30, 50, 90, .08);
  --radius:24px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background:radial-gradient(circle at 20% -10%, #fff4f5 0, transparent 35%),
             radial-gradient(circle at 90% 10%, #eef6ff 0, transparent 35%),
             var(--bg);
  color:var(--text);
}
a{color:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer}
textarea{resize:vertical;min-height:90px}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:var(--text);
  font-size:20px;
  font-weight:900;
  letter-spacing:-.03em;
}
.brand em{font-style:normal;color:var(--red)}
.brand-mark{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#e9f3ff,#fff1f2);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
.brand.centered{justify-content:center;margin-bottom:10px}

.btn{
  border:0;
  border-radius:16px;
  padding:11px 16px;
  font-weight:900;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.btn.primary{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 12px 30px rgba(239,35,60,.22)}
.btn.ghost{background:#fff;color:#111827;border:1px solid var(--line)}
.btn.big{padding:14px 20px;border-radius:18px}
.btn.full{width:100%}
.btn.danger{background:linear-gradient(135deg,#b91c1c,#ef4444)}

.muted{color:var(--muted);line-height:1.55}
.alert{border-radius:16px;padding:12px 14px;margin:14px 0;font-size:14px}
.alert.error{background:#fff1f2;color:#b42318;border:1px solid #ffd7dd}
.hidden{display:none!important}

/* Landing */
.landing{min-height:100vh;padding:28px}
.landing-nav{
  max-width:1180px;
  margin:0 auto 44px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.landing-actions{display:flex;gap:10px;align-items:center}
.hero{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 410px;
  gap:46px;
  align-items:center;
}
.eyebrow{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  color:var(--red);
  font-weight:900;
  box-shadow:var(--shadow2);
}
.hero h1{
  font-size:clamp(38px,6vw,72px);
  line-height:.96;
  margin:18px 0;
  letter-spacing:-.055em;
}
.hero p{font-size:18px;color:#4b5563;max-width:650px;line-height:1.65}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.feature-pills span{
  padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#4b5563;font-weight:800;font-size:14px
}
.phone-preview{
  min-height:720px;
  background:#fff;
  border-radius:42px;
  border:1px solid #edf1f8;
  padding:22px;
  box-shadow:0 30px 90px rgba(20,30,70,.16);
}
.phone-top{display:flex;justify-content:space-between;color:#111;font-weight:900;margin-bottom:24px}
.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.preview-header b{font-size:22px}
.preview-header small{display:block;color:var(--muted);margin-top:3px}
.preview-header button,.icon-btn{
  border:0;border-radius:16px;background:#f1f5fb;width:42px;height:42px;font-size:22px;color:var(--blue)
}
.status-preview{
  display:flex;gap:8px;overflow:hidden;margin:10px 0 16px;
}
.status-preview span{
  display:flex;align-items:center;gap:6px;
  border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-weight:800;font-size:13px;white-space:nowrap;
}
.status-preview img{width:24px;height:24px;border-radius:50%}
.preview-tabs,.tab-row{display:flex;gap:10px;margin:14px 0;overflow:auto;scrollbar-width:none}
.preview-tabs::-webkit-scrollbar,.tab-row::-webkit-scrollbar{display:none}
.preview-tabs span,.chip{
  border:0;
  padding:10px 14px;
  border-radius:999px;
  background:#f1f4f9;
  color:#4b5563;
  font-weight:900;
  white-space:nowrap;
}
.preview-tabs .active,.chip.active{
  background:linear-gradient(135deg,var(--blue),#59c9ff);
  color:#fff;
  box-shadow:0 12px 28px rgba(29,115,248,.20);
}
.chat-list-demo{display:grid;gap:10px}
.mini-chat{
  display:grid;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:20px;
}
.mini-chat.active{background:#f1f6ff}
.mini-chat img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.mini-chat b,.mini-chat small{display:block}
.mini-chat small{color:var(--muted);margin-top:4px}
.mini-chat i{
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-style:normal;font-size:12px;font-weight:900
}
.message-demo{margin-top:26px;background:#f8fbff;border-radius:24px;padding:16px}
.bubble{
  max-width:78%;
  padding:12px 14px;
  border-radius:18px;
  box-shadow:var(--shadow2);
  margin:8px 0;
  font-size:14px;
}
.bubble.left{background:#fff;border-top-left-radius:6px}
.bubble.right{background:#e7f1ff;color:#0f57c6;margin-left:auto;border-top-right-radius:6px}
.demo-photo{
  width:82%;height:145px;border-radius:18px;margin:10px 0;
  background:linear-gradient(135deg,#ffceb4,#6bb6ff);
  position:relative;overflow:hidden;
}
.demo-photo:after{
  content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,#fff 0 5%,transparent 6%),
  linear-gradient(to top,rgba(0,0,0,.35),transparent 45%);
}
.landing-footer{
  max-width:1180px;margin:34px auto 0;display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-weight:800
}

/* Auth / legal */
.auth-page,.legal-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
}
.legal-page{display:block;max-width:900px;margin:0 auto}
.auth-card,.legal-card{
  width:min(480px,100%);
  background:rgba(255,255,255,.9);
  border:1px solid var(--line);
  border-radius:30px;
  padding:28px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
}
.legal-card{width:100%;margin-top:24px;line-height:1.7}
.legal-card h1{font-size:36px;letter-spacing:-.04em}
.legal-card h2{margin-top:28px}
.auth-card h1{text-align:center;margin:12px 0 8px;font-size:34px;letter-spacing:-.03em}
.auth-card .muted{text-align:center;margin-bottom:20px}
.auth-form{display:grid;gap:14px}
.auth-form label{display:grid;gap:7px;font-size:14px;font-weight:800;color:#374151}
.auth-form input,.auth-form textarea,.modal-card input,.modal-card textarea{
  width:100%;
  border:1px solid var(--line);
  background:#f9fbff;
  border-radius:16px;
  padding:13px 14px;
  outline:none;
}
.auth-form input:focus,.auth-form textarea:focus,.modal-card input:focus,.modal-card textarea:focus{
  border-color:#9cc8ff;box-shadow:0 0 0 4px rgba(29,115,248,.10)
}
.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:700!important}
.check-row input{width:auto!important;margin-top:3px}
.check-row a{color:var(--blue);font-weight:900}
.auth-switch{text-align:center;color:var(--muted)}
.auth-switch a{color:var(--blue);font-weight:900}

/* App */
.app-shell{
  height:100dvh;
  display:grid;
  grid-template-columns:224px 332px minmax(0,1fr) 300px;
  background:rgba(255,255,255,.42);
}
.app-sidebar,.list-panel,.chat-panel,.info-panel{
  min-height:0;
  border-right:1px solid var(--line);
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
}
.app-sidebar{
  display:flex;
  flex-direction:column;
  padding:18px 14px;
}
.app-brand{font-size:18px;margin:0 4px 24px}
.side-nav{display:grid;gap:8px}
.side-link{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  background:transparent;
  color:#374151;
  padding:13px 12px;
  border-radius:16px;
  font-weight:900;
  text-align:left;
  text-decoration:none;
}
.side-link i{
  margin-left:auto;
  width:22px;height:22px;border-radius:50%;
  background:var(--blue);color:#fff;display:none;place-items:center;font-style:normal;font-size:12px;
}
.side-link.has-badge i{display:grid}
.side-link.active{background:#eef5ff;color:#0f57c6}
.side-user{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
}
.side-user img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.side-user b,.side-user small{display:block}
.side-user small{color:var(--muted);font-size:12px}
.side-user a{margin-left:auto;text-decoration:none;color:#6b7280}

.dot{
  display:inline-block;
  width:8px;height:8px;border-radius:50%;
  background:#9ca3af;margin-right:5px;
}
.dot.online{background:var(--green)}

.list-panel{
  padding:20px 16px;
  overflow:auto;
}
.mobile-app-top{display:none}
.status-row{
  display:flex;
  gap:10px;
  overflow:auto;
  padding:4px 0 2px;
  margin:16px 0 6px;
  scrollbar-width:none;
}
.status-row::-webkit-scrollbar{display:none}
.status-pill{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:7px 11px 7px 7px;
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  color:#334155;
  font-weight:900;
  box-shadow:0 6px 18px rgba(20,40,80,.05);
}
.status-pill.active{
  background:linear-gradient(135deg,#fff,#eef6ff);
  border-color:#cfe3ff;
}
.status-pill span:not(.status-avatar){
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  background:#f2f5fa;
}
.status-avatar img{
  width:30px;height:30px;border-radius:50%;object-fit:cover;
}
.panel-header{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.panel-header h1{margin:0;font-size:26px;letter-spacing:-.03em}
.panel-header p{margin:4px 0 0;color:var(--muted);font-size:13px}
.search-wrap{
  margin-top:18px;
  display:flex;align-items:center;
  gap:8px;
  background:#f2f5fa;
  border:1px solid #e9edf5;
  border-radius:16px;
  padding:0 12px;
}
.search-wrap input{
  border:0;outline:0;background:transparent;width:100%;
  padding:12px 0;color:var(--text);
}
.chat-list,.room-list{display:grid;gap:8px;margin-top:14px}
.chat-item,.room-item{
  width:100%;
  border:0;
  background:transparent;
  display:grid;
  grid-template-columns:52px 1fr auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  text-align:left;
  color:var(--text);
}
.chat-item:hover,.room-item:hover,.chat-item.active,.room-item.active{
  background:#f1f6ff;
}
.room-card{
  width:100%;
  border:1px solid var(--line);
  background:linear-gradient(135deg,#ffffff,#f7fbff);
  display:grid;
  grid-template-columns:56px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:22px;
  text-align:left;
  color:var(--text);
  box-shadow:0 10px 28px rgba(20,40,80,.06);
}
.room-card.active,.room-card:hover{
  border-color:#cfe3ff;
  box-shadow:0 16px 38px rgba(29,115,248,.10);
}
.room-card-icon{
  width:56px;height:56px;border-radius:20px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#fff0f2,#eef6ff);
  border:1px solid #fff;
  font-size:25px;
}
.room-card-copy{min-width:0}
.room-card-copy b,.room-card-copy small,.room-card-copy em{display:block}
.room-card-copy small{
  color:var(--muted);
  margin-top:3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.room-card-copy em{
  color:#0f57c6;
  font-style:normal;
  font-weight:900;
  font-size:12px;
  margin-top:7px;
}
.room-open{
  background:#eef5ff;color:#0f57c6;
  padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;
}
.chat-item img,.room-item .room-icon{
  width:52px;height:52px;border-radius:50%;object-fit:cover;
}
.avatar-wrap{position:relative;width:52px;height:52px}
.avatar-wrap img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.avatar-wrap .presence{
  position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;
  border:2px solid #fff;background:#9ca3af;
}
.avatar-wrap .presence.on{background:var(--green)}
.chat-item b,.chat-item small,.room-item b,.room-item small{display:block}
.chat-item small,.room-item small{color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.chat-meta{text-align:right;color:var(--muted);font-size:12px}
.chat-meta em{font-style:normal;display:block}
.badge{
  margin-top:6px;
  min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--red);color:#fff;
  display:inline-grid;place-items:center;font-weight:900;font-size:12px;font-style:normal;
}
.empty-small{
  padding:18px;border:1px dashed #d8e0ed;border-radius:18px;color:var(--muted);text-align:center;background:#fff;
}
.error-text{color:#b42318}

.chat-panel{
  display:grid;
  grid-template-rows:76px minmax(0,1fr) auto;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(249,251,255,.82));
}
.chat-header{
  display:flex;align-items:center;gap:12px;
  padding:14px 18px;
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(16px);
}
.mobile-back{display:none}
.chat-header img{
  width:48px;height:48px;border-radius:50%;object-fit:cover;
}
.chat-title{min-width:0}
.chat-title b,.chat-title small{display:block}
.chat-title b{font-size:17px}
.chat-title small{color:var(--muted);font-size:13px}
.chat-actions{margin-left:auto;display:flex;gap:8px}
.round-action{
  width:40px;height:40px;border:0;border-radius:50%;
  background:#f1f4f9;color:#4b5563;
}
.messages{
  overflow:auto;
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:
    radial-gradient(circle at 15% 20%,rgba(29,115,248,.05),transparent 24%),
    radial-gradient(circle at 90% 70%,rgba(239,35,60,.04),transparent 28%);
}
.empty-state{
  margin:auto;
  text-align:center;
  max-width:360px;
  color:var(--muted);
}
.empty-icon{font-size:46px}
.empty-state h2{color:var(--text);margin-bottom:6px}
.day-divider{
  align-self:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 12px;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  box-shadow:var(--shadow2);
  margin:6px 0 12px;
}
.msg{
  max-width:min(72%,680px);
  display:grid;
  gap:5px;
}
.msg.mine{align-self:flex-end}
.msg.theirs{align-self:flex-start}
.msg-bubble{
  position:relative;
  padding:11px 13px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(20,40,80,.08);
  border:1px solid rgba(231,236,245,.75);
  overflow:hidden;
  word-wrap:break-word;
}
.msg.mine .msg-bubble{
  background:linear-gradient(135deg,#e9f3ff,#dcecff);
  color:#0e4ea9;
  border-color:#cfe3ff;
}
.msg-delete{
  position:absolute;top:4px;right:5px;
  width:20px;height:20px;border:0;border-radius:50%;
  background:rgba(255,255,255,.7);color:#6b7280;font-weight:900;opacity:0;
}
.msg-bubble:hover .msg-delete{opacity:1}
.sender-name{display:block;color:#ef233c;font-size:12px;margin-bottom:4px}
.msg-text{white-space:pre-wrap;line-height:1.45}
.msg-media{margin-top:8px}
.msg-media img{
  max-width:320px;width:100%;border-radius:16px;display:block;
}
.msg-media video{max-width:340px;width:100%;border-radius:16px;display:block;background:#000}
.msg-media audio{width:260px;max-width:100%}
.file-link{
  display:inline-flex;gap:8px;align-items:center;text-decoration:none;
  background:#f7f9fd;padding:10px 12px;border-radius:12px;color:#111827;
}
.msg-meta{
  color:#8a94a6;
  font-size:11px;
  padding:0 4px;
}
.msg.mine .msg-meta{text-align:right}
.composer{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 42px 42px 48px;
  gap:8px;
  padding:12px 16px calc(12px + var(--safe-bottom));
  border-top:1px solid var(--line);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
}
.composer input[name="body"]{
  border:1px solid var(--line);
  outline:0;
  border-radius:999px;
  background:#f8fafc;
  padding:0 16px;
  min-width:0;
}
.attach-btn,.emoji-btn,.mic-btn,.send-btn{
  border:0;border-radius:50%;
  display:grid;place-items:center;
}
.attach-btn,.emoji-btn,.mic-btn{background:#f1f4f9;color:#4b5563}
.send-btn{background:linear-gradient(135deg,var(--blue),#59c9ff);color:#fff;font-weight:900;box-shadow:0 10px 26px rgba(29,115,248,.22)}

.info-panel{
  padding:18px;
  overflow:auto;
  border-right:0;
}
.profile-card{
  text-align:center;
  padding:14px 8px 18px;
}
.profile-card>img{
  width:92px;height:92px;border-radius:50%;object-fit:cover;
  box-shadow:0 10px 28px rgba(20,40,80,.12);
}
.profile-card h2{font-size:20px;margin:12px 0 4px}
.profile-card p{margin:0;color:var(--muted)}
.profile-actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:18px;
}
.profile-actions button{
  border:0;background:#f3f6fb;border-radius:18px;padding:10px 4px;
  color:#1d4ed8;font-weight:900;
}
.profile-actions span{display:block;color:#6b7280;font-size:11px;margin-top:4px}
.info-section{
  border-top:1px solid var(--line);
  padding-top:16px;
  margin-top:16px;
}
.info-section header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.info-section h3{margin:0 0 10px;font-size:15px}
.info-section p{color:var(--muted);font-size:14px;line-height:1.55}
.info-section button{border:0;background:transparent;color:var(--blue);font-weight:900}
.media-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.media-grid img,.media-grid video,.media-thumb{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#eef2f8;display:grid;place-items:center;
}
.media-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.media-list:not(.hidden){display:grid}
.media-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow2)
}
.media-card img,.media-card video{width:100%;aspect-ratio:1.25/1;object-fit:cover;display:block}
.media-card div{padding:10px;font-size:13px;color:var(--muted)}
.trust-strip{display:flex;flex-wrap:wrap;gap:8px}
.trust-strip span{
  font-size:12px;font-weight:900;color:#4b5563;background:#f3f6fb;border-radius:999px;padding:8px 10px
}
.bottom-nav{display:none}

/* Profile mobile */
.mobile-profile-card{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:22px 16px;
  text-align:center;
  box-shadow:var(--shadow2);
  overflow:hidden;
}
.profile-hero-bg{
  position:absolute;left:0;right:0;top:0;height:88px;
  background:linear-gradient(135deg,#fff0f2,#eef6ff);
}
.mobile-profile-card>img{
  position:relative;
  width:92px;height:92px;border-radius:50%;object-fit:cover;
  border:5px solid #fff;
  box-shadow:0 12px 30px rgba(20,40,80,.12);
}
.mobile-profile-card h2{position:relative;margin:10px 0 4px}
.mobile-profile-card p{position:relative;color:var(--muted);margin:0 0 16px}
.profile-quick-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:16px 0;
}
.profile-quick-actions button{
  border:0;background:#f3f6fb;border-radius:18px;padding:11px 4px;font-weight:900;color:#0f57c6;
}
.profile-quick-actions span{display:block;font-size:11px;color:#6b7280;margin-top:4px}
.settings-list{display:grid;gap:8px;margin:16px 0}
.settings-list button{
  border:1px solid var(--line);
  background:#fff;
  border-radius:16px;
  padding:12px;
  display:grid;
  gap:3px;
  text-align:left;
}
.settings-list span{color:var(--muted);font-size:12px}

/* Modal */
.modal-backdrop{
  position:fixed;inset:0;z-index:100;
  display:grid;place-items:center;
  background:rgba(15,23,42,.35);
  padding:18px;
}
.modal-card{
  position:relative;
  width:min(430px,100%);
  background:#fff;
  border-radius:28px;
  padding:24px;
  border:1px solid var(--line);
  box-shadow:0 30px 90px rgba(15,23,42,.24);
  display:grid;
  gap:12px;
}
.modal-card h2{margin:0}
.modal-card label{font-weight:900;color:#374151;display:grid;gap:7px}
.modal-close{
  position:absolute;top:12px;right:12px;
  border:0;background:#f3f6fb;border-radius:50%;width:34px;height:34px;font-size:20px;
}

/* Admin */
.admin-page{max-width:1180px;margin:0 auto;padding:26px}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.admin-hero{margin:28px 0}
.admin-hero h1{font-size:42px;margin:0;letter-spacing:-.04em}
.admin-hero p{color:var(--muted)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.stat-grid article,.admin-card{
  background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow2)
}
.stat-grid b{font-size:30px;display:block}
.stat-grid span{color:var(--muted);font-weight:900}
.admin-card{margin-top:18px}
.admin-table-wrap{overflow:auto}
.admin-table{width:100%;border-collapse:collapse;font-size:14px}
.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.inline-form{display:inline}
.small-btn{border:0;background:#eef5ff;color:#0f57c6;border-radius:12px;padding:7px 10px;font-weight:900}

/* Mobile */
@media (max-width: 1180px){
  .app-shell{grid-template-columns:210px 320px minmax(0,1fr)}
  .info-panel{display:none}
}
@media (max-width: 980px){
  .landing{padding:18px}
  .landing-nav{margin-bottom:28px}
  .landing-actions .ghost{display:none}
  .hero{grid-template-columns:1fr;gap:28px}
  .phone-preview{min-height:620px;max-width:430px;margin:auto;width:100%}
  .hero h1{font-size:42px}

  .app-shell{
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    height:100dvh;
    overflow:hidden;
  }
  .app-sidebar,.info-panel{display:none}
  .list-panel{
    grid-column:1;
    grid-row:1;
    border-right:0;
    padding:12px 14px 92px;
    background:rgba(255,255,255,.92);
  }
  .mobile-app-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
  }
  .mobile-brand{font-size:18px}
  .mobile-brand .brand-mark{width:36px;height:36px;border-radius:13px}
  .mobile-top-actions{display:flex;gap:8px}
  .mini-round{
    width:38px;height:38px;border:0;border-radius:50%;
    background:#f1f4f9;color:#4b5563;font-weight:900;
  }
  .mini-round.red{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff}
  .panel-header h1{font-size:28px}
  .panel-header p{font-size:13px}
  .status-row{margin-top:12px}
  .chat-panel{
    position:fixed;
    inset:0;
    z-index:20;
    transform:translateX(100%);
    transition:transform .22s ease;
    grid-template-rows:68px minmax(0,1fr) auto;
  }
  .app-shell.chat-open .chat-panel{transform:translateX(0)}
  .chat-header{padding:10px 12px}
  .mobile-back{
    display:grid;place-items:center;
    border:0;background:#f1f4f9;border-radius:50%;
    width:38px;height:38px;font-size:30px;color:#1d73f8;
  }
  .chat-actions .round-action:nth-child(n+3){display:none}
  .messages{padding:14px 12px}
  .msg{max-width:84%}
  .msg-media img,.msg-media video{max-width:265px}
  .composer{
    grid-template-columns:42px minmax(0,1fr) 40px 40px 44px;
    gap:6px;
    padding:10px 10px calc(10px + var(--safe-bottom));
  }
  .composer input[name="body"]{padding:0 13px}
  .bottom-nav{
    grid-column:1;
    grid-row:2;
    height:72px;
    display:grid;
    grid-template-columns:1fr 1fr 64px 1fr 1fr;
    gap:4px;
    padding:6px 12px calc(6px + var(--safe-bottom));
    border-top:1px solid var(--line);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
    z-index:30;
  }
  .bottom-link{
    border:0;background:transparent;border-radius:16px;
    color:#6b7280;font-weight:900;
    display:grid;place-items:center;gap:1px;font-size:18px;
  }
  .bottom-link span{font-size:11px}
  .bottom-link.active{color:var(--blue);background:#eef5ff}
  .bottom-link.add{
    width:54px;height:54px;border-radius:50%;
    place-self:center;
    background:linear-gradient(135deg,var(--blue),#59c9ff);
    color:#fff;font-size:30px;
    box-shadow:0 12px 28px rgba(29,115,248,.26);
  }
  .chat-item small,.room-item small{max-width:210px}
  .room-card{grid-template-columns:52px 1fr auto;border-radius:20px}
  .room-card-icon{width:52px;height:52px;border-radius:18px}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 620px){
  .landing-nav .brand span:last-child{font-size:18px}
  .landing-actions .btn{padding:10px 12px}
  .hero h1{font-size:36px}
  .hero p{font-size:16px}
  .hero-buttons{display:grid}
  .phone-preview{border-radius:30px;padding:18px;min-height:570px}
  .auth-page{padding:14px}
  .auth-card{padding:22px;border-radius:24px}
  .panel-header h1{font-size:26px}
  .room-open{display:none}
  .chat-item{grid-template-columns:50px 1fr auto;padding:11px 8px}
  .chat-item small{max-width:190px}
  .media-list:not(.hidden){grid-template-columns:1fr 1fr}
  .admin-page{padding:16px}
  .admin-hero h1{font-size:32px}
}


/* === RedsBlack Chat v1.0.2 hard mobile composer fix ===
   When a mobile conversation is open:
   - hide the main bottom nav completely
   - force the composer to be fixed at the bottom of the chat screen
   - leave space above composer for readable messages
*/
:root{
  --rbc-vh: 100dvh;
  --rbc-vv-top: 0px;
  --rbc-composer-h: 72px;
}

@media (max-width: 980px){
  body.rbc-chat-open .bottom-nav,
  .app-shell.chat-open .bottom-nav{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.rbc-chat-open .app-shell,
  .app-shell.chat-open{
    grid-template-rows:1fr !important;
  }

  body.rbc-chat-open .chat-panel,
  .app-shell.chat-open .chat-panel{
    position:fixed !important;
    inset:auto 0 0 0 !important;
    top:var(--rbc-vv-top, 0px) !important;
    width:100% !important;
    height:var(--rbc-vh, 100dvh) !important;
    max-height:var(--rbc-vh, 100dvh) !important;
    z-index:9999 !important;
    transform:translateX(0) !important;
    display:grid !important;
    grid-template-rows:68px minmax(0,1fr) var(--rbc-composer-h) !important;
    background:#fff !important;
  }

  body.rbc-chat-open .messages,
  .app-shell.chat-open .messages{
    min-height:0 !important;
    padding-bottom:18px !important;
    overflow:auto !important;
  }

  body.rbc-chat-open .composer,
  .app-shell.chat-open .composer{
    display:grid !important;
    position:relative !important;
    z-index:10000 !important;
    min-height:var(--rbc-composer-h) !important;
    height:var(--rbc-composer-h) !important;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px)) !important;
    background:rgba(255,255,255,.98) !important;
    border-top:1px solid var(--line) !important;
    box-shadow:0 -10px 24px rgba(20,40,80,.08) !important;
  }

  body.rbc-chat-open .composer input[name="body"],
  .app-shell.chat-open .composer input[name="body"]{
    display:block !important;
    min-height:42px !important;
    height:42px !important;
    font-size:16px !important;
    background:#f8fafc !important;
  }

  body.rbc-chat-open .attach-btn,
  body.rbc-chat-open .emoji-btn,
  body.rbc-chat-open .mic-btn,
  body.rbc-chat-open .send-btn,
  .app-shell.chat-open .attach-btn,
  .app-shell.chat-open .emoji-btn,
  .app-shell.chat-open .mic-btn,
  .app-shell.chat-open .send-btn{
    min-width:40px !important;
    min-height:40px !important;
  }
}

@media (max-width: 420px){
  body.rbc-chat-open .composer,
  .app-shell.chat-open .composer{
    grid-template-columns:40px minmax(0,1fr) 38px 38px 42px !important;
    gap:5px !important;
  }
}


/* === RedsBlack Chat v1.1 Visual Polish Pack ===
   Visual/UX polish only. Keeps the approved bright RedsBlack Chat direction. */
.visual-lock-badge{
  display:inline-flex;
  margin-top:7px;
  padding:5px 9px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff0f2,#eef6ff);
  color:#ef233c;
  border:1px solid #f5d7dd;
  font-size:11px;
  font-weight:900;
}

.chat-item{
  position:relative;
  transition:transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.chat-item:hover,.chat-item.active{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(29,115,248,.08);
}
.chat-item.active:before{
  content:"";
  position:absolute;
  left:5px;
  top:15px;
  bottom:15px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#ef233c,#1d73f8);
}

.room-list{
  gap:11px;
}
.room-card{
  position:relative;
  overflow:hidden;
}
.room-card:after{
  content:"";
  position:absolute;
  right:-30px;
  top:-30px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:rgba(29,115,248,.06);
  pointer-events:none;
}
.room-card:nth-child(2n):after{
  background:rgba(239,35,60,.06);
}
.room-card-icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9), 0 10px 22px rgba(20,40,80,.08);
}
.room-card-copy b{
  letter-spacing:-.02em;
}
.room-open{
  position:relative;
  z-index:1;
}

.empty-small,
.empty-state{
  border-radius:24px;
}
.empty-state{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(231,236,245,.85);
  padding:28px;
  box-shadow:0 16px 40px rgba(20,40,80,.06);
}
.empty-state .empty-icon{
  width:58px;
  height:58px;
  margin:0 auto 12px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef6ff,#fff0f2);
  font-size:30px;
}

.welcome-card{
  align-self:center;
  max-width:520px;
  width:100%;
  text-align:center;
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  border-radius:28px;
  padding:24px 18px;
  box-shadow:0 18px 48px rgba(20,40,80,.08);
  color:#334155;
}
.welcome-card-icon{
  width:64px;
  height:64px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:linear-gradient(135deg,#eef6ff,#fff0f2);
  font-size:32px;
}
.welcome-card h2{
  margin:4px 0 7px;
  color:#111827;
  font-size:22px;
  letter-spacing:-.03em;
}
.welcome-card p{
  margin:0 auto 16px;
  color:#6b7280;
  max-width:360px;
  line-height:1.5;
}
.welcome-actions{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
}
.welcome-actions span{
  padding:8px 10px;
  border-radius:999px;
  background:#f3f6fb;
  color:#4b5563;
  font-size:12px;
  font-weight:900;
}

.toast{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%) translateY(20px);
  z-index:20000;
  max-width:min(420px,calc(100vw - 28px));
  background:#111827;
  color:#fff;
  padding:12px 15px;
  border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
  font-weight:800;
}
.toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

.profile-card{
  border-radius:28px;
  background:linear-gradient(180deg,#fff,#f9fbff);
  border:1px solid var(--line);
  box-shadow:0 14px 38px rgba(20,40,80,.07);
}
.profile-actions button{
  transition:transform .16s ease, background .16s ease;
}
.profile-actions button:hover{
  transform:translateY(-1px);
  background:#eaf3ff;
}

@media (max-width:980px){
  .visual-lock-badge{
    display:none;
  }
  .list-panel{
    background:
      radial-gradient(circle at 10% -10%,rgba(239,35,60,.06),transparent 32%),
      radial-gradient(circle at 100% 0%,rgba(29,115,248,.08),transparent 28%),
      rgba(255,255,255,.96);
  }
  .chat-item{
    background:#fff;
    border:1px solid rgba(231,236,245,.88);
    box-shadow:0 8px 22px rgba(20,40,80,.045);
  }
  .chat-item:hover,.chat-item.active{
    transform:none;
  }
  .chat-item.active:before{
    left:0;
    top:12px;
    bottom:12px;
  }
  .room-card{
    background:linear-gradient(135deg,#fff,#f8fbff);
  }
  .welcome-card{
    margin:auto 6px;
  }
  .toast{
    bottom:calc(18px + env(safe-area-inset-bottom,0px));
  }
}


/* === RedsBlack Chat v1.2 Contacts / Invite Prep === */
.contacts-list{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.contacts-panel-card{
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid var(--line);
  border-radius:24px;
  padding:16px;
  box-shadow:0 12px 30px rgba(20,40,80,.06);
}
.contacts-panel-card h2{
  margin:0 0 6px;
  font-size:20px;
  letter-spacing:-.03em;
}
.contacts-panel-card p{
  margin:0 0 14px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
.contact-actions-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.contact-action-btn{
  border:0;
  background:#f1f6ff;
  color:#0f57c6;
  border-radius:16px;
  padding:12px 10px;
  font-weight:900;
  display:grid;
  gap:4px;
}
.contact-action-btn small{
  color:#6b7280;
  font-weight:800;
}
.contact-search-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-top:12px;
}
.contact-search-form input{
  border:1px solid var(--line);
  background:#f8fafc;
  border-radius:16px;
  padding:12px 13px;
  outline:0;
  min-width:0;
}
.contact-search-form button{
  border:0;
  background:linear-gradient(135deg,var(--blue),#59c9ff);
  color:#fff;
  border-radius:16px;
  padding:0 14px;
  font-weight:900;
}
.contact-result{
  margin-top:12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:12px;
  display:grid;
  gap:8px;
}
.contact-row{
  border:1px solid var(--line);
  background:#fff;
  border-radius:20px;
  padding:12px;
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:10px;
  box-shadow:0 8px 22px rgba(20,40,80,.045);
}
.contact-row .contact-avatar{
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef6ff,#fff0f2);
  font-size:21px;
}
.contact-row b,.contact-row small{
  display:block;
}
.contact-row small{
  color:var(--muted);
  margin-top:3px;
}
.contact-row button,.contact-row a{
  border:0;
  text-decoration:none;
  border-radius:999px;
  padding:8px 11px;
  font-size:12px;
  font-weight:900;
  background:#eef5ff;
  color:#0f57c6;
}
.contact-row .invite-btn{
  background:#fff0f2;
  color:#ef233c;
}
.invite-link-box{
  margin-top:10px;
  padding:10px 12px;
  background:#f8fafc;
  border:1px dashed #cfd8e7;
  border-radius:14px;
  color:#334155;
  font-size:13px;
  word-break:break-all;
}
@media (max-width:980px){
  .contacts-list{
    padding-bottom:8px;
  }
  .contact-actions-grid{
    grid-template-columns:1fr;
  }
}


/* === RedsBlack Chat v1.4 Translation Bridge === */
.msg-translation{
  margin-top:8px;
  padding-top:7px;
  border-top:1px solid rgba(148,163,184,.25);
  color:#64748b;
  font-size:12px;
}
.msg-translation summary{
  cursor:pointer;
  font-weight:900;
  color:#1d73f8;
  list-style:none;
}
.msg-translation summary::-webkit-details-marker{
  display:none;
}
.msg-translation div{
  margin-top:6px;
  padding:8px 9px;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:#475569;
  white-space:pre-wrap;
}
.msg.mine .msg-translation div{
  background:rgba(255,255,255,.56);
}
.translation-settings-card{
  margin:14px 0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  box-shadow:0 8px 22px rgba(20,40,80,.045);
  text-align:left;
}
.translation-settings-card label{
  display:grid;
  gap:3px;
  margin-bottom:10px;
}
.translation-settings-card b{
  color:#111827;
}
.translation-settings-card small{
  color:#6b7280;
  line-height:1.35;
}
.translation-settings-card select{
  width:100%;
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:11px 12px;
  font-weight:900;
  color:#111827;
  outline:none;
}
.translation-settings-card select:focus{
  border-color:#9cc8ff;
  box-shadow:0 0 0 4px rgba(29,115,248,.10);
}


/* === RedsBlack Chat v1.5 Profile Edit / Account Polish === */
.profile-edit-ready{
  padding-left:14px;
  padding-right:14px;
}
.profile-edit-form{
  position:relative;
  display:grid;
  gap:12px;
  margin:16px 0;
  text-align:left;
}
.profile-edit-form label{
  display:grid;
  gap:7px;
  color:#374151;
  font-size:13px;
  font-weight:900;
}
.profile-edit-form input[type="text"],
.profile-edit-form input:not([type]),
.profile-edit-form textarea,
.profile-edit-form select{
  width:100%;
  border:1px solid var(--line);
  background:#f9fbff;
  border-radius:16px;
  padding:12px 13px;
  outline:none;
  color:#111827;
}
.profile-edit-form textarea{
  min-height:84px;
  resize:vertical;
  line-height:1.45;
}
.profile-edit-form input:focus,
.profile-edit-form textarea:focus,
.profile-edit-form select:focus{
  border-color:#9cc8ff;
  box-shadow:0 0 0 4px rgba(29,115,248,.10);
}
.profile-edit-form small{
  color:#6b7280;
  line-height:1.35;
  font-weight:700;
}
.profile-avatar-picker{
  align-items:center;
  border:1px dashed #cfd8e7;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border-radius:18px;
  padding:12px;
  cursor:pointer;
}
.profile-avatar-picker span{
  display:inline-flex;
  width:max-content;
  padding:8px 11px;
  border-radius:999px;
  background:#eef5ff;
  color:#0f57c6;
  font-weight:900;
}
.profile-avatar-picker input{
  margin-top:4px;
  font-size:13px;
}
.profile-edit-form .btn{
  margin-top:2px;
}
.profile-edit-ready .profile-quick-actions{
  margin-top:10px;
}
@media(max-width:980px){
  .profile-edit-form{
    margin-top:14px;
  }
}


/* === RedsBlack Chat v1.5.4 Restore Correct UI + Mobile Back Guard === */
.filter-row-v154{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
}
.filter-row-v154::-webkit-scrollbar{display:none}
.filter-row-v154 .chip{
  white-space:nowrap;
  flex:0 0 auto;
}
.filter-row-v154 .chip-invite{
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  color:#fff;
  border-color:transparent;
  box-shadow:0 10px 22px rgba(239,35,60,.18);
}
.filter-row-v154 .chip-invite.active{
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  color:#fff;
}
.invite-list-card-v154{
  margin-top:12px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(239,35,60,.14);
  background:radial-gradient(circle at 100% 0%,rgba(239,35,60,.12),transparent 38%),linear-gradient(135deg,#ffffff,#fff7f9);
  box-shadow:0 16px 34px rgba(20,40,80,.075);
  text-align:center;
}
.invite-list-icon-v154{
  width:56px;height:56px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(135deg,#ef233c,#ff5d70);color:#fff;font-size:26px;font-weight:1000;
  box-shadow:0 14px 28px rgba(239,35,60,.22);
}
.invite-list-card-v154 h3{margin:4px 0 6px;font-size:21px;letter-spacing:-.03em}
.invite-list-card-v154 p{margin:0 auto 14px;color:#6b7280;line-height:1.45;max-width:280px}
.invite-primary-red-v154,.invite-secondary-copy-v154{
  width:100%;border:0;border-radius:18px;min-height:48px;font-weight:1000;margin-top:8px;
}
.invite-primary-red-v154{background:linear-gradient(135deg,#ef233c,#ff5d70);color:#fff;box-shadow:0 12px 28px rgba(239,35,60,.22)}
.invite-secondary-copy-v154{background:#fff;color:#0f57c6;border:1px solid var(--line)}

.profile-v154 .profile-top-v154{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;margin-top:2px}
.profile-v154 .profile-top-v154 img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 12px 30px rgba(20,40,80,.12)}
.profile-v154 .profile-top-v154 h2{margin:8px 0 0}
.profile-v154 .profile-top-v154 p{margin:0 0 10px;color:#6b7280}
.profile-main-invite-v154{position:relative;z-index:1;width:100%;border:0;border-radius:20px;min-height:54px;background:linear-gradient(135deg,#ef233c,#ff5d70);color:#fff;font-weight:1000;font-size:17px;box-shadow:0 16px 34px rgba(239,35,60,.22);margin:10px 0 12px}
.profile-actions-restored-v154{position:relative;z-index:1}
.profile-actions-restored-v154 button{border:0}

.profile-avatar-picker-v154{
  position:relative;
  display:grid!important;
  gap:7px;
  align-items:center;
  border:1px dashed #cfd8e7;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border-radius:18px;
  padding:14px;
  cursor:pointer;
}
.profile-avatar-picker-v154 span{
  display:inline-flex;
  width:max-content;
  padding:9px 12px;
  border-radius:999px;
  background:#eef5ff;
  color:#0f57c6;
  font-weight:1000;
}
.profile-avatar-picker-v154 small{
  color:#6b7280;
  font-weight:800;
}
.profile-avatar-picker-v154 input[type="file"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

.rbc-action-card{max-width:430px}
.modal-muted{color:#6b7280;line-height:1.5;margin:0 0 14px}
.invite-copy-box{padding:12px;border:1px dashed #cfd8e7;background:#f8fafc;border-radius:14px;color:#334155;font-size:13px;word-break:break-word;margin:10px 0}
.invite-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.invite-action-grid button,.invite-action-grid a{min-height:46px;border:0;text-decoration:none;border-radius:14px;background:#eef5ff;color:#0f57c6;font-weight:900;display:flex;align-items:center;justify-content:center}
.invite-action-grid button:first-child,.invite-action-grid a:first-of-type{background:#fff0f2;color:#ef233c}
.qr-wrap{display:grid;place-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:20px}
.qr-wrap img{width:260px;max-width:100%;height:auto;border-radius:12px}
@media(max-width:520px){.invite-action-grid{grid-template-columns:1fr}}


/* === RedsBlack Chat v1.5.5 PWA / installed-app mobile layout fix ===
   Fixes bottom navigation going under Android/iPhone system area after installing as PWA.
   Does not touch Rooms Bridge, Translation Bridge, Profile actions or API. */
:root{
  --rbc-safe-bottom: env(safe-area-inset-bottom, 0px);
  --rbc-safe-top: env(safe-area-inset-top, 0px);
  --rbc-mobile-nav-h: 74px;
  --rbc-app-vh: 100dvh;
}

html,
body{
  min-height:100%;
}

body.rbc-pwa,
body.rbc-mobile{
  min-height:var(--rbc-app-vh, 100dvh);
  overflow:hidden;
  overscroll-behavior:none;
  -webkit-overflow-scrolling:touch;
}

@media (max-width:980px){
  body.rbc-pwa .app-shell,
  body.rbc-mobile .app-shell{
    min-height:var(--rbc-app-vh, 100dvh) !important;
    height:var(--rbc-app-vh, 100dvh) !important;
    max-height:var(--rbc-app-vh, 100dvh) !important;
    overflow:hidden !important;
    padding-bottom:0 !important;
  }

  body.rbc-pwa .bottom-nav,
  body.rbc-mobile .bottom-nav{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    bottom:max(10px, var(--rbc-safe-bottom)) !important;
    z-index:9500 !important;
    height:62px !important;
    min-height:62px !important;
    padding:6px 8px !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(231,236,245,.94) !important;
    box-shadow:0 16px 44px rgba(20,40,80,.18) !important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  body.rbc-pwa .list-panel,
  body.rbc-mobile .list-panel{
    height:var(--rbc-app-vh, 100dvh) !important;
    max-height:var(--rbc-app-vh, 100dvh) !important;
    overflow-y:auto !important;
    padding-bottom:calc(var(--rbc-mobile-nav-h) + max(18px, var(--rbc-safe-bottom))) !important;
    -webkit-overflow-scrolling:touch;
  }

  body.rbc-pwa .profile-pane-mobile,
  body.rbc-mobile .profile-pane-mobile,
  body.rbc-pwa .contacts-list,
  body.rbc-mobile .contacts-list,
  body.rbc-pwa .room-list,
  body.rbc-mobile .room-list,
  body.rbc-pwa .chat-list,
  body.rbc-mobile .chat-list{
    padding-bottom:calc(var(--rbc-mobile-nav-h) + max(18px, var(--rbc-safe-bottom))) !important;
  }

  /* When a chat/room is open, the bottom nav is hidden and composer must sit above the device edge. */
  body.rbc-chat-open .bottom-nav,
  .app-shell.chat-open .bottom-nav{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.rbc-chat-open .chat-panel,
  .app-shell.chat-open .chat-panel{
    height:var(--rbc-app-vh, 100dvh) !important;
    max-height:var(--rbc-app-vh, 100dvh) !important;
    padding-bottom:0 !important;
  }

  body.rbc-chat-open .composer,
  .app-shell.chat-open .composer{
    min-height:calc(var(--rbc-composer-h, 72px) + var(--rbc-safe-bottom)) !important;
    height:calc(var(--rbc-composer-h, 72px) + var(--rbc-safe-bottom)) !important;
    padding-bottom:calc(10px + var(--rbc-safe-bottom)) !important;
  }

  body.rbc-chat-open .messages,
  .app-shell.chat-open .messages{
    padding-bottom:18px !important;
  }
}

/* Very small Android screens: tighten nav labels slightly instead of letting them fall below edge. */
@media(max-width:380px){
  body.rbc-pwa .bottom-nav,
  body.rbc-mobile .bottom-nav{
    left:7px !important;
    right:7px !important;
    height:60px !important;
    min-height:60px !important;
    gap:2px !important;
  }
  .bottom-link{
    font-size:11px !important;
  }
}


/* === RedsBlack Chat v1.6.1 — Starred rooms / pinned groups === */
.room-card{
  position:relative;
}
.room-card-actions{
  display:flex;
  align-items:center;
  gap:8px;
  position:relative;
  z-index:2;
}
.room-star{
  width:34px;
  height:34px;
  border-radius:13px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-size:25px;
  line-height:1;
  font-weight:1000;
  color:#f5b301;
  background:#fff;
  border:1px solid rgba(245,179,1,.30);
  box-shadow:0 8px 18px rgba(20,40,80,.06);
  cursor:pointer;
  user-select:none;
  transition:transform .14s ease, background .14s ease, box-shadow .14s ease;
}
.room-star:hover,
.room-star:focus{
  transform:translateY(-1px) scale(1.04);
  outline:none;
  box-shadow:0 10px 22px rgba(245,179,1,.22);
}
.room-star.is-on{
  color:#fff;
  background:linear-gradient(135deg,#ffd84d,#f5b301);
  border-color:#f5b301;
  text-shadow:0 1px 2px rgba(0,0,0,.16);
}
.room-card.is-favorite{
  border-color:rgba(245,179,1,.40);
  box-shadow:0 14px 32px rgba(245,179,1,.11), 0 8px 22px rgba(20,40,80,.045);
}
.room-card.is-favorite .room-card-icon{
  box-shadow:0 10px 24px rgba(245,179,1,.13), inset 0 0 0 1px rgba(255,255,255,.9);
}
@media(max-width:420px){
  .room-star{
    width:32px;
    height:32px;
    font-size:23px;
  }
  .room-card-actions{
    gap:6px;
  }
}


/* === RedsBlack Chat v1.6.2 — functional fixes only: image preview + upload guard === */
.send-btn:disabled{
  opacity:.55;
  pointer-events:none;
}
.msg-media img{
  cursor:zoom-in;
}
.image-preview-backdrop{
  position:fixed;
  inset:0;
  z-index:30000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(2,6,23,.86);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.image-preview-backdrop.hidden{
  display:none!important;
}
.image-preview-backdrop img{
  max-width:min(96vw,1100px);
  max-height:90dvh;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 24px 80px rgba(0,0,0,.38);
  cursor:zoom-out;
}
.image-preview-backdrop button{
  position:fixed;
  top:calc(14px + env(safe-area-inset-top,0px));
  right:14px;
  width:46px;
  height:46px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#111827;
  font-size:28px;
  line-height:1;
  font-weight:900;
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}


/* === RedsBlack Chat v1.7.3 — media download/share action sheet === */
.media-action-backdrop{
  position:fixed;
  inset:0;
  z-index:31000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:16px;
  background:rgba(15,23,42,.34);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.media-action-backdrop.hidden{
  display:none!important;
}
.media-action-sheet{
  width:min(440px,100%);
  border-radius:28px;
  padding:12px 14px 14px;
  background:rgba(245,247,251,.98);
  box-shadow:0 24px 80px rgba(15,23,42,.28);
  border:1px solid rgba(255,255,255,.82);
  animation:mediaSheetUp .16s ease-out;
}
.media-action-handle{
  width:46px;
  height:5px;
  border-radius:999px;
  background:#c8ced8;
  margin:0 auto 12px;
}
.media-action-sheet h3{
  margin:0 0 4px;
  text-align:center;
  font-size:19px;
  letter-spacing:-.02em;
}
.media-action-sheet p{
  margin:0 10px 14px;
  color:#667085;
  text-align:center;
  line-height:1.4;
  font-size:14px;
}
.media-action-sheet button{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:18px;
  margin-top:8px;
  font-weight:1000;
  font-size:16px;
}
.media-download-btn{
  background:linear-gradient(135deg,#111827,#334155);
  color:#fff;
}
.media-share-btn{
  background:#e6e8ee;
  color:#111827;
}
.media-share-btn.is-ready{
  background:#dfe3ea;
  color:#111827;
}
.media-close-btn{
  background:#fff;
  color:#475467;
  border:1px solid #e5e7eb!important;
}
@keyframes mediaSheetUp{
  from{transform:translateY(20px);opacity:.6}
  to{transform:translateY(0);opacity:1}
}
@media(min-width:700px){
  .media-action-backdrop{
    align-items:center;
  }
}


/* === RedsBlack Chat v1.7.4 — group activity badges === */
.chip{
  position:relative;
}
.chip-badge,
.nav-badge,
.room-activity-badge{
  min-width:20px;
  height:20px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  padding:0 6px;
  background:#ef233c;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:1000;
  box-shadow:0 8px 18px rgba(239,35,60,.24);
}
.chip-badge{
  margin-left:6px;
}
.nav-badge{
  position:absolute;
  top:2px;
  right:6px;
  min-width:18px;
  height:18px;
  font-size:10px;
}
.room-card-actions{
  position:relative;
}
.room-activity-badge{
  margin-right:2px;
  background:linear-gradient(135deg,#ef233c,#ff5d70);
}
.room-card.has-activity{
  border-color:rgba(239,35,60,.20);
}


/* === RedsBlack Chat v1.7.5 — media long-press hotfix / ⋯ fallback === */
.msg-media{
  position:relative;
}
.msg-media img,
.msg-media video{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
.media-more-btn{
  position:absolute;
  top:8px;
  right:8px;
  z-index:3;
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(17,24,39,.72);
  color:#fff;
  font-size:22px;
  line-height:1;
  font-weight:1000;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.media-more-btn:active{
  transform:scale(.96);
}


/* === RedsBlack Chat v1.7.7 — mobile Groups/Rooms badge hotfix === */
.side-link,
.bottom-link,
.chip[data-filter="groups"]{
  position:relative;
}
.bottom-link .nav-badge,
.side-link .nav-badge{
  position:absolute;
  top:1px;
  right:5px;
  z-index:10;
}
.bottom-link .nav-badge{
  min-width:18px;
  height:18px;
  font-size:10px;
  padding:0 5px;
}
@media(max-width:980px){
  .bottom-link .nav-badge{
    top:0;
    right:7px;
  }
}


/* === RedsBlack Chat v1.7.8 — plus action menu === */
.plus-action-card{
  max-width:460px;
}
.plus-action-list{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.plus-action-btn{
  width:100%;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:13px 14px;
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto auto;
  column-gap:12px;
  text-align:left;
  align-items:center;
  box-shadow:0 8px 22px rgba(20,40,80,.045);
}
.plus-action-btn span{
  grid-row:1 / 3;
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#f3f6fb;
  font-size:21px;
}
.plus-action-btn b{
  font-size:15px;
  color:#111827;
}
.plus-action-btn small{
  color:#667085;
  line-height:1.35;
}
.plus-action-btn:active{
  transform:scale(.99);
}
.plus-subform.hidden,
.plus-action-card .hidden{
  display:none!important;
}
.plus-form-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}
@media(max-width:520px){
  .plus-action-card{
    border-radius:28px;
  }
  .plus-form-actions{
    grid-template-columns:1fr;
  }
}


/* === RedsBlack Chat v1.7.9 — modern + menu: New Chat / Suggest Group only === */
.plus-action-card-v179{
  max-width:470px;
  padding:18px;
  border-radius:32px;
  background:
    radial-gradient(circle at 50% -18%, rgba(239,35,60,.12), transparent 42%),
    rgba(255,255,255,.98);
}
.plus-home-v179.hidden,
.suggest-form-v179.hidden{
  display:none!important;
}
.plus-hero-v179{
  text-align:center;
  padding:8px 8px 14px;
}
.plus-hero-icon-v179{
  width:62px;
  height:62px;
  margin:0 auto 12px;
  border-radius:24px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:34px;
  font-weight:1000;
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  box-shadow:0 18px 36px rgba(239,35,60,.24);
}
.plus-hero-v179 h2{
  margin:0;
  font-size:25px;
  letter-spacing:-.04em;
}
.plus-hero-v179 p{
  margin:6px 0 0;
  color:#667085;
  font-size:15px;
}
.plus-two-actions-v179{
  display:grid;
  gap:12px;
}
.plus-big-action-v179{
  width:100%;
  border:1px solid rgba(231,236,245,.96);
  border-radius:24px;
  background:#fff;
  padding:14px;
  display:grid;
  grid-template-columns:58px 1fr 26px;
  gap:13px;
  align-items:center;
  text-align:left;
  box-shadow:0 14px 34px rgba(20,40,80,.075);
  transition:transform .13s ease, box-shadow .13s ease, border-color .13s ease;
}
.plus-big-action-v179:active{
  transform:scale(.985);
}
.plus-big-action-v179:hover,
.plus-big-action-v179:focus{
  outline:none;
  border-color:rgba(239,35,60,.24);
  box-shadow:0 18px 42px rgba(20,40,80,.105);
}
.plus-big-icon-v179{
  width:58px;
  height:58px;
  border-radius:21px;
  display:grid;
  place-items:center;
  font-size:27px;
}
.plus-new-chat-v179 .plus-big-icon-v179{
  background:#eef5ff;
}
.plus-suggest-v179 .plus-big-icon-v179{
  background:#fff1f3;
}
.plus-big-copy-v179{
  display:grid;
  gap:3px;
}
.plus-big-copy-v179 b{
  font-size:17px;
  letter-spacing:-.02em;
  color:#111827;
}
.plus-big-copy-v179 small{
  color:#667085;
  line-height:1.35;
}
.plus-big-action-v179 i{
  font-style:normal;
  font-size:32px;
  color:#98a2b3;
  justify-self:end;
}
.suggest-form-v179{
  display:grid;
  gap:12px;
}
.suggest-head-v179{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  margin-bottom:4px;
}
.suggest-head-v179 h2{
  margin:0;
  font-size:23px;
  letter-spacing:-.035em;
}
.suggest-head-v179 p{
  margin:3px 0 0;
  color:#667085;
  font-size:14px;
}
.suggest-back-v179{
  width:42px;
  height:42px;
  border:0;
  border-radius:16px;
  background:#f3f6fb;
  color:#111827;
  font-size:30px;
  line-height:1;
  font-weight:900;
}
.suggest-submit-v179{
  margin-top:4px;
}
@media(max-width:520px){
  .plus-action-card-v179{
    border-radius:30px;
    padding:16px;
  }
  .plus-big-action-v179{
    border-radius:22px;
    grid-template-columns:54px 1fr 22px;
  }
  .plus-big-icon-v179{
    width:54px;
    height:54px;
    border-radius:19px;
  }
}


/* === RedsBlack Chat v1.8.0 — plus = request admin to create group === */
.plus-request-card-v180{
  max-width:470px;
  padding:18px;
  border-radius:32px;
  background:
    radial-gradient(circle at 50% -18%, rgba(239,35,60,.13), transparent 42%),
    rgba(255,255,255,.985);
}
.group-request-form-v180{
  display:grid;
  gap:13px;
}
.group-request-hero-v180{
  text-align:center;
  padding:10px 8px 10px;
}
.group-request-icon-v180{
  width:66px;
  height:66px;
  margin:0 auto 13px;
  border-radius:25px;
  display:grid;
  place-items:center;
  font-size:31px;
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  box-shadow:0 18px 38px rgba(239,35,60,.24);
}
.group-request-hero-v180 h2{
  margin:0;
  font-size:25px;
  letter-spacing:-.045em;
}
.group-request-hero-v180 p{
  margin:7px auto 0;
  color:#667085;
  line-height:1.45;
  max-width:320px;
  font-size:15px;
}
.request-submit-v180{
  margin-top:4px;
}
.request-cancel-v180{
  margin-top:-4px;
}
@media(max-width:520px){
  .plus-request-card-v180{
    border-radius:30px;
    padding:16px;
  }
  .group-request-hero-v180 h2{
    font-size:24px;
  }
}


/* === RedsBlack Chat v1.8.1 — multilingual UI helpers === */
body.rbc-rtl .app-shell{
  direction:rtl;
}
body.rbc-rtl .chat-title,
body.rbc-rtl .panel-header,
body.rbc-rtl .profile-card,
body.rbc-rtl .info-section,
body.rbc-rtl .contacts-panel-card,
body.rbc-rtl .room-card-copy,
body.rbc-rtl .chat-item span,
body.rbc-rtl .group-request-form-v180{
  text-align:right;
}
body.rbc-rtl .chat-actions,
body.rbc-rtl .mobile-top-actions{
  direction:ltr;
}
body.rbc-rtl .messages{
  direction:rtl;
}
body.rbc-rtl .msg.mine{
  margin-left:0;
  margin-right:auto;
}


/* === RedsBlack Chat v1.8.3 — modern emoji picker === */
.emoji-btn.active{
  background:linear-gradient(135deg,#ef233c,#ff5d70)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(239,35,60,.25);
}
.emoji-picker{
  position:fixed;
  z-index:32000;
  width:390px;
  max-width:calc(100vw - 20px);
  max-height:min(530px, 72dvh);
  display:grid;
  grid-template-rows:auto auto auto auto 1fr;
  gap:10px;
  padding:14px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.86);
  background:
    radial-gradient(circle at 16% -10%, rgba(239,35,60,.11), transparent 34%),
    rgba(255,255,255,.97);
  box-shadow:0 24px 80px rgba(15,23,42,.22);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  animation:emojiPop .14s ease-out;
}
.emoji-picker.hidden{
  display:none!important;
}
.emoji-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.emoji-head b{
  display:block;
  font-size:18px;
  letter-spacing:-.025em;
}
.emoji-head small{
  display:block;
  margin-top:2px;
  color:#667085;
  font-size:12px;
  line-height:1.35;
}
.emoji-close{
  width:38px;
  height:38px;
  border:0;
  border-radius:15px;
  background:#f2f4f8;
  color:#111827;
  font-size:24px;
  line-height:1;
  font-weight:900;
}
.emoji-quick{
  display:flex;
  align-items:center;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:none;
  padding-bottom:1px;
}
.emoji-quick::-webkit-scrollbar,
.emoji-tabs::-webkit-scrollbar{
  display:none;
}
.emoji-quick span{
  white-space:nowrap;
  color:#667085;
  font-size:12px;
  font-weight:900;
  margin-right:2px;
}
.emoji-quick-btn{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border:0;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#fff;
  font-size:22px;
  box-shadow:0 8px 20px rgba(20,40,80,.06);
}
.emoji-search-wrap input{
  width:100%;
  min-height:42px;
  border:1px solid #e5eaf3;
  border-radius:17px;
  background:#f8fafc;
  padding:0 14px;
  outline:none;
  font-weight:750;
}
.emoji-search-wrap input:focus{
  border-color:rgba(239,35,60,.30);
  box-shadow:0 0 0 4px rgba(239,35,60,.08);
}
.emoji-tabs{
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:none;
}
.emoji-tab{
  flex:0 0 auto;
  width:40px;
  height:40px;
  border:1px solid #e5eaf3;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#fff;
  font-size:20px;
}
.emoji-tab.active{
  border-color:rgba(239,35,60,.22);
  background:#fff1f3;
  box-shadow:0 10px 22px rgba(239,35,60,.10);
}
.emoji-grid{
  display:grid;
  grid-template-columns:repeat(8, 1fr);
  gap:7px;
  overflow-y:auto;
  padding:2px 2px 4px;
  -webkit-overflow-scrolling:touch;
}
.emoji-item{
  width:100%;
  aspect-ratio:1;
  border:0;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#fff;
  font-size:25px;
  box-shadow:0 6px 16px rgba(20,40,80,.045);
  transition:transform .1s ease, background .1s ease;
}
.emoji-item:active,
.emoji-quick-btn:active,
.emoji-tab:active{
  transform:scale(.94);
}
.emoji-item:hover{
  background:#f7f9fe;
}
.emoji-empty{
  grid-column:1 / -1;
  padding:22px;
  text-align:center;
  color:#667085;
  font-weight:800;
}
@keyframes emojiPop{
  from{transform:translateY(8px) scale(.98);opacity:.65}
  to{transform:translateY(0) scale(1);opacity:1}
}
@media(max-width:760px){
  .emoji-picker{
    border-radius:28px;
    max-height:min(500px, 64dvh);
    padding:13px;
  }
  .emoji-grid{
    grid-template-columns:repeat(7, 1fr);
    gap:6px;
  }
  .emoji-item{
    font-size:24px;
    border-radius:14px;
  }
}
@media(max-width:380px){
  .emoji-grid{
    grid-template-columns:repeat(6, 1fr);
  }
}


/* === RedsBlack Chat v1.8.4 — emoji click hotfix visibility safety === */
.emoji-picker.is-open{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.emoji-btn[data-emoji-toggle]{
  touch-action:manipulation;
}


/* === RedsBlack Chat v1.8.5 — voice notes recorder === */
.mic-btn.recording{
  background:linear-gradient(135deg,#ef233c,#ff5d70)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(239,35,60,.28);
  animation:micPulse 1s infinite;
}
.voice-panel{
  position:fixed;
  left:12px;
  right:12px;
  bottom:calc(86px + env(safe-area-inset-bottom,0px));
  z-index:33000;
  display:flex;
  justify-content:center;
  pointer-events:none;
}
.voice-panel.hidden{
  display:none!important;
}
.voice-card{
  width:min(520px,100%);
  display:grid;
  grid-template-columns:58px 1fr auto;
  grid-template-areas:
    "orb copy time"
    "actions actions actions";
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 0%, rgba(239,35,60,.18), transparent 35%),
    rgba(255,255,255,.985);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 24px 78px rgba(15,23,42,.24);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  pointer-events:auto;
  animation:voiceUp .14s ease-out;
}
.voice-orb{
  grid-area:orb;
  width:58px;
  height:58px;
  border-radius:23px;
  display:grid;
  place-items:center;
  position:relative;
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  color:#fff;
  box-shadow:0 15px 32px rgba(239,35,60,.25);
  overflow:hidden;
}
.voice-orb span{
  position:absolute;
  width:120%;
  height:120%;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  animation:voiceWave 1.2s infinite;
}
.voice-orb i{
  position:relative;
  z-index:2;
  font-style:normal;
  font-size:25px;
}
.voice-copy{
  grid-area:copy;
  display:grid;
  gap:3px;
}
.voice-copy b{
  font-size:17px;
  letter-spacing:-.025em;
  color:#111827;
}
.voice-copy small{
  color:#667085;
  line-height:1.35;
}
.voice-time{
  grid-area:time;
  font-size:18px;
  font-weight:1000;
  color:#ef233c;
  font-variant-numeric:tabular-nums;
  background:#fff1f3;
  border-radius:16px;
  padding:9px 11px;
}
.voice-actions{
  grid-area:actions;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:9px;
}
.voice-actions button{
  min-height:48px;
  border:0;
  border-radius:18px;
  font-weight:1000;
  font-size:15px;
}
.voice-cancel{
  background:#f2f4f8;
  color:#475467;
}
.voice-send{
  background:linear-gradient(135deg,#111827,#334155);
  color:#fff;
}
.voice-send:disabled{
  opacity:.55;
}
@keyframes voiceUp{
  from{transform:translateY(18px);opacity:.6}
  to{transform:translateY(0);opacity:1}
}
@keyframes voiceWave{
  from{transform:scale(.55);opacity:.65}
  to{transform:scale(1.25);opacity:0}
}
@keyframes micPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.06)}
}
@media(max-width:520px){
  .voice-card{
    grid-template-columns:52px 1fr auto;
    border-radius:28px;
    padding:12px;
  }
  .voice-orb{
    width:52px;
    height:52px;
    border-radius:21px;
  }
  .voice-copy b{
    font-size:16px;
  }
  .voice-copy small{
    font-size:12px;
  }
  .voice-time{
    font-size:15px;
    padding:8px 9px;
  }
}


/* === RedsBlack Chat v1.8.6 — voice notes UI hotfix === */
.voice-panel{
  display:flex!important;
}
.voice-panel.hidden{
  display:none!important;
}
.voice-panel.is-waiting .voice-orb{
  background:linear-gradient(135deg,#64748b,#94a3b8);
}
.voice-panel.is-waiting .voice-orb span{
  animation:none;
}
.voice-panel.is-recording .voice-orb span{
  animation:voiceWave 1.2s infinite;
}
.voice-panel.is-ready .voice-orb{
  background:linear-gradient(135deg,#16a34a,#22c55e);
}
.voice-send:disabled{
  opacity:.45;
  pointer-events:none;
}


/* === RedsBlack Chat v1.8.7 — Contacts Bridge === */
.contacts-bridge-hero-v187{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(29,115,248,.13), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(239,35,60,.11), transparent 35%),
    linear-gradient(135deg,#fff,#f8fbff);
}
.contacts-hero-icon-v187{
  width:58px;
  height:58px;
  border-radius:23px;
  display:grid;
  place-items:center;
  font-size:29px;
  background:#eef5ff;
  box-shadow:0 14px 34px rgba(20,40,80,.08);
  margin-bottom:10px;
}
.contact-actions-grid-v187{
  grid-template-columns:1fr 1fr;
}
.contact-import-btn-v187{
  background:linear-gradient(135deg,#eaf3ff,#f8fbff);
  color:#0f57c6;
}
.contact-share-btn-v187{
  background:linear-gradient(135deg,#fff1f3,#fff);
  color:#ef233c;
}
.contact-empty-v187,
.contact-loading-v187,
.contact-warning-v187{
  margin-top:12px;
  padding:13px 14px;
  border-radius:18px;
  border:1px dashed #cfd8e7;
  background:rgba(255,255,255,.78);
  color:#667085;
  font-weight:800;
  text-align:center;
}
.contacts-picked-card-v187{
  margin-top:12px;
}
.contacts-device-list-v187{
  display:grid;
  gap:9px;
}
.contact-device-row-v187{
  grid-template-columns:46px minmax(0,1fr) auto;
}
.contact-device-row-v187.is-registered{
  border-color:rgba(29,115,248,.20);
}
.contact-device-row-v187.is-invite{
  border-color:rgba(239,35,60,.18);
}
.contact-main-v187{
  min-width:0;
}
.contact-main-v187 b,
.contact-main-v187 small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.contact-avatar span{
  font-weight:1000;
  color:#334155;
}
.contact-invite-backdrop{
  position:fixed;
  inset:0;
  z-index:33000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:16px;
  background:rgba(15,23,42,.35);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.contact-invite-backdrop.hidden{
  display:none!important;
}
.contact-invite-sheet{
  width:min(440px,100%);
  border-radius:28px;
  padding:12px 14px 14px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 24px 80px rgba(15,23,42,.26);
  animation:contactSheetUp .15s ease-out;
}
.contact-invite-handle{
  width:46px;
  height:5px;
  border-radius:999px;
  background:#c8ced8;
  margin:0 auto 12px;
}
.contact-invite-sheet h3{
  text-align:center;
  margin:0 0 5px;
  font-size:20px;
  letter-spacing:-.03em;
}
.contact-invite-sheet p{
  margin:0 8px 13px;
  color:#667085;
  line-height:1.45;
  text-align:center;
  font-size:14px;
  word-break:break-word;
}
.contact-invite-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.contact-invite-grid button{
  min-height:48px;
  border:0;
  border-radius:17px;
  background:#f2f4f8;
  color:#111827;
  font-weight:1000;
}
.contact-invite-grid button:first-child{
  background:#dcfce7;
  color:#067647;
}
.contact-invite-grid button:nth-child(2){
  background:#eef5ff;
  color:#0f57c6;
}
.contact-invite-grid button:nth-child(3){
  background:#fff1f3;
  color:#ef233c;
}
.contact-invite-grid button:nth-child(4){
  background:#111827;
  color:#fff;
}
@keyframes contactSheetUp{
  from{transform:translateY(18px);opacity:.62}
  to{transform:translateY(0);opacity:1}
}
@media(max-width:980px){
  .contact-actions-grid-v187{
    grid-template-columns:1fr;
  }
  .contact-device-row-v187{
    grid-template-columns:46px minmax(0,1fr);
  }
  .contact-device-row-v187 button{
    grid-column:2;
    justify-self:start;
  }
}
@media(min-width:700px){
  .contact-invite-backdrop{
    align-items:center;
  }
}


/* === RedsBlack Chat v1.8.8 — contact Invite click hotfix === */
.contact-invite-backdrop:not(.hidden){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.contact-invite-grid button{
  touch-action:manipulation;
}
.invite-btn{
  touch-action:manipulation;
}


/* === RedsBlack Chat v1.8.9 — Audio Call Prep === */
.icon-btn.active-call{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(34,197,94,.24);
}
.call-panel{
  position:fixed;
  inset:0;
  z-index:34000;
  display:grid;
  place-items:center;
  padding:18px;
  background:
    radial-gradient(circle at 50% 10%, rgba(34,197,94,.20), transparent 34%),
    rgba(15,23,42,.52);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.call-panel.hidden{
  display:none!important;
}
.call-card{
  width:min(430px,100%);
  border-radius:34px;
  padding:20px;
  background:rgba(255,255,255,.985);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 28px 90px rgba(15,23,42,.32);
  text-align:center;
  position:relative;
  animation:callPop .16s ease-out;
}
.call-close{
  position:absolute;
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  border:0;
  border-radius:16px;
  background:#f2f4f8;
  color:#111827;
  font-size:24px;
  font-weight:900;
  line-height:1;
}
.call-avatar-ring{
  width:116px;
  height:116px;
  margin:14px auto 14px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:conic-gradient(from 0deg,#22c55e,#1d73f8,#ef233c,#22c55e);
  padding:5px;
  animation:callRing 2.6s linear infinite;
}
.call-avatar{
  width:100%;
  height:100%;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#111827,#334155);
  color:#fff;
  font-size:42px;
  font-weight:1000;
}
.call-card h2{
  margin:0;
  font-size:23px;
  letter-spacing:-.04em;
}
.call-card p{
  margin:8px 0 10px;
  color:#667085;
  font-weight:800;
}
.call-time{
  width:max-content;
  min-width:88px;
  margin:0 auto 15px;
  border-radius:18px;
  padding:8px 13px;
  background:#ecfdf3;
  color:#067647;
  font-size:18px;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
}
.call-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-bottom:12px;
}
.call-actions button{
  border:0;
  border-radius:20px;
  min-height:72px;
  background:#f3f6fb;
  color:#111827;
  display:grid;
  place-items:center;
  gap:4px;
  font-weight:1000;
}
.call-actions button span{
  font-size:24px;
}
.call-actions button b{
  font-size:12px;
}
.call-end{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:22px;
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  color:#fff;
  font-size:16px;
  font-weight:1000;
  box-shadow:0 16px 34px rgba(239,35,60,.24);
}
.call-panel.is-connected .call-avatar-ring{
  animation:callPulse 1.45s ease-in-out infinite;
}
@keyframes callPop{
  from{transform:translateY(14px) scale(.98);opacity:.65}
  to{transform:translateY(0) scale(1);opacity:1}
}
@keyframes callRing{
  to{transform:rotate(360deg)}
}
@keyframes callPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.045)}
}
@media(max-width:520px){
  .call-card{
    border-radius:32px;
    padding:18px;
  }
  .call-avatar-ring{
    width:106px;
    height:106px;
  }
  .call-actions button{
    min-height:68px;
  }
}


/* === RedsBlack Chat v1.9.0 — call button hotfix === */
.round-action.active-call,
#chatHeaderCallBtn.active-call{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(34,197,94,.24)!important;
}
#chatHeaderCallBtn{
  touch-action:manipulation;
}


/* === RedsBlack Chat v1.9.1 — incoming call signaling === */
.incoming-call-panel{
  position:fixed;
  inset:0;
  z-index:34500;
  display:grid;
  place-items:center;
  padding:18px;
  background:
    radial-gradient(circle at 50% 12%, rgba(22,163,74,.24), transparent 34%),
    rgba(15,23,42,.58);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.incoming-call-panel.hidden{
  display:none!important;
}
.incoming-call-card{
  width:min(410px,100%);
  border-radius:34px;
  padding:22px;
  background:rgba(255,255,255,.985);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 28px 90px rgba(15,23,42,.34);
  text-align:center;
  position:relative;
  overflow:hidden;
  animation:incomingPop .16s ease-out;
}
.incoming-pulse{
  position:absolute;
  left:50%;
  top:22px;
  width:132px;
  height:132px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(34,197,94,.16);
  animation:incomingPulse 1.15s infinite;
}
.incoming-avatar{
  position:relative;
  z-index:2;
  width:104px;
  height:104px;
  margin:12px auto 16px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#111827,#334155);
  color:#fff;
  font-size:40px;
  font-weight:1000;
  overflow:hidden;
  box-shadow:0 18px 38px rgba(15,23,42,.20);
}
.incoming-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.incoming-call-card h2{
  position:relative;
  z-index:2;
  margin:0;
  font-size:24px;
  letter-spacing:-.04em;
}
.incoming-call-card p{
  position:relative;
  z-index:2;
  margin:8px 0 18px;
  color:#667085;
  font-weight:850;
}
.incoming-actions{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.incoming-actions button{
  min-height:54px;
  border:0;
  border-radius:22px;
  color:#fff;
  font-size:16px;
  font-weight:1000;
}
.incoming-decline{
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  box-shadow:0 14px 30px rgba(239,35,60,.22);
}
.incoming-accept{
  background:linear-gradient(135deg,#16a34a,#22c55e);
  box-shadow:0 14px 30px rgba(34,197,94,.22);
}
@keyframes incomingPop{
  from{transform:translateY(14px) scale(.98);opacity:.65}
  to{transform:translateY(0) scale(1);opacity:1}
}
@keyframes incomingPulse{
  from{transform:translateX(-50%) scale(.78);opacity:.8}
  to{transform:translateX(-50%) scale(1.35);opacity:0}
}
@media(max-width:520px){
  .incoming-call-card{
    border-radius:32px;
    padding:20px;
  }
}


/* === RedsBlack Chat v1.9.2 — incoming call overlay safety === */
.incoming-call-panel:not(.hidden){
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}


/* === RedsBlack Chat v1.9.3 — receiver incoming overlay force === */
#rbcIncomingCallPanel:not(.hidden){
  display:grid!important;
  z-index:999999!important;
}
.incoming-call-card{
  z-index:1000000!important;
}


/* === RedsBlack Chat v1.9.4 — WebRTC audio/video foundation === */
.rtc-media-box{
  display:none;
  position:relative;
  width:100%;
  height:190px;
  border-radius:26px;
  overflow:hidden;
  margin:12px 0 14px;
  background:linear-gradient(135deg,#0f172a,#1e293b);
  border:1px solid rgba(255,255,255,.12);
}
.rtc-media-box.has-remote-video,
.rtc-media-box.has-local-video{
  display:block;
}
#rtcRemoteVideo{
  width:100%;
  height:100%;
  object-fit:cover;
  background:#0f172a;
}
#rtcLocalVideo{
  position:absolute;
  right:10px;
  bottom:10px;
  width:92px;
  height:126px;
  border-radius:18px;
  object-fit:cover;
  background:#111827;
  border:2px solid rgba(255,255,255,.82);
  box-shadow:0 12px 30px rgba(0,0,0,.32);
  display:none;
}
.rtc-media-box.has-local-video #rtcLocalVideo{
  display:block;
}
#rtcRemoteAudio{
  display:none;
}
.call-panel.is-connected .call-card{
  border-color:rgba(34,197,94,.22);
}
@media(max-width:520px){
  .rtc-media-box{
    height:220px;
  }
  #rtcLocalVideo{
    width:82px;
    height:112px;
  }
}


/* === RedsBlack Chat v1.9.5 — WebRTC audio/video layout hotfix === */
.call-panel{
  overflow:hidden;
}
.call-card{
  max-height:calc(100dvh - 28px);
  overflow-y:auto;
  overflow-x:hidden;
  max-width:min(430px, calc(100vw - 24px))!important;
}
.rtc-media-box{
  width:100%!important;
  max-width:100%!important;
  height:160px!important;
  max-height:34dvh!important;
  border-radius:22px!important;
  margin:10px 0 12px!important;
  display:none;
}
.rtc-media-box.has-remote-video,
.rtc-media-box.has-local-video{
  display:block!important;
}
#rtcRemoteVideo{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#rtcLocalVideo{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  width:74px!important;
  height:96px!important;
  max-width:24vw!important;
  max-height:26vw!important;
  border-radius:15px!important;
  object-fit:cover!important;
  background:#111827!important;
  border:2px solid rgba(255,255,255,.88)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  display:none;
}
.rtc-media-box.has-local-video #rtcLocalVideo{
  display:block!important;
}
.rtc-debug-status{
  margin:-2px auto 10px;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:5px 10px;
  background:#f2f4f8;
  color:#667085;
  font-size:11px;
  font-weight:900;
  text-align:center;
}
@media(max-width:520px){
  .call-panel{
    padding:10px!important;
    align-items:center!important;
  }
  .call-card{
    width:calc(100vw - 20px)!important;
    border-radius:28px!important;
    padding:14px!important;
  }
  .call-avatar-ring{
    width:82px!important;
    height:82px!important;
    margin:8px auto 10px!important;
  }
  .call-avatar{
    font-size:32px!important;
  }
  .call-card h2{
    font-size:19px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .call-card p{
    margin:5px 0 7px!important;
    font-size:14px!important;
  }
  .call-time{
    margin-bottom:8px!important;
    font-size:15px!important;
    padding:6px 10px!important;
  }
  .rtc-media-box{
    height:135px!important;
    max-height:26dvh!important;
  }
  #rtcLocalVideo{
    width:62px!important;
    height:82px!important;
  }
  .call-actions{
    gap:7px!important;
    margin-bottom:8px!important;
  }
  .call-actions button{
    min-height:56px!important;
    border-radius:17px!important;
  }
  .call-actions button span{
    font-size:20px!important;
  }
  .call-actions button b{
    font-size:11px!important;
  }
  .call-end{
    min-height:48px!important;
    border-radius:19px!important;
  }
}


/* === RedsBlack Chat v1.9.6 — answer_sdp debug visibility === */
.rtc-debug-status{
  white-space:normal;
  line-height:1.25;
}


/* === RedsBlack Chat v1.9.7 — strict call panel/video containment === */
.call-panel{
  overflow:hidden!important;
  align-items:center!important;
  justify-items:center!important;
}
.call-card{
  width:min(430px, calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
.rtc-media-box{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:128px!important;
  max-height:24dvh!important;
  box-sizing:border-box!important;
}
#rtcRemoteVideo,
#rtcLocalVideo{
  transform:none!important;
}
#rtcLocalVideo{
  width:64px!important;
  height:84px!important;
  max-width:64px!important;
  max-height:84px!important;
}
.rtc-debug-status{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:520px){
  .call-panel{
    padding:8px!important;
  }
  .call-card{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    padding:12px!important;
  }
  .rtc-media-box{
    height:112px!important;
    max-height:20dvh!important;
  }
  #rtcLocalVideo{
    width:56px!important;
    height:74px!important;
    max-width:56px!important;
    max-height:74px!important;
  }
}


/* === RedsBlack Chat v1.9.8 — audio-only call focus === */
.call-card.audio-only-call .rtc-media-box,
.audio-only-call .rtc-media-box,
.audio-only-call #rtcRemoteVideo,
.audio-only-call #rtcLocalVideo{
  display:none!important;
}
.audio-only-call .disabled-video{
  opacity:.52;
  filter:grayscale(1);
}
.audio-only-call .call-actions{
  grid-template-columns:1fr 1fr 1fr;
}
.audio-only-call .call-card,
.call-card.audio-only-call{
  max-width:390px!important;
}
.audio-only-call .call-avatar-ring{
  width:96px!important;
  height:96px!important;
}
.audio-only-call .call-time{
  background:#ecfdf3!important;
  color:#047857!important;
}
.audio-only-call .rtc-debug-status{
  background:#eef5ff!important;
  color:#0f57c6!important;
}
@media(max-width:520px){
  .audio-only-call .call-avatar-ring{
    width:82px!important;
    height:82px!important;
  }
  .audio-only-call .call-card,
  .call-card.audio-only-call{
    max-width:calc(100vw - 18px)!important;
  }
}


/* === RedsBlack Chat v1.9.9 — ringtone + speaker route UI === */
#callSpeakerBtn.speaker-active{
  background:#111827!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.20);
}
#callSpeakerBtn.speaker-active span,
#callSpeakerBtn.speaker-active b{
  color:#fff!important;
}


/* === RedsBlack Chat v2.0.0 — ringtone unlock hotfix === */
#rbcSoundUnlockPrompt{
  position:fixed;
  left:50%;
  bottom:calc(96px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  z-index:999999;
  border:0;
  border-radius:999px;
  padding:12px 16px;
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  color:#fff;
  font-weight:1000;
  box-shadow:0 16px 34px rgba(239,35,60,.28);
}
.call-enable-sound{
  width:100%;
  min-height:42px;
  border:0;
  border-radius:17px;
  background:#fff7ed;
  color:#c2410c;
  font-weight:1000;
  margin:0 0 9px;
}
.call-panel.is-connected .call-enable-sound{
  display:none;
}


/* === RedsBlack Chat v2.0.2 — call controls fix === */
#callMuteBtn.muted-active{
  background:#fee2e2!important;
  color:#b42318!important;
  box-shadow:0 10px 24px rgba(180,35,24,.14);
}
#callMuteBtn.muted-active span,
#callMuteBtn.muted-active b{
  color:#b42318!important;
}
#callSpeakerBtn.speaker-active{
  background:#111827!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.20);
}
#callSpeakerBtn.speaker-active span,
#callSpeakerBtn.speaker-active b{
  color:#fff!important;
}
.call-actions button{
  touch-action:manipulation;
}


/* === RedsBlack Chat v2.0.3 — presence/online stability === */
.presence-dot,
.status-dot,
.online-dot{
  transition:background .2s ease, opacity .2s ease;
}


/* === RedsBlack Chat v2.0.4 — Web Push Prep === */
.rbc-enable-push-btn{
  position:fixed;
  right:12px;
  bottom:calc(78px + env(safe-area-inset-bottom,0px));
  z-index:25000;
  border:0;
  border-radius:999px;
  padding:10px 13px;
  background:linear-gradient(135deg,#111827,#334155);
  color:#fff;
  font-weight:1000;
  font-size:12px;
  box-shadow:0 14px 32px rgba(15,23,42,.22);
}
.rbc-enable-push-btn.is-enabled{
  background:linear-gradient(135deg,#16a34a,#22c55e);
}
.rbc-enable-push-btn.is-denied{
  background:#f2f4f8;
  color:#667085;
}
@media(max-width:520px){
  .rbc-enable-push-btn{
    right:10px;
    bottom:calc(84px + env(safe-area-inset-bottom,0px));
    max-width:calc(100vw - 20px);
  }
}


/* === RedsBlack Chat v2.0.5 — Push toast fix === */
.rbc-toast{
  position:fixed;
  left:50%;
  bottom:calc(92px + env(safe-area-inset-bottom,0px));
  transform:translate(-50%, 18px);
  z-index:40000;
  max-width:calc(100vw - 34px);
  border-radius:999px;
  padding:11px 16px;
  background:linear-gradient(135deg,#16a34a,#22c55e);
  color:#fff;
  font-weight:1000;
  font-size:14px;
  box-shadow:0 16px 34px rgba(22,163,74,.26);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
  white-space:nowrap;
}
.rbc-toast.show{
  opacity:1;
  transform:translate(-50%, 0);
}
.rbc-toast.error{
  background:linear-gradient(135deg,#ef233c,#ff5d70);
}
.rbc-enable-push-btn.is-enabled{
  display:none!important;
}
@media(max-width:520px){
  .rbc-toast{
    bottom:calc(104px + env(safe-area-inset-bottom,0px));
    font-size:13px;
    padding:10px 14px;
  }
}


/* === RedsBlack Chat v2.0.6 — private unread badges === */
.chat-meta .private-unread-badge,
.private-unread-badge{
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:linear-gradient(135deg,#ef233c,#ff5d70);
  color:#fff;
  font-size:12px;
  font-style:normal;
  font-weight:1000;
  box-shadow:0 8px 18px rgba(239,35,60,.22);
}
.chat-meta em:empty{
  display:none;
}
.private-unread-nav-badge{
  background:linear-gradient(135deg,#ef233c,#ff5d70)!important;
}

/* v2.1.3 — room message avatars + tap avatar/name to open private chat */
.msg-room-line{
  display:flex;
  align-items:flex-end;
  gap:8px;
  max-width:100%;
}
.msg.mine .msg-room-line{
  justify-content:flex-end;
}
.msg-room-stack{
  min-width:0;
  display:grid;
  gap:5px;
}
.msg-sender-avatar{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  border:2px solid #fff;
  padding:0;
  background:#f3f6fb;
  box-shadow:0 7px 18px rgba(20,40,80,.14);
  overflow:hidden;
  display:block;
}
.msg-sender-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.msg-sender-avatar.is-clickable,
.sender-name.is-clickable{
  cursor:pointer;
}
.msg-sender-avatar.is-clickable:active{
  transform:scale(.96);
}
.sender-name{
  border:0;
  background:transparent;
  padding:0;
  text-align:left;
  font:inherit;
  display:block;
  color:#ef233c;
  font-size:12px;
  font-weight:900;
  margin:0 0 4px;
}
.sender-name.is-clickable:hover{
  text-decoration:underline;
}
.msg.mine .sender-name{
  text-align:right;
  color:#0e4ea9;
}

@media (max-width: 720px){
  .msg-sender-avatar{
    flex-basis:42px;
    width:42px;
    height:42px;
  }
  .msg-room-line{
    gap:7px;
  }
  .msg.room-msg{
    max-width:94%;
  }
}

/* v2.1.4 — WhatsApp-style read receipts for private messages */
.msg-read-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:4px;
  letter-spacing:-2px;
  font-size:12px;
  font-weight:900;
  line-height:1;
  vertical-align:-1px;
  color:#9aa4b2;
  user-select:none;
}
.msg-read-state.is-read{
  color:#1d73f8;
}
.msg-read-state.is-sent{
  color:#9aa4b2;
}
.msg.mine .msg-meta .msg-read-state{
  margin-left:5px;
}

/* v2.1.6 — Passwordless email-code login */
.alert.success{
  background:#ecfdf5;
  color:#047857;
  border:1px solid #bbf7d0;
}
.auth-card-wide{
  width:min(520px,100%);
}
.auth-mode-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:6px;
  margin:0 0 16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f4f7fb;
}
.auth-mode-tabs a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:14px;
  text-decoration:none;
  font-weight:900;
  color:#4b5563;
}
.auth-mode-tabs a.active{
  background:#fff;
  color:var(--blue);
  box-shadow:var(--shadow2);
}
.email-code-form .code-input{
  text-align:center;
  font-size:30px;
  font-weight:950;
  letter-spacing:.45em;
  padding-left:calc(14px + .45em);
}
.auth-inline-form{
  display:flex;
  justify-content:center;
  margin:12px 0 0;
}
.link-button{
  border:0;
  background:transparent;
  color:var(--blue);
  font-weight:900;
  text-decoration:underline;
  padding:8px;
}
.auth-help-box{
  display:grid;
  gap:4px;
  margin-top:16px;
  padding:12px 14px;
  border-radius:16px;
  background:#f8fbff;
  border:1px solid var(--line);
  color:#4b5563;
  font-size:13px;
  line-height:1.45;
}
.auth-help-box b{
  color:#111827;
}
.backup-login{
  margin-bottom:0;
}
@media (max-width:520px){
  .auth-card-wide{padding:22px;border-radius:24px}
  .email-code-form .code-input{font-size:26px}
}


/* === RedsBlack Chat v2.1.7 — private 1:1 video calls === */
#chatHeaderVideoBtn,
[data-video-call-action]{
  touch-action:manipulation;
}
#chatHeaderVideoBtn.active-call,
.round-action.active-video-call{
  background:linear-gradient(135deg,#1d73f8,#22c55e)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(29,115,248,.26)!important;
}
.call-panel.video-call{
  background:
    radial-gradient(circle at 50% 6%, rgba(29,115,248,.32), transparent 34%),
    rgba(5,10,22,.72)!important;
}
.call-panel.video-call .call-card{
  width:min(520px, calc(100vw - 18px))!important;
  max-width:min(520px, calc(100vw - 18px))!important;
  max-height:calc(100dvh - 18px)!important;
  padding:12px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#101827,#070b14)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46)!important;
}
.call-panel.video-call .call-close{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  z-index:5;
}
.call-panel.video-call .call-avatar-ring{
  display:none!important;
}
.call-panel.video-call .call-card h2{
  color:#fff!important;
  font-size:17px!important;
  margin:2px 44px 3px!important;
}
.call-panel.video-call .call-card p{
  color:rgba(255,255,255,.70)!important;
  margin:3px 0 6px!important;
  font-size:13px!important;
}
.call-panel.video-call .call-time{
  margin:0 auto 8px!important;
  background:rgba(34,197,94,.16)!important;
  color:#86efac!important;
  border:1px solid rgba(134,239,172,.22)!important;
  font-size:14px!important;
}
.call-panel.video-call .rtc-media-box{
  display:block!important;
  height:min(56dvh,430px)!important;
  max-height:56dvh!important;
  min-height:270px!important;
  border-radius:26px!important;
  margin:8px 0 10px!important;
  background:#020617!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 18px 44px rgba(0,0,0,.38)!important;
}
.call-panel.video-call #rtcRemoteVideo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  background:#020617!important;
  display:block!important;
  z-index:1;
}
.call-panel.video-call #rtcLocalVideo{
  position:absolute!important;
  right:12px!important;
  bottom:12px!important;
  width:104px!important;
  height:138px!important;
  max-width:30vw!important;
  max-height:30vh!important;
  border-radius:20px!important;
  object-fit:cover!important;
  background:#111827!important;
  border:2px solid rgba(255,255,255,.88)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.38)!important;
  display:block!important;
  z-index:2;
  cursor:pointer;
}
.call-panel.video-call .rtc-media-box.local-main #rtcLocalVideo{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  z-index:1!important;
}
.call-panel.video-call .rtc-media-box.local-main #rtcRemoteVideo{
  inset:auto 12px 12px auto!important;
  width:104px!important;
  height:138px!important;
  max-width:30vw!important;
  max-height:30vh!important;
  border-radius:20px!important;
  border:2px solid rgba(255,255,255,.88)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.38)!important;
  z-index:2!important;
  cursor:pointer;
}
.call-panel.video-call .rtc-debug-status{
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.72)!important;
}
.call-panel.video-call .call-actions{
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
.call-panel.video-call .call-actions button{
  min-height:58px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.call-panel.video-call .call-actions button span,
.call-panel.video-call .call-actions button b{
  color:#fff!important;
}
.call-panel.video-call #callVideoBtn{
  background:linear-gradient(135deg,#1d73f8,#22c55e)!important;
}
.call-panel.video-call .call-end{
  min-height:50px!important;
  border-radius:20px!important;
}
@media(max-width:520px){
  .call-panel.video-call{
    padding:6px!important;
  }
  .call-panel.video-call .call-card{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    border-radius:26px!important;
    padding:10px!important;
  }
  .call-panel.video-call .rtc-media-box{
    height:52dvh!important;
    max-height:52dvh!important;
    min-height:250px!important;
    border-radius:24px!important;
  }
  .call-panel.video-call #rtcLocalVideo,
  .call-panel.video-call .rtc-media-box.local-main #rtcRemoteVideo{
    width:86px!important;
    height:116px!important;
    right:10px!important;
    bottom:10px!important;
    border-radius:18px!important;
  }
  .call-panel.video-call .call-actions button{
    min-height:52px!important;
  }
}

/* v2.2.0 — hold avatar preview */
.rbc-avatar-preview-trigger{
  cursor:pointer;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
.rbc-avatar-preview-trigger img{
  -webkit-user-drag:none;
}
.rbc-avatar-preview-overlay{
  position:fixed;
  inset:0;
  z-index:10080;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(8,10,18,.58);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.rbc-avatar-preview-card{
  position:relative;
  width:min(86vw,360px);
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:26px 22px 22px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,246,246,.92));
  box-shadow:0 28px 70px rgba(15,23,42,.35);
  animation:rbcAvatarPreviewPop .16s ease-out;
}
.rbc-avatar-preview-ring{
  width:218px;
  height:218px;
  border-radius:999px;
  padding:7px;
  background:linear-gradient(135deg,#ff2d55,#ffffff,#111827);
  box-shadow:0 18px 45px rgba(225,29,72,.22);
}
.rbc-avatar-preview-ring img{
  width:100%;
  height:100%;
  border-radius:999px;
  object-fit:cover;
  display:block;
  background:#eef2f7;
  border:4px solid #fff;
}
.rbc-avatar-preview-name{
  margin-top:16px;
  max-width:100%;
  font-weight:900;
  font-size:22px;
  color:#111827;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rbc-avatar-preview-hint{
  margin-top:7px;
  font-size:12px;
  font-weight:700;
  color:#64748b;
}
.rbc-avatar-preview-close{
  position:absolute;
  top:13px;
  right:13px;
  width:38px;
  height:38px;
  border:0;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(15,23,42,.22);
}
body.rbc-avatar-preview-open{
  overflow:hidden;
}
@keyframes rbcAvatarPreviewPop{
  from{transform:scale(.94);opacity:.6}
  to{transform:scale(1);opacity:1}
}
@media (max-width:640px){
  .rbc-avatar-preview-overlay{padding:18px}
  .rbc-avatar-preview-card{width:min(92vw,340px);min-height:286px;border-radius:32px}
  .rbc-avatar-preview-ring{width:205px;height:205px}
  .rbc-avatar-preview-name{font-size:21px}
}


/* v2.2.5 — call/video controls are private-chat only. Public rooms cannot start 1:1 calls. */
#chatHeaderCallBtn.hidden,
#chatHeaderVideoBtn.hidden,
.chat-actions .round-action.private-only-disabled {
  display: none !important;
}

body.rbc-public-room-active #chatHeaderCallBtn,
body.rbc-public-room-active #chatHeaderVideoBtn {
  display: none !important;
}

/* v2.2.8 — mobile chip/status row safe right padding
   Fixes last status/language/invite chip being cut off on the right edge. */
.status-row{
  padding-left:0;
  padding-right:34px;
  scroll-padding-left:0;
  scroll-padding-right:34px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.status-row::after{
  content:"";
  flex:0 0 24px;
  min-width:24px;
}
.status-pill{
  flex:0 0 auto;
}
@media (max-width: 560px){
  .status-row{
    margin-right:-16px;
    padding-right:46px;
  }
  .status-row::after{
    flex-basis:32px;
    min-width:32px;
  }
  .status-pill{
    padding:6px 10px 6px 6px;
    gap:6px;
  }
  .status-pill span:not(.status-avatar),
  .status-avatar img{
    width:28px;
    height:28px;
  }
}



/* === v2.3.0 Premium Chats Polish === */

@media (max-width:640px){

  body{
    background:
      radial-gradient(circle at top right, rgba(59,130,246,.08), transparent 32%),
      radial-gradient(circle at top left, rgba(236,72,153,.06), transparent 28%),
      #f6f7fb;
  }

  .topbar,
  .chat-topbar,
  .header-wrap{
    padding-bottom:8px !important;
  }

  .page-title,
  .chat-page-title,
  h1{
    margin-bottom:4px !important;
  }

  .status-row{
    gap:10px !important;
    padding-top:4px !important;
    padding-bottom:6px !important;
  }

  .status-pill{
    border-radius:22px !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:0 4px 18px rgba(15,23,42,.06) !important;
    border:1px solid rgba(255,255,255,.9) !important;
  }

  .status-pill.active{
    background:linear-gradient(135deg,#4f8cff,#5ab7ff) !important;
    color:#fff !important;
  }

  .search-wrap input,
  .search-input,
  input[type="search"]{
    height:54px !important;
    border-radius:22px !important;
    font-size:17px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.05);
  }

  .filter-row-v154{
    gap:10px !important;
    padding-right:40px !important;
    overflow-x:auto !important;
    scrollbar-width:none;
  }

  .filter-row-v154::-webkit-scrollbar{
    display:none;
  }

  .filter-row-v154 .chip{
    flex:0 0 auto !important;
    min-width:auto !important;
    padding:12px 20px !important;
    border-radius:22px !important;
    font-size:15px !important;
    font-weight:700 !important;
    background:#f1f3f8 !important;
    box-shadow:0 4px 14px rgba(15,23,42,.04);
  }

  .filter-row-v154 .chip.active{
    background:linear-gradient(135deg,#4f8cff,#56c6ff) !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(79,140,255,.28) !important;
  }

  .filter-row-v154 .chip-invite{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .chat-list .chat-item,
  .chat-card,
  .conversation-item,
  .mini-chat{
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(230,235,245,.9) !important;
    border-radius:28px !important;
    box-shadow:0 10px 30px rgba(15,23,42,.05);
    transition:transform .18s ease, box-shadow .18s ease;
  }

  .chat-list .chat-item:active,
  .chat-card:active,
  .conversation-item:active{
    transform:scale(.985);
  }

  .chat-list .chat-item:first-child,
  .chat-card:first-child,
  .conversation-item:first-child{
    border-color:rgba(96,165,250,.35) !important;
    box-shadow:0 14px 34px rgba(59,130,246,.12);
  }

  .chat-list .chat-item img,
  .chat-card img,
  .conversation-item img{
    box-shadow:0 4px 14px rgba(15,23,42,.16);
    border:2px solid rgba(255,255,255,.95);
  }

  .online-label,
  .chat-status-right{
    font-size:13px !important;
    color:#22c55e !important;
    font-weight:700 !important;
  }

  .bottom-nav,
  .mobile-tabbar{
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    background:rgba(255,255,255,.82) !important;
    border-top:1px solid rgba(226,232,240,.8);
    box-shadow:0 -8px 28px rgba(15,23,42,.06);
  }

  .bottom-nav .badge,
  .mobile-tabbar .badge{
    transform:scale(.88);
    box-shadow:0 4px 12px rgba(239,68,68,.25);
  }
}

/* === v2.3.2 SAFE Premium Light/Dark polish ===
   Scope: visual mobile polish + theme toggle only.
   Does NOT touch chat logic, message sending, upload, rooms bridge or translations. */

.theme-toggle{
  background:#ffffff!important;
  color:#0f172a!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  font-size:20px!important;
  line-height:1!important;
}

.status-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  line-height:1.06;
}
.status-copy b{font-size:15px;letter-spacing:-.02em}
.status-copy small{
  margin-top:4px;
  font-size:11px;
  font-weight:800;
  color:#687386;
}
.status-pill.active .status-copy small{color:rgba(255,255,255,.86)}
.status-icon{font-size:17px}
.search-sliders{color:#64748b;font-weight:900;font-size:20px;opacity:.9}
.search-icon{font-size:22px;color:#64748b;line-height:1}

@media (max-width:640px){
  .list-panel{
    background:
      radial-gradient(circle at 94% 2%, rgba(56,145,255,.105), transparent 34%),
      radial-gradient(circle at 10% 0%, rgba(255,51,95,.06), transparent 30%),
      linear-gradient(180deg,#ffffff 0%,#f8faff 58%,#ffffff 100%)!important;
  }

  .mobile-app-top{
    margin-bottom:9px!important;
  }
  .mobile-brand{
    letter-spacing:-.035em;
  }
  .mobile-brand .brand-mark{
    width:42px!important;
    height:42px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  }
  .mini-round{
    width:44px!important;
    height:44px!important;
    box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  }
  .mini-round.red{
    box-shadow:0 14px 30px rgba(255,51,95,.28)!important;
  }

  .panel-header{
    align-items:flex-start!important;
  }
  .panel-header h1{
    font-size:37px!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
  }
  .panel-header p{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:10px!important;
    font-size:15px!important;
    color:#6b7280!important;
  }
  .panel-header p::before{
    content:"🔒";
    font-size:13px;
    opacity:.72;
  }
  .panel-header .icon-btn{
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  }

  .status-row{
    margin-top:14px!important;
    margin-bottom:12px!important;
    gap:12px!important;
    padding-top:2px!important;
    padding-bottom:8px!important;
  }
  .status-pill{
    min-height:62px!important;
    padding:10px 16px 10px 10px!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.9)!important;
    border:1px solid rgba(226,232,240,.92)!important;
    box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
    gap:10px!important;
  }
  .status-pill.active{
    background:linear-gradient(135deg,#eaf3ff 0%,#dfeaff 50%,#f6faff 100%)!important;
    color:#1944c9!important;
    border-color:rgba(99,159,255,.28)!important;
  }
  .status-pill.active .status-copy small{color:#4f66a4!important}
  .status-avatar img,
  .status-pill span:not(.status-avatar):not(.status-copy){
    width:42px!important;
    height:42px!important;
  }
  .status-avatar img{
    border:2px solid #fff;
    box-shadow:0 8px 18px rgba(15,23,42,.14);
  }
  .status-icon{
    background:#f4f7fb!important;
    box-shadow:inset 0 0 0 1px rgba(226,232,240,.65);
  }
  .status-copy b{font-size:17px!important}
  .status-copy small{font-size:12px!important}
  .status-invite-pill .status-icon{
    background:#eef5ff!important;
  }

  .search-wrap{
    height:58px!important;
    margin-top:10px!important;
    margin-bottom:14px!important;
    border-radius:26px!important;
    padding:0 18px!important;
    background:rgba(246,248,252,.92)!important;
    border:1px solid rgba(226,232,240,.9)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.85)!important;
  }
  .search-wrap input{
    height:58px!important;
    padding:0 4px!important;
    font-size:18px!important;
    box-shadow:none!important;
  }

  .tab-row{
    gap:10px!important;
    margin:0 -14px 14px 0!important;
    padding:0 30px 6px 0!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    scroll-padding-right:34px;
  }
  .tab-row::-webkit-scrollbar{display:none!important}
  .tab-row .chip{
    flex:0 0 auto!important;
    min-width:auto!important;
    border:0!important;
    padding:13px 20px!important;
    border-radius:24px!important;
    background:#f1f4f9!important;
    color:#4b5563!important;
    font-size:15px!important;
    font-weight:900!important;
    box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
  }
  .tab-row .chip.active{
    color:#fff!important;
    background:linear-gradient(135deg,#2f75ff,#45c5ff)!important;
    box-shadow:0 14px 28px rgba(47,117,255,.24)!important;
  }
  .tab-row .chip-invite::before{
    content:"👥+";
    margin-right:6px;
    font-size:15px;
  }

  .chat-list{
    gap:10px!important;
    margin-top:8px!important;
  }
  .chat-list .chat-item{
    position:relative;
    grid-template-columns:64px minmax(0,1fr) auto!important;
    min-height:92px!important;
    padding:14px 14px!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
    overflow:hidden;
  }
  .chat-list .chat-item:first-child{
    background:linear-gradient(135deg,rgba(239,247,255,.96),rgba(255,255,255,.94))!important;
    border-color:rgba(69,168,255,.34)!important;
    box-shadow:0 18px 38px rgba(47,117,255,.14)!important;
  }
  .chat-list .chat-item:first-child::before{
    content:"";
    position:absolute;
    left:0;top:18px;bottom:18px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,#2f75ff,#45c5ff);
  }
  .chat-list .chat-item .avatar-wrap,
  .chat-list .chat-item img{
    width:56px!important;
    height:56px!important;
  }
  .chat-list .chat-item img{
    border-radius:22px!important;
    border:2px solid #fff!important;
    box-shadow:0 10px 22px rgba(15,23,42,.14)!important;
  }
  .chat-list .chat-item b{
    font-size:20px!important;
    letter-spacing:-.035em!important;
    line-height:1.05!important;
  }
  .chat-list .chat-item small{
    max-width:210px!important;
    margin-top:7px!important;
    font-size:15px!important;
    line-height:1.2!important;
    color:#6b7280!important;
  }
  .chat-list .chat-item:first-child small{
    color:#1d73f8!important;
    font-weight:800!important;
  }
  .chat-meta em{
    font-style:normal!important;
    color:#64748b!important;
    font-size:14px!important;
  }
  .private-unread-badge,
  .nav-badge,
  .chip-badge{
    background:linear-gradient(135deg,#315cff,#237bff)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(49,92,255,.26)!important;
  }
  .presence.on{
    box-shadow:0 0 0 3px #fff,0 0 0 7px rgba(34,197,94,.18)!important;
    animation:rbcPresencePulse 1.8s ease-in-out infinite;
  }

  .bottom-nav{
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    width:auto!important;
    height:74px!important;
    border-radius:28px!important;
    border:1px solid rgba(226,232,240,.85)!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 -10px 34px rgba(15,23,42,.08)!important;
  }
  .bottom-link.active{
    border-radius:22px!important;
    background:#eef5ff!important;
    color:#1d73f8!important;
  }
  .bottom-link.add{
    width:64px!important;
    height:64px!important;
    background:linear-gradient(135deg,#315cff 0%,#33b7ff 100%)!important;
    box-shadow:0 16px 34px rgba(49,92,255,.32)!important;
  }
}

@keyframes rbcPresencePulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}

/* Dark mode: activated only by the new moon/sun button. */
html[data-rbc-theme="dark"] body.rbc-dark-theme{
  background:#07111f!important;
}

@media (max-width:640px){
  html[data-rbc-theme="dark"] body.rbc-dark-theme .list-panel{
    background:
      radial-gradient(circle at 94% 2%, rgba(255,51,95,.18), transparent 34%),
      radial-gradient(circle at 8% 0%, rgba(54,120,255,.20), transparent 32%),
      linear-gradient(180deg,#07111f 0%,#0b1524 70%,#07111f 100%)!important;
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .brand,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .panel-header h1{
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .brand-mark,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .mini-round,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .panel-header .icon-btn{
    background:rgba(255,255,255,.08)!important;
    color:#f8fafc!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .mini-round.red{
    background:linear-gradient(135deg,#ff315f,#ff174d)!important;
    color:#fff!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .theme-toggle{
    color:#ffd66e!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .panel-header p,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .status-copy small,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-list .chat-item small,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-meta em{
    color:#9fb0c8!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .status-pill{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#f8fafc!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .status-pill.active{
    background:linear-gradient(135deg,rgba(49,92,255,.30),rgba(255,255,255,.08))!important;
    border-color:rgba(96,165,250,.38)!important;
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .status-icon{
    background:rgba(255,255,255,.08)!important;
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.14)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .search-wrap{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .search-wrap input{
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .search-wrap input::placeholder{
    color:#7f8da3!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .search-icon,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .search-sliders{
    color:#9fb0c8!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .tab-row .chip{
    background:rgba(255,255,255,.08)!important;
    color:#d7e0ee!important;
    box-shadow:none!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .tab-row .chip.active{
    background:linear-gradient(135deg,#315cff,#7a4cff)!important;
    color:#fff!important;
    box-shadow:0 14px 30px rgba(49,92,255,.28)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-list .chat-item{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#f8fafc!important;
    box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-list .chat-item:first-child{
    background:linear-gradient(135deg,rgba(49,92,255,.18),rgba(255,255,255,.07))!important;
    border-color:rgba(96,165,250,.38)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-list .chat-item:first-child small{
    color:#68a7ff!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .bottom-nav{
    background:rgba(13,23,38,.88)!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 -14px 36px rgba(0,0,0,.32)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .bottom-link{
    color:#9fb0c8!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .bottom-link.active{
    background:rgba(54,120,255,.16)!important;
    color:#6aa8ff!important;
  }
}

/* === v2.3.3 HOTFIX: mobile status chips alignment / no overlap ===
   Small CSS-only fix after v2.3.2. No JS, no chat logic changes. */
@media (max-width:640px){
  .status-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:2px 30px 10px 0!important;
    margin-top:12px!important;
    margin-bottom:10px!important;
    scroll-snap-type:x proximity;
  }
  .status-row::-webkit-scrollbar{display:none!important;}

  .status-pill{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:150px!important;
    max-width:190px!important;
    min-height:60px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:9px 14px 9px 9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    scroll-snap-align:start;
  }

  .status-pill.active{
    min-width:190px!important;
    max-width:210px!important;
  }

  .status-pill .status-avatar,
  .status-pill .status-icon{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
  }

  .status-pill .status-avatar{
    background:transparent!important;
  }

  .status-pill .status-avatar img{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    border-radius:50%!important;
    object-fit:cover!important;
  }

  .status-pill .status-copy{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    place-items:normal!important;
    background:transparent!important;
    border-radius:0!important;
    overflow:hidden!important;
    line-height:1.1!important;
  }

  .status-pill .status-copy b,
  .status-pill .status-copy small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .status-pill .status-copy b{
    font-size:16px!important;
    letter-spacing:-.025em!important;
  }

  .status-pill .status-copy small{
    margin-top:4px!important;
    font-size:11px!important;
    line-height:1.1!important;
  }

  .status-invite-pill{
    min-width:132px!important;
    max-width:150px!important;
  }

  .search-wrap{
    margin-top:8px!important;
  }

  .tab-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-right:44px!important;
    margin-right:-14px!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .tab-row .chip{
    flex:0 0 auto!important;
  }

  .tab-row .chip-invite{
    padding-left:16px!important;
    padding-right:18px!important;
    margin-right:12px!important;
  }
}

/* === v2.3.4 final polish / dark rooms fix / safer mobile spacing ===
   CSS-only. No JS and no chat logic changes. */
@media (max-width:640px){
  /* a little more breathing room above fixed bottom nav */
  .chat-list,
  .room-list,
  .contacts-list,
  .media-list,
  .profile-mobile,
  #chatList,
  #roomList,
  #contactsList,
  #mediaList,
  #profilePaneMobile{
    padding-bottom:130px!important;
  }

  body.rbc-pwa .list-panel,
  body.rbc-mobile .list-panel,
  .list-panel{
    padding-bottom:150px!important;
  }

  /* keep top chips premium but less cramped on small phones */
  .status-row{
    gap:12px!important;
    padding-right:52px!important;
  }

  .status-pill{
    min-width:154px!important;
    max-width:178px!important;
    min-height:58px!important;
    padding:8px 13px 8px 9px!important;
  }

  .status-pill.active{
    min-width:184px!important;
    max-width:198px!important;
  }

  .status-pill .status-avatar,
  .status-pill .status-icon,
  .status-pill .status-avatar img{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }

  .status-pill .status-copy b{
    font-size:15px!important;
  }

  .status-pill .status-copy small{
    font-size:10.5px!important;
  }

  .tab-row{
    gap:10px!important;
    padding-right:64px!important;
  }

  .tab-row .chip{
    min-width:88px!important;
    padding:12px 18px!important;
  }

  .tab-row .chip:nth-child(3){
    min-width:128px!important;
  }

  .tab-row .chip-invite{
    min-width:94px!important;
    margin-right:34px!important;
  }

  .search-wrap{
    min-height:58px!important;
  }

  .search-wrap input{
    font-size:17px!important;
  }

  /* Rooms cards: less heavy, consistent with chat cards */
  .room-card{
    min-height:92px!important;
    padding:13px 14px!important;
    border-radius:24px!important;
  }

  .room-card-icon{
    width:54px!important;
    height:54px!important;
    border-radius:20px!important;
  }

  .room-star{
    width:38px!important;
    height:38px!important;
    border-radius:15px!important;
  }
}

/* Dark mode should darken Rooms as well, not leave white cards on a dark page. */
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card{
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.20)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.28)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card:after{
  background:rgba(96,165,250,.08)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card:nth-child(2n):after{
  background:rgba(244,63,94,.08)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card.is-favorite,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card.active,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card:hover{
  background:linear-gradient(135deg,rgba(49,92,255,.16),rgba(255,255,255,.055))!important;
  border-color:rgba(96,165,250,.38)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30), 0 0 0 1px rgba(96,165,250,.08)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card-copy small{
  color:#a9b6ca!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card-copy em{
  color:#68a7ff!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card-icon{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(96,165,250,.08))!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.10), 0 12px 24px rgba(0,0,0,.18)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .room-star{
  background:linear-gradient(135deg,#ffd84d,#f5b301)!important;
  border-color:rgba(255,216,77,.70)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(245,179,1,.20)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .room-open{
  background:rgba(96,165,250,.14)!important;
  color:#7bb3ff!important;
}

/* Light mode: keep cards clean and less washed out. */
@media (max-width:640px){
  html:not([data-rbc-theme="dark"]) .room-card,
  html[data-rbc-theme="light"] .room-card{
    background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
    border-color:rgba(220,229,242,.95)!important;
    box-shadow:0 12px 28px rgba(20,40,80,.06)!important;
  }

  html:not([data-rbc-theme="dark"]) .room-card.is-favorite,
  html[data-rbc-theme="light"] .room-card.is-favorite{
    border-color:rgba(96,165,250,.34)!important;
    box-shadow:0 14px 32px rgba(59,130,246,.10)!important;
  }
}


/* === v2.3.5 DARK MODE: opened room/chat screen ===
   CSS-only. Makes the active conversation/room panel follow dark mode.
   Does not touch JS, API, message sending, uploads, Rooms Bridge or translation. */
html[data-rbc-theme="dark"] body.rbc-dark-theme .app-shell,
html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-panel{
  background:#07111f!important;
  color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-panel{
  background:
    radial-gradient(circle at 92% 0%, rgba(255,51,95,.16), transparent 34%),
    radial-gradient(circle at 10% 0%, rgba(54,120,255,.18), transparent 36%),
    linear-gradient(180deg,#07111f 0%,#0b1524 68%,#07111f 100%)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-header{
  background:rgba(8,17,31,.88)!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
  color:#f8fafc!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-title b{
  color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-title small{
  color:#9fb0c8!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .mobile-back,
html[data-rbc-theme="dark"] body.rbc-dark-theme .round-action{
  background:rgba(255,255,255,.08)!important;
  color:#f8fafc!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .messages{
  background:
    radial-gradient(circle at 18% 12%, rgba(54,120,255,.13), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(255,51,95,.10), transparent 30%),
    linear-gradient(180deg,#081423 0%,#0b1524 56%,#07111f 100%)!important;
  color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .day-divider{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(148,163,184,.16)!important;
  color:#a9b6ca!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .empty-state,
html[data-rbc-theme="dark"] body.rbc-dark-theme .empty-state p{
  color:#9fb0c8!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .empty-state h2{
  color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg-bubble{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(148,163,184,.16)!important;
  color:#eef4ff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg.mine .msg-bubble{
  background:linear-gradient(135deg,rgba(49,115,248,.88),rgba(39,95,220,.82))!important;
  border-color:rgba(96,165,250,.34)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(29,115,248,.24)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg.theirs .msg-bubble{
  background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.055))!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg-text,
html[data-rbc-theme="dark"] body.rbc-dark-theme .msg-bubble a{
  color:inherit!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg-meta{
  color:#7f8da3!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg.mine .msg-meta{
  color:#91bfff!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .sender-name{
  color:#ff6b84!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg.mine .sender-name{
  color:#9bc4ff!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg-sender-avatar{
  border-color:rgba(255,255,255,.84)!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .msg-delete{
  background:rgba(8,17,31,.78)!important;
  color:#cbd5e1!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .file-link{
  background:rgba(255,255,255,.08)!important;
  color:#eef4ff!important;
  border:1px solid rgba(148,163,184,.16)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .composer{
  background:rgba(8,17,31,.92)!important;
  border-top:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 -12px 32px rgba(0,0,0,.26)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .composer input[name="body"]{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(148,163,184,.18)!important;
  color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .composer input[name="body"]::placeholder{
  color:#7f8da3!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .attach-btn,
html[data-rbc-theme="dark"] body.rbc-dark-theme .emoji-btn,
html[data-rbc-theme="dark"] body.rbc-dark-theme .mic-btn{
  background:rgba(255,255,255,.08)!important;
  color:#d7e0ee!important;
  border:1px solid rgba(148,163,184,.14)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .send-btn{
  background:linear-gradient(135deg,#315cff,#36b9ff)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(49,92,255,.30)!important;
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .emoji-panel,
html[data-rbc-theme="dark"] body.rbc-dark-theme .emoji-picker,
html[data-rbc-theme="dark"] body.rbc-dark-theme .file-action-sheet,
html[data-rbc-theme="dark"] body.rbc-dark-theme .media-action-sheet{
  background:#101b2d!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.16)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.38)!important;
}

@media (max-width:720px){
  html[data-rbc-theme="dark"] body.rbc-dark-theme.rbc-chat-open,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .app-shell.chat-open{
    background:#07111f!important;
  }

  html[data-rbc-theme="dark"] body.rbc-dark-theme.rbc-chat-open .chat-panel,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .app-shell.chat-open .chat-panel{
    background:
      radial-gradient(circle at 92% 0%, rgba(255,51,95,.16), transparent 34%),
      radial-gradient(circle at 10% 0%, rgba(54,120,255,.18), transparent 36%),
      linear-gradient(180deg,#07111f 0%,#0b1524 68%,#07111f 100%)!important;
  }

  html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-header{
    min-height:68px!important;
  }

  html[data-rbc-theme="dark"] body.rbc-dark-theme .messages{
    padding-bottom:calc(var(--rbc-composer-h,72px) + 24px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* === v2.3.6 Inbox sorting / scalable chat list === */
.inbox-section-label-v236{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 4px 10px;
  padding:0 4px;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.inbox-section-label-v236::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg,#38bdf8,#2563eb);
  box-shadow:0 0 0 4px rgba(59,130,246,.10);
}
.chat-item.has-private-activity small{
  color:#64748b;
  font-weight:650;
}
.chat-item.has-unread{
  border-color:rgba(37,99,235,.36) !important;
  box-shadow:0 12px 32px rgba(37,99,235,.11) !important;
}
.chat-item.has-unread small,
.chat-item.has-unread .chat-meta em{
  color:#2563eb !important;
  font-weight:850 !important;
}
.chat-item.is-suggestion{
  opacity:.94;
}
.chat-item.is-suggestion small::before{
  content:"+ ";
  color:#2563eb;
  font-weight:900;
}
.private-unread-badge{
  min-width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:0 7px;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#3b82f6);
  box-shadow:0 8px 18px rgba(37,99,235,.22);
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
@media (max-width:640px){
  .chat-item .chat-meta em{
    max-width:70px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .inbox-section-label-v236{
    margin-top:0;
    margin-bottom:8px;
    padding-left:4px;
  }
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .inbox-section-label-v236{
  color:#93a4bd;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-item.has-unread{
  border-color:rgba(96,165,250,.42) !important;
  box-shadow:0 14px 34px rgba(59,130,246,.14) !important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-item.has-unread small,
html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-item.has-unread .chat-meta em{
  color:#7db7ff !important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .chat-item.is-suggestion{
  opacity:.9;
}

/* === RedsBlack Chat v2.5.2 — smart presence / reachability === */
.avatar-wrap .presence.presence-online,
.avatar-wrap .presence.on{background:#17c964;box-shadow:0 0 0 3px rgba(23,201,100,.16)}
.avatar-wrap .presence.presence-recent{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16)}
.avatar-wrap .presence.presence-push{background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.avatar-wrap .presence.presence-offline{background:#9ca3af;opacity:.75}
.dot.recent{background:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.16)}
.status-pill.active.presence-ready{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(22,163,74,.22)!important;
}
.status-pill.active.presence-needs-push{
  background:linear-gradient(135deg,#ef233c,#ff8a4c)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(239,35,60,.22)!important;
}
.status-pill.active.presence-ready .status-copy small,
.status-pill.active.presence-needs-push .status-copy small{color:rgba(255,255,255,.88)!important}
.chat-item .chat-meta em{max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-rbc-theme="dark"] body.rbc-dark-theme .avatar-wrap .presence.presence-push{background:#60a5fa}
html[data-rbc-theme="dark"] body.rbc-dark-theme .avatar-wrap .presence.presence-recent{background:#fbbf24}


/* === RedsBlack Chat v2.5.3 — top My Status / call alerts centre === */
.my-presence-pill{
  position:relative;
  min-width:190px;
  padding-right:34px!important;
  overflow:visible!important;
}
.status-mini-bell{
  position:absolute;
  right:11px;
  top:50%;
  transform:translateY(-50%);
  width:23px;
  height:23px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.status-pill.active.presence-blocked{
  background:linear-gradient(135deg,#6b7280,#9ca3af)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(107,114,128,.18)!important;
}
.status-pill.active.presence-blocked .status-copy small{color:rgba(255,255,255,.88)!important}
.status-pill.active.presence-ready .status-mini-bell{color:#16a34a}
.status-pill.active.presence-needs-push .status-mini-bell{color:#ef233c}
.status-pill.active.presence-blocked .status-mini-bell{color:#6b7280}
.rbc-status-center{display:grid;gap:14px;margin-top:6px}
.rbc-status-hero{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(22,163,74,.12),rgba(34,197,94,.08));
  border:1px solid rgba(22,163,74,.16);
}
.rbc-status-center.needs-push .rbc-status-hero{
  background:linear-gradient(135deg,rgba(239,35,60,.10),rgba(255,138,76,.08));
  border-color:rgba(239,35,60,.16);
}
.rbc-status-hero-icon{
  width:40px;height:40px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.10);font-size:20px;flex:0 0 auto;
}
.rbc-status-hero b{display:block;font-size:17px;letter-spacing:-.02em;color:#111827;margin-bottom:3px}
.rbc-status-hero p{margin:0;color:#64748b;font-size:13px;line-height:1.4}
.rbc-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rbc-status-grid>div{padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb}
.rbc-status-grid small{display:block;color:#64748b;font-size:11px;margin-bottom:4px}
.rbc-status-grid b{display:block;color:#111827;font-size:13px;line-height:1.25}
.rbc-status-actions{display:grid;gap:8px}
@media(max-width:520px){
  .my-presence-pill{min-width:210px;max-width:82vw;flex:0 0 auto}
  .my-presence-pill .status-copy small{max-width:138px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rbc-status-grid{grid-template-columns:1fr}
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-status-hero b,
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-status-grid b{color:#eef2ff}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-status-hero p,
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-status-grid small{color:#aab8d4}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-status-grid>div{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.18)}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-status-hero-icon{background:rgba(15,23,42,.9)}

/* v2.5.5 — Urbiax Rentals live listings feed */
.room-card.is-urbiax-room {
  border-color: rgba(25, 118, 210, .28);
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(232,243,255,.9));
}
.room-card.is-urbiax-room .room-card-icon {
  background: linear-gradient(135deg, #eff8ff, #dbeafe);
}
.urbiax-feed-card {
  margin: 10px 8px 14px;
  padding: 14px;
  border: 1px solid rgba(37, 99, 235, .16);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(239,247,255,.96));
  box-shadow: 0 18px 50px rgba(15, 23, 42, .10);
  color: #111827;
}
.urbiax-feed-head {
  display: grid;
  grid-template-columns: 46px 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.urbiax-feed-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #dbeafe, #eff6ff);
  font-size: 23px;
}
.urbiax-feed-head h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.urbiax-feed-head p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
}
.urbiax-feed-head > a {
  padding: 8px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(37,99,235,.16);
  color: #1d4ed8;
  font-weight: 800;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.urbiax-listings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}
.urbiax-listing-card {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 10px;
  padding: 9px;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(148,163,184,.22);
}
.urbiax-listing-image {
  display: block;
  min-height: 92px;
  border-radius: 15px;
  overflow: hidden;
  background: #e5eefb;
  text-decoration: none;
}
.urbiax-listing-image img {
  width: 100%;
  height: 100%;
  min-height: 92px;
  object-fit: cover;
  display: block;
}
.urbiax-no-photo {
  width: 100%;
  height: 100%;
  min-height: 92px;
  display: grid;
  place-items: center;
  gap: 2px;
  text-align: center;
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
}
.urbiax-no-photo span {
  display: block;
  font-size: 24px;
}
.urbiax-listing-copy {
  min-width: 0;
}
.urbiax-listing-price {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eaf2ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.urbiax-listing-copy h4 {
  margin: 7px 0 2px;
  font-size: 14px;
  line-height: 1.18;
  letter-spacing: -.01em;
}
.urbiax-listing-meta,
.urbiax-listing-desc {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.3;
}
.urbiax-listing-desc {
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.urbiax-view-btn {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(37, 99, 235, .22);
}
.urbiax-feed-loading,
.urbiax-feed-empty {
  padding: 18px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.76);
  border: 1px dashed rgba(37,99,235,.20);
  text-align: center;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
}
.urbiax-feed-empty div {
  font-size: 28px;
  margin-bottom: 6px;
}
.urbiax-feed-empty b {
  display: block;
  color: #334155;
  line-height: 1.35;
}
.urbiax-feed-empty a {
  display: inline-flex;
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff;
  color: #1d4ed8;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid rgba(37,99,235,.16);
}
@media (max-width: 520px) {
  .urbiax-feed-card {
    margin-left: 2px;
    margin-right: 2px;
    padding: 12px;
    border-radius: 22px;
  }
  .urbiax-feed-head {
    grid-template-columns: 42px 1fr;
  }
  .urbiax-feed-head > a {
    grid-column: 2;
    justify-self: start;
    padding: 7px 10px;
  }
  .urbiax-listings-grid {
    grid-template-columns: 1fr;
  }
  .urbiax-listing-card {
    grid-template-columns: 96px 1fr;
  }
}

/* v2.6.0 — Urbiax Rentals pinned listings rail
   The latest listing stays visible at the top while room messages flow below.
*/
.messages.has-urbiax-feed{
  scroll-padding-top: 190px;
}
.messages.has-urbiax-feed .urbiax-feed-card{
  position: sticky;
  top: 0;
  z-index: 34;
  align-self: stretch;
  margin: 0 2px 12px;
  padding: 10px 10px 9px;
  border-radius: 0 0 22px 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(238,246,255,.98));
  border: 1px solid rgba(37, 99, 235, .18);
  border-top: 0;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .14);
  backdrop-filter: blur(16px);
}
.messages.has-urbiax-feed .urbiax-feed-head{
  grid-template-columns: 34px 1fr auto;
  gap: 8px;
  margin-bottom: 8px;
}
.messages.has-urbiax-feed .urbiax-feed-icon{
  width: 34px;
  height: 34px;
  border-radius: 14px;
  font-size: 18px;
}
.messages.has-urbiax-feed .urbiax-feed-head h3{
  font-size: 14px;
}
.messages.has-urbiax-feed .urbiax-feed-head p{
  display:none;
}
.messages.has-urbiax-feed .urbiax-feed-head > a{
  padding: 6px 9px;
  font-size: 11px;
}
.messages.has-urbiax-feed .urbiax-listings-grid{
  display: flex;
  gap: 9px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1px 2px 4px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.messages.has-urbiax-feed .urbiax-listing-card{
  flex: 0 0 min(430px, 88vw);
  grid-template-columns: 82px 1fr;
  gap: 9px;
  padding: 8px;
  border-radius: 17px;
  scroll-snap-align: start;
  background: rgba(255,255,255,.92);
}
.messages.has-urbiax-feed .urbiax-listing-image,
.messages.has-urbiax-feed .urbiax-listing-image img,
.messages.has-urbiax-feed .urbiax-no-photo{
  min-height: 78px;
}
.messages.has-urbiax-feed .urbiax-listing-copy h4{
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.12;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.messages.has-urbiax-feed .urbiax-listing-meta,
.messages.has-urbiax-feed .urbiax-listing-desc{
  font-size: 10.5px;
}
.messages.has-urbiax-feed .urbiax-listing-desc{
  -webkit-line-clamp: 1;
}
.messages.has-urbiax-feed .urbiax-view-btn{
  margin-top: 5px;
  padding: 5px 9px;
  font-size: 11px;
}
.messages.has-urbiax-feed .urbiax-feed-hint{
  margin-top: 4px;
  text-align: center;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 800;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .messages.has-urbiax-feed .urbiax-feed-card{
  background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(15,23,42,.92));
  border-color: rgba(96,165,250,.22);
  color: #e5e7eb;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .messages.has-urbiax-feed .urbiax-listing-card{
  background: rgba(15,23,42,.78);
  border-color: rgba(148,163,184,.18);
}
@media (max-width: 520px){
  .messages.has-urbiax-feed .urbiax-feed-card{
    margin-left: -2px;
    margin-right: -2px;
    padding: 8px 8px 8px;
    border-radius: 0 0 20px 20px;
  }
  .messages.has-urbiax-feed .urbiax-feed-head{
    grid-template-columns: 30px 1fr auto;
    margin-bottom: 6px;
  }
  .messages.has-urbiax-feed .urbiax-feed-icon{
    width: 30px;
    height: 30px;
    border-radius: 12px;
  }
  .messages.has-urbiax-feed .urbiax-feed-head > a{
    grid-column: auto;
    justify-self: end;
    padding: 5px 8px;
  }
  .messages.has-urbiax-feed .urbiax-listing-card{
    flex-basis: 89vw;
    grid-template-columns: 76px 1fr;
  }
  .messages.has-urbiax-feed .urbiax-listing-price{
    font-size: 11px;
    padding: 3px 7px;
  }
}


/* v2.6.1 — Urbiax Rentals compact pinned rail
   Remove the generic Today divider and tighten the pinned listings area to leave more room for chat writing.
*/
.messages.has-urbiax-feed{
  padding-top:0 !important;
  gap:7px;
  scroll-padding-top:132px;
}
.messages.has-urbiax-feed .day-divider{
  display:none !important;
}
.messages.has-urbiax-feed .urbiax-feed-card{
  top:0;
  margin-top:0 !important;
  margin-bottom:8px !important;
  padding:7px 9px 7px !important;
  border-radius:0 0 18px 18px !important;
}
.messages.has-urbiax-feed .urbiax-feed-head{
  margin-bottom:5px !important;
  gap:7px !important;
}
.messages.has-urbiax-feed .urbiax-feed-icon{
  width:28px !important;
  height:28px !important;
  border-radius:11px !important;
  font-size:16px !important;
}
.messages.has-urbiax-feed .urbiax-feed-head h3{
  font-size:13px !important;
  line-height:1.05 !important;
}
.messages.has-urbiax-feed .urbiax-feed-head > a{
  padding:4px 8px !important;
  font-size:10.5px !important;
}
.messages.has-urbiax-feed .urbiax-listings-grid{
  gap:7px !important;
  padding-bottom:2px !important;
}
.messages.has-urbiax-feed .urbiax-listing-card{
  grid-template-columns:70px 1fr !important;
  gap:8px !important;
  padding:6px !important;
  border-radius:15px !important;
}
.messages.has-urbiax-feed .urbiax-listing-image,
.messages.has-urbiax-feed .urbiax-listing-image img,
.messages.has-urbiax-feed .urbiax-no-photo{
  min-height:64px !important;
  height:64px !important;
}
.messages.has-urbiax-feed .urbiax-listing-price{
  font-size:10.5px !important;
  padding:2px 7px !important;
}
.messages.has-urbiax-feed .urbiax-listing-copy h4{
  margin-top:3px !important;
  -webkit-line-clamp:1 !important;
}
.messages.has-urbiax-feed .urbiax-listing-meta{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.messages.has-urbiax-feed .urbiax-listing-desc,
.messages.has-urbiax-feed .urbiax-feed-hint{
  display:none !important;
}
.messages.has-urbiax-feed .urbiax-view-btn{
  margin-top:3px !important;
  padding:4px 8px !important;
  font-size:10.5px !important;
}
@media (max-width:520px){
  .messages.has-urbiax-feed{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .messages.has-urbiax-feed .urbiax-feed-card{
    margin-left:-10px !important;
    margin-right:-10px !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .messages.has-urbiax-feed .urbiax-listing-card{
    flex-basis:86vw !important;
    grid-template-columns:66px 1fr !important;
  }
}

/* v2.6.2 — Buy & Sell room polish */
.room-card.is-buy-sell-room{
  border-color:rgba(245, 158, 11, .28);
  background:linear-gradient(135deg, rgba(255,247,237,.96), rgba(255,255,255,.92));
  box-shadow:0 14px 34px rgba(146,64,14,.10);
}
.room-card.is-buy-sell-room .room-card-icon{
  background:linear-gradient(135deg, #fff7ed, #fed7aa);
  box-shadow:inset 0 0 0 1px rgba(245,158,11,.22), 0 10px 24px rgba(146,64,14,.12);
}
.room-card.is-buy-sell-room .room-card-copy b{
  color:#7c2d12;
}
.room-card.is-buy-sell-room .room-card-copy em{
  color:#9a3412;
}
.welcome-card.buy-sell-welcome{
  border-color:rgba(245,158,11,.26);
  background:linear-gradient(135deg, rgba(255,247,237,.98), rgba(255,255,255,.94));
}
.welcome-card.buy-sell-welcome .welcome-card-icon{
  background:linear-gradient(135deg, #fff7ed, #fed7aa);
  color:#7c2d12;
}
.welcome-card.buy-sell-welcome .welcome-actions span{
  background:rgba(255,237,213,.78);
  color:#7c2d12;
  border-color:rgba(245,158,11,.24);
}

/* === RedsBlack Chat v2.6.3 Location Sharing === */
.rbc-plus-menu-v263{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.rbc-plus-menu-v263 button{
  width:100%;
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:10px;
  border:1px solid rgba(220,226,236,.95);
  background:linear-gradient(135deg,#fff,#f8fbff);
  color:#111827;
  border-radius:18px;
  padding:12px 13px;
  text-align:left;
  box-shadow:0 10px 24px rgba(20,40,80,.055);
  cursor:pointer;
}
.rbc-plus-menu-v263 button span{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef6ff,#fff0f2);
  font-size:20px;
}
.rbc-plus-menu-v263 button b{font-size:14px;letter-spacing:-.01em}
.rbc-plus-menu-v263 button small{
  justify-self:end;
  padding:5px 8px;
  border-radius:999px;
  background:#eef5ff;
  color:#1d73f8;
  font-weight:900;
}
.rbc-location-consent{text-align:center;display:grid;gap:12px}
.rbc-location-icon{
  width:68px;height:68px;margin:0 auto;border-radius:26px;display:grid;place-items:center;
  font-size:34px;background:linear-gradient(135deg,#eef6ff,#fff0f2);box-shadow:0 14px 32px rgba(20,40,80,.08)
}
.rbc-location-actions{display:grid;gap:9px;margin-top:4px}
.msg-location-bubble{padding:8px!important;background:transparent!important;box-shadow:none!important;border:0!important}
.msg.mine .msg-location-bubble{background:transparent!important}
.rbc-location-card{
  min-width:230px;
  max-width:310px;
  border:1px solid rgba(220,226,236,.95);
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border-radius:22px;
  padding:12px;
  box-shadow:0 14px 32px rgba(20,40,80,.085);
  color:#111827;
}
.location-live-card{border-color:rgba(27,185,95,.28);background:linear-gradient(135deg,#ffffff,#f4fff8)}
.location-request-card{border-color:rgba(29,115,248,.24);background:linear-gradient(135deg,#ffffff,#f3f8ff)}
.rbc-location-card-head{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.rbc-location-card-head span{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:rgba(29,115,248,.08)}
.rbc-location-card-head b{font-size:14px;letter-spacing:-.01em}
.rbc-location-card p{margin:4px 0 8px;color:#374151;line-height:1.35;font-size:13px}
.rbc-location-card small{display:block;color:#6b7280;font-weight:800;margin-top:4px}
.rbc-location-mini-map{
  height:86px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin:9px 0;
  font-size:28px;
  background:radial-gradient(circle at 52% 44%,rgba(239,35,60,.22),transparent 12%),linear-gradient(135deg,#eaf3ff,#f8fbff);
  border:1px solid rgba(220,226,236,.8);
}
.rbc-location-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.rbc-location-card-actions a,.rbc-location-card-actions button{
  border:0;
  border-radius:999px;
  padding:8px 10px;
  background:#eef5ff;
  color:#0f57c6;
  font-weight:900;
  font-size:12px;
  text-decoration:none;
  cursor:pointer;
}
.rbc-location-card-actions button[data-location-stop]{background:#fff0f2;color:#ef233c}
@media(max-width:720px){
  .rbc-location-card{max-width:min(310px,78vw)}
  .rbc-plus-menu-v263 button{grid-template-columns:38px 1fr auto;padding:10px 11px;border-radius:16px}
  .rbc-plus-menu-v263 button span{width:38px;height:38px;border-radius:14px}
}

/* === RedsBlack Chat v2.6.4 Location menu hotfix === */
.modal-backdrop.rbc-location-sheet{
  z-index:6000;
  place-items:end center;
  padding:14px 12px calc(18px + env(safe-area-inset-bottom,0px));
  background:rgba(15,23,42,.34);
  backdrop-filter:blur(8px);
}
.rbc-location-sheet .modal-card{
  width:min(520px, calc(100vw - 24px));
  max-height:min(78vh, 640px);
  overflow:auto;
  border-radius:30px;
  padding:22px 20px 20px;
  box-shadow:0 30px 90px rgba(15,23,42,.25);
}
.rbc-location-sheet .modal-card h2{
  font-size:clamp(28px,7vw,42px);
  line-height:1.02;
  letter-spacing:-.045em;
  padding-right:48px;
}
.rbc-location-sheet .modal-close{
  width:46px;
  height:46px;
  top:18px;
  right:18px;
  font-size:28px;
  font-weight:900;
  color:#111827;
  background:#f5f7fb;
}
.rbc-plus-menu-intro{
  font-size:16px;
  margin:2px 0 12px;
}
.rbc-plus-menu-v263{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.rbc-plus-menu-v263 button,
.rbc-plus-menu-v263 .rbc-plus-menu-option{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(220,226,236,.95);
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  color:#111827;
  border-radius:20px;
  padding:12px 13px;
  text-align:left;
  box-shadow:0 12px 26px rgba(20,40,80,.07);
  cursor:pointer;
  font:inherit;
  min-height:64px;
}
.rbc-plus-menu-v263 button:active{
  transform:scale(.99);
}
.rbc-plus-menu-v263 button span{
  width:46px;
  height:46px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef6ff,#fff0f2);
  font-size:22px;
}
.rbc-plus-menu-v263 button b{
  min-width:0;
  font-size:15px;
  line-height:1.15;
  letter-spacing:-.015em;
  white-space:normal;
}
.rbc-plus-menu-v263 button small{
  justify-self:end;
  padding:5px 9px;
  border-radius:999px;
  background:#eef5ff;
  color:#1d73f8;
  font-weight:900;
  font-size:12px;
  white-space:nowrap;
}
.rbc-location-consent-sheet .modal-card{
  max-width:460px;
}
@media (max-width:720px){
  .modal-backdrop.rbc-location-sheet{
    padding-left:10px;
    padding-right:10px;
  }
  .rbc-location-sheet .modal-card{
    border-radius:28px 28px 24px 24px;
  }
  .rbc-plus-menu-v263 button,
  .rbc-plus-menu-v263 .rbc-plus-menu-option{
    grid-template-columns:44px minmax(0,1fr) auto;
    min-height:60px;
    padding:10px 11px;
    border-radius:18px;
  }
  .rbc-plus-menu-v263 button span{
    width:44px;
    height:44px;
  }
  .rbc-plus-menu-v263 button b{
    font-size:14px;
  }
}


/* === RedsBlack Chat v2.6.8 — hard restore composer + touch/menu === */
body.rbc-chat-open #composer,
.app-shell.chat-open #composer,
body.rbc-chat-open .composer,
.app-shell.chat-open .composer{
  pointer-events:auto!important;
  isolation:isolate!important;
}
body.rbc-chat-open #attachBtn,
.app-shell.chat-open #attachBtn,
body.rbc-chat-open .composer .attach-btn,
.app-shell.chat-open .composer .attach-btn{
  position:relative!important;
  z-index:2147483000!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(29,115,248,.18)!important;
  cursor:pointer!important;
}
#rbcNativePlusSheet.hidden{display:none!important;}
#rbcNativePlusSheet.rbc-native-plus-sheet{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
  display:grid!important;
  align-items:end!important;
  justify-items:center!important;
  padding:14px 12px calc(18px + env(safe-area-inset-bottom,0px))!important;
}
.rbc-native-plus-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(15,23,42,.34)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.rbc-native-plus-card{
  position:relative!important;
  width:min(520px, calc(100vw - 24px))!important;
  background:#fff!important;
  border-radius:30px!important;
  padding:22px 20px 20px!important;
  box-shadow:0 30px 90px rgba(15,23,42,.25)!important;
  border:1px solid rgba(255,255,255,.85)!important;
}
.rbc-native-plus-card h2{
  margin:0 56px 6px 0!important;
  font-size:clamp(28px,7vw,42px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  color:#111827!important;
}
.rbc-native-plus-muted{
  margin:0 0 14px!important;
  color:#6b7280!important;
  font-weight:700!important;
}
.rbc-native-plus-x{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:999px!important;
  background:#f5f7fb!important;
  color:#111827!important;
  font-size:28px!important;
  font-weight:900!important;
}
.rbc-native-plus-option{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(220,226,236,.95)!important;
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  color:#111827!important;
  border-radius:20px!important;
  padding:12px 13px!important;
  margin:10px 0 0!important;
  text-align:left!important;
  box-shadow:0 12px 26px rgba(20,40,80,.07)!important;
  cursor:pointer!important;
  font:inherit!important;
  min-height:64px!important;
}
.rbc-native-plus-option:active{transform:scale(.99)!important;}
.rbc-native-plus-option span{
  width:46px!important;
  height:46px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#eef6ff,#fff0f2)!important;
  font-size:22px!important;
}
.rbc-native-plus-option b{
  min-width:0!important;
  font-size:15px!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
  color:#111827!important;
}
.rbc-native-plus-option small{
  justify-self:end!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#eef5ff!important;
  color:#1d73f8!important;
  font-weight:900!important;
  font-size:12px!important;
  white-space:nowrap!important;
}

/* === RedsBlack Chat v2.6.9 — polished location cards + reliable native sheet close === */
#rbcNativePlusSheet.hidden{display:none!important;pointer-events:none!important;}
#rbcNativePlusSheet.rbc-native-plus-sheet:not(.hidden){pointer-events:auto!important;}
.rbc-plus-sheet-open{overflow:hidden;}
.rbc-native-plus-backdrop,
.rbc-native-plus-x,
.rbc-native-plus-option{pointer-events:auto!important;touch-action:manipulation!important;}
.rbc-native-plus-x{display:grid!important;place-items:center!important;line-height:1!important;z-index:3!important;}
.rbc-native-plus-card{max-height:min(82vh,680px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}

.msg-location-bubble{padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;max-width:min(360px,86vw)!important;}
.msg.mine .msg-location-bubble{background:transparent!important;}
.rbc-location-card{
  width:min(340px,84vw)!important;
  max-width:min(340px,84vw)!important;
  border:1px solid rgba(201,213,232,.95)!important;
  background:linear-gradient(145deg,#ffffff 0%,#f6fbff 100%)!important;
  border-radius:24px!important;
  padding:12px!important;
  box-shadow:0 16px 38px rgba(15,44,95,.13)!important;
  color:#101827!important;
  overflow:hidden!important;
}
.rbc-location-card-head{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 10px!important;}
.rbc-location-card-head>span{
  width:44px!important;height:44px!important;border-radius:17px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#eaf3ff,#fff1f4)!important;
  font-size:22px!important;flex:0 0 auto!important;
}
.rbc-location-card-head div{min-width:0!important;}
.rbc-location-card-head b{display:block!important;font-size:16px!important;line-height:1.12!important;letter-spacing:-.02em!important;color:#101827!important;}
.rbc-location-card-head small{display:block!important;margin-top:2px!important;color:#6b7280!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;}
.rbc-location-map-preview{
  min-height:116px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  gap:6px!important;
  margin:8px 0 10px!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#0f57c6!important;
  font-weight:950!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(239,35,60,.24),transparent 8%),
    radial-gradient(circle at 20% 25%,rgba(29,115,248,.16),transparent 20%),
    radial-gradient(circle at 85% 80%,rgba(26,185,95,.14),transparent 22%),
    linear-gradient(135deg,#eaf3ff,#f8fbff)!important;
  border:1px solid rgba(204,217,238,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.rbc-location-pin{width:46px!important;height:46px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,44,95,.15)!important;font-size:24px!important;}
.rbc-location-meta-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:4px 0 10px!important;}
.rbc-location-meta-row span{
  display:inline-flex!important;align-items:center!important;
  padding:6px 9px!important;border-radius:999px!important;
  background:#eef5ff!important;color:#335071!important;font-size:11px!important;font-weight:900!important;
}
.rbc-location-card-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:8px!important;}
.rbc-location-card-actions a,.rbc-location-card-actions button{
  border:0!important;border-radius:999px!important;padding:10px 13px!important;
  background:linear-gradient(135deg,#2f83ff,#0955d9)!important;color:#fff!important;
  font-weight:950!important;font-size:12px!important;text-decoration:none!important;cursor:pointer!important;
  box-shadow:0 8px 20px rgba(29,115,248,.24)!important;
}
.rbc-location-card-actions button[data-location-stop],
.rbc-location-card-actions button[data-location-decline]{background:#fff0f2!important;color:#ef233c!important;box-shadow:none!important;}
.location-live-card{border-color:rgba(26,185,95,.28)!important;background:linear-gradient(145deg,#ffffff,#f3fff7)!important;}
.location-request-card{border-color:rgba(29,115,248,.24)!important;background:linear-gradient(145deg,#ffffff,#f4f9ff)!important;}
.location-request-card .rbc-location-card-actions button{background:#eef5ff!important;color:#0f57c6!important;box-shadow:none!important;}

/* === RedsBlack Chat v2.7.2 — Home / Chats list compact polish ===
   Mobile-first cleanup: less bulky top area, compact inbox cards, no giant first row.
   Does not touch WebRTC, push, location, Urbiax or messages. */
@media (max-width: 640px){
  body.rbc-mobile .list-panel,
  body.rbc-pwa .list-panel,
  .list-panel{
    padding:10px 14px calc(var(--rbc-mobile-nav-h,74px) + 18px + var(--rbc-safe-bottom,0px)) !important;
    scroll-padding-top:0 !important;
  }

  .mobile-app-top{margin-bottom:4px !important;gap:8px !important;min-height:46px !important;}
  .mobile-brand{font-size:16px !important;letter-spacing:-.025em !important;}
  .mobile-brand .brand-mark{width:44px !important;height:44px !important;border-radius:18px !important;font-size:23px !important;box-shadow:0 10px 24px rgba(15,23,42,.06) !important;}
  .mobile-top-actions{gap:8px !important;}
  .mini-round{width:46px !important;height:46px !important;min-width:46px !important;border-radius:19px !important;font-size:22px !important;box-shadow:0 10px 24px rgba(15,23,42,.055) !important;}
  .mini-round.red{width:50px !important;height:50px !important;min-width:50px !important;border-radius:22px !important;font-size:24px !important;box-shadow:0 12px 26px rgba(239,35,60,.20) !important;}

  .panel-header{align-items:center !important;margin-top:0 !important;gap:8px !important;}
  .panel-header h1{font-size:38px !important;line-height:.96 !important;letter-spacing:-.06em !important;}
  .panel-header p{margin-top:5px !important;font-size:16px !important;line-height:1.15 !important;}
  .panel-header .visual-lock-badge{display:none !important;}
  #refreshBtn.icon-btn{width:44px !important;height:44px !important;min-width:44px !important;border-radius:18px !important;font-size:20px !important;}

  .status-row{margin-top:10px !important;gap:8px !important;padding-right:4px !important;overflow-x:auto !important;scrollbar-width:none !important;}
  .status-row::-webkit-scrollbar{display:none !important;}
  .status-pill{min-height:50px !important;height:50px !important;min-width:154px !important;max-width:190px !important;padding:6px 10px !important;border-radius:22px !important;gap:8px !important;box-shadow:0 8px 20px rgba(15,23,42,.045) !important;}
  .status-pill.active{min-width:176px !important;background:linear-gradient(135deg,#17b85d,#13a352) !important;box-shadow:0 10px 24px rgba(19,163,82,.20) !important;}
  .status-pill span:not(.status-copy):not(.status-avatar){width:34px !important;height:34px !important;min-width:34px !important;font-size:18px !important;}
  .status-avatar,.status-avatar img{width:34px !important;height:34px !important;}
  .status-copy b{font-size:14px !important;line-height:1.05 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .status-copy small{margin-top:2px !important;font-size:11px !important;line-height:1.05 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .status-mini-bell{width:34px !important;height:34px !important;min-width:34px !important;}

  .search-wrap{margin-top:12px !important;height:48px !important;min-height:48px !important;border-radius:22px !important;padding:0 14px !important;box-shadow:0 8px 20px rgba(15,23,42,.04) !important;}
  .search-wrap input,.search-input,input[type="search"]{height:46px !important;min-height:46px !important;font-size:16px !important;padding:0 !important;}
  .search-icon,.search-sliders{font-size:20px !important;color:#64748b !important;}

  .tab-row{margin:10px 0 8px !important;gap:8px !important;padding-right:0 !important;overflow-x:auto !important;scrollbar-width:none !important;}
  .tab-row::-webkit-scrollbar{display:none !important;}
  .tab-row .chip{min-height:40px !important;height:40px !important;padding:0 17px !important;border-radius:18px !important;font-size:14px !important;line-height:1 !important;box-shadow:0 8px 18px rgba(15,23,42,.035) !important;}
  .tab-row .chip.active{box-shadow:0 10px 24px rgba(47,117,255,.20) !important;}
  .chip-badge{min-width:20px !important;height:20px !important;font-size:11px !important;padding:0 6px !important;margin-left:6px !important;}

  .inbox-section-label-v236{margin:6px 2px 8px !important;font-size:11px !important;letter-spacing:.05em !important;}
  .inbox-section-label-v236::before{width:7px !important;height:7px !important;}

  .chat-list{gap:8px !important;margin-top:6px !important;padding-bottom:calc(var(--rbc-mobile-nav-h,74px) + 18px + var(--rbc-safe-bottom,0px)) !important;}
  .chat-list .chat-item,.chat-list .chat-item:first-child{position:relative !important;grid-template-columns:50px minmax(0,1fr) auto !important;gap:10px !important;min-height:72px !important;padding:10px 12px !important;border-radius:22px !important;background:rgba(255,255,255,.94) !important;border:1px solid rgba(226,232,240,.92) !important;box-shadow:0 8px 22px rgba(15,23,42,.045) !important;overflow:hidden !important;}
  .chat-list .chat-item:first-child{border-color:rgba(59,130,246,.24) !important;box-shadow:0 10px 24px rgba(37,99,235,.08) !important;}
  .chat-list .chat-item:first-child::before{display:none !important;content:none !important;}
  .chat-list .chat-item .avatar-wrap,.chat-list .chat-item img,.avatar-wrap,.avatar-wrap img{width:48px !important;height:48px !important;}
  .chat-list .chat-item img{border-radius:18px !important;border:2px solid #fff !important;box-shadow:0 7px 18px rgba(15,23,42,.12) !important;}
  .chat-list .chat-item b{font-size:18px !important;line-height:1.05 !important;letter-spacing:-.035em !important;max-width:185px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .chat-list .chat-item small{max-width:190px !important;margin-top:4px !important;font-size:14px !important;line-height:1.12 !important;color:#6b7280 !important;font-weight:650 !important;}
  .chat-list .chat-item:first-child small,.chat-item.has-unread small{color:#2563eb !important;font-weight:800 !important;}
  .chat-meta{min-width:42px !important;text-align:right !important;}
  .chat-meta em,.chat-item .chat-meta em{font-size:12px !important;line-height:1.1 !important;max-width:56px !important;color:#64748b !important;}
  .private-unread-badge{min-width:22px !important;height:22px !important;padding:0 7px !important;font-size:11px !important;margin-top:5px !important;box-shadow:0 6px 14px rgba(37,99,235,.18) !important;}
  .avatar-wrap .presence{width:12px !important;height:12px !important;right:1px !important;bottom:1px !important;border-width:2px !important;}

  .bottom-nav{height:60px !important;min-height:60px !important;left:10px !important;right:10px !important;border-radius:24px !important;}
  .bottom-link{border-radius:18px !important;font-size:17px !important;}
  .bottom-link span{font-size:11px !important;}
  .bottom-link.add{width:56px !important;height:56px !important;font-size:28px !important;transform:translateY(-6px) !important;}
}

@media (max-width: 380px){
  .panel-header h1{font-size:34px !important;}
  .status-pill{min-width:145px !important;}
  .status-pill.active{min-width:165px !important;}
  .chat-list .chat-item b{font-size:17px !important;max-width:160px !important;}
  .chat-list .chat-item small{font-size:13px !important;max-width:160px !important;}
}


/* =========================================================
   RedsBlack Chat v2.8.0 — final compact premium mobile UI
   Scope: mobile list/front screen + rooms directory + bottom RB.
   Backend, push, WebRTC and message logic untouched.
   ========================================================= */
@media (max-width:980px){
  :root{--rbc-final-nav-h:72px;}
  html:not([data-rbc-theme="dark"]) body.app-body{background:linear-gradient(145deg,#fff 0%,#f7faff 50%,#fff7fa 100%);}
  body.app-body .app-shell{background:linear-gradient(145deg,#fff 0%,#f7faff 50%,#fff8fb 100%);}
  body.app-body .list-panel{
    position:relative;
    padding:12px 14px calc(var(--rbc-final-nav-h) + 22px + env(safe-area-inset-bottom,0px))!important;
    background:
      radial-gradient(280px 180px at 105% 4%,rgba(246,31,67,.08),transparent 72%),
      radial-gradient(260px 190px at -18% 18%,rgba(28,115,248,.08),transparent 72%),
      linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.96))!important;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  body.app-body .mobile-app-top{
    margin:2px 0 12px!important;
    min-height:48px;
  }
  body.app-body .mobile-brand{
    gap:10px!important;
    font-size:20px!important;
    letter-spacing:-.04em;
  }
  body.app-body .mobile-brand .brand-mark{
    width:44px!important;height:44px!important;border-radius:18px!important;
    background:rgba(255,255,255,.92)!important;border:1px solid rgba(216,224,237,.78)!important;
    box-shadow:0 10px 24px rgba(18,31,58,.07)!important;
    font-size:0!important;position:relative;
  }
  body.app-body .mobile-brand .brand-mark:before{
    content:"";width:21px;height:16px;border:3px solid #08142b;border-radius:12px;display:block;position:absolute;left:11px;top:12px;
  }
  body.app-body .mobile-brand .brand-mark:after{
    content:"";width:8px;height:8px;border-left:3px solid #08142b;border-bottom:3px solid #08142b;transform:skew(-18deg);position:absolute;left:15px;top:26px;border-radius:0 0 0 3px;
  }
  body.app-body .mobile-brand b{font-weight:900;color:#08142b!important;}
  body.app-body .mobile-brand em{font-style:normal;font-weight:900;color:#ef233c!important;}
  body.app-body .mobile-top-actions{gap:10px!important;align-items:center;}
  body.app-body .mini-round{
    width:44px!important;height:44px!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(216,224,237,.82)!important;box-shadow:0 10px 22px rgba(15,23,42,.07)!important;color:#07142b!important;font-size:22px!important;
  }
  body.app-body .mini-round.red{
    width:54px!important;height:54px!important;border-radius:50%!important;
    background:linear-gradient(145deg,#ff2f47,#e30622)!important;color:#fff!important;
    box-shadow:0 14px 30px rgba(227,6,34,.23)!important;font-size:32px!important;
  }
  body.app-body .panel-header{
    display:flex!important;align-items:flex-start!important;gap:10px!important;position:relative!important;margin:0 0 10px!important;
  }
  body.app-body .panel-header h1{
    font-size:52px!important;line-height:.98!important;letter-spacing:-.075em!important;margin:8px 0 4px!important;color:#07142b!important;font-weight:950!important;
  }
  body.app-body .panel-header p{
    font-size:20px!important;line-height:1.2!important;color:#6d788b!important;margin:0!important;font-weight:700!important;
  }
  body.app-body .visual-lock-badge{display:none!important;}
  body.app-body .panel-header p:before{content:"🔒";font-size:16px;margin-right:8px;vertical-align:1px;}
  body.app-body #refreshBtn.icon-btn{
    position:absolute!important;right:0;top:34px;width:50px!important;height:50px!important;border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;color:#156fea!important;border:1px solid rgba(216,224,237,.85)!important;
    box-shadow:0 12px 26px rgba(15,23,42,.08)!important;font-size:24px!important;
  }

  body.app-body .status-row{
    display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;gap:12px!important;
    overflow:visible!important;margin:16px 0 14px!important;padding:0!important;
  }
  body.app-body .status-row .status-pill:nth-child(n+3){display:none!important;}
  body.app-body .status-pill{
    min-width:0!important;height:78px!important;border-radius:24px!important;padding:9px 12px!important;
    background:rgba(255,255,255,.94)!important;border:1px solid rgba(218,225,237,.85)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.07)!important;gap:10px!important;
  }
  body.app-body .status-pill.my-presence-pill{
    background:linear-gradient(135deg,#0ecb7c,#059968)!important;color:#fff!important;border:0!important;
    box-shadow:0 18px 32px rgba(5,153,104,.22)!important;position:relative;overflow:hidden;
  }
  body.app-body .status-pill.my-presence-pill:before{content:"";position:absolute;inset:auto -36px -46px auto;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12);}
  body.app-body .status-avatar.self, body.app-body .status-avatar.self img{width:50px!important;height:50px!important;border-radius:50%!important;}
  body.app-body .status-avatar.self{border:3px solid rgba(255,255,255,.92)!important;box-shadow:0 10px 22px rgba(0,0,0,.14)!important;position:relative;overflow:visible!important;}
  body.app-body .status-avatar.self:after{content:"";position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #16bd7a;}
  body.app-body .status-copy b{font-size:16px!important;font-weight:950!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.app-body .status-copy small{font-size:12px!important;font-weight:800!important;line-height:1.15!important;opacity:.86!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.app-body .status-pill.my-presence-pill .status-copy b{color:#fff!important;}
  body.app-body .status-pill.my-presence-pill .status-copy small{color:#eafff4!important;}
  body.app-body .status-mini-bell{width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;color:#e7a800!important;display:grid!important;place-items:center!important;font-size:20px!important;box-shadow:0 10px 22px rgba(0,0,0,.12)!important;}
  body.app-body .status-icon{width:44px!important;height:44px!important;border-radius:16px!important;background:#fff!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px rgba(216,224,237,.7)!important;font-size:25px!important;}

  body.app-body .search-wrap{
    height:58px!important;margin:8px 0 13px!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(216,224,237,.92)!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important;padding:0 15px!important;
  }
  body.app-body .search-icon{font-size:26px!important;color:#07142b!important;width:34px!important;}
  body.app-body .search-wrap input{font-size:20px!important;font-weight:500!important;color:#07142b!important;}
  body.app-body .search-wrap input::placeholder{color:#7b8493!important;}
  body.app-body .search-sliders{font-size:24px!important;color:#263246!important;}

  body.app-body .tab-row{
    display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;overflow:visible!important;margin:0 0 13px!important;padding:0!important;
  }
  body.app-body .tab-row .chip-invite{display:none!important;}
  body.app-body .chip{
    height:54px!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(216,224,237,.82)!important;color:#111b30!important;
    box-shadow:0 10px 24px rgba(15,23,42,.05)!important;font-size:17px!important;font-weight:950!important;justify-content:center!important;padding:0 8px!important;white-space:nowrap;
  }
  body.app-body .chip.active{
    background:linear-gradient(145deg,#2688ff,#0d63e8)!important;color:#fff!important;border:0!important;box-shadow:0 14px 28px rgba(29,115,248,.24)!important;
  }
  body.app-body .chip[data-filter="groups"].active,
  body.app-body .chip[data-filter="groups"]{
    position:relative;
  }

  body.app-body .chat-list, body.app-body .room-list{display:grid;gap:10px!important;padding-bottom:12px;}
  body.app-body .chat-list.hidden, body.app-body .room-list.hidden{display:none!important;}
  body.app-body .inbox-section-label-v236{
    display:flex;align-items:center;gap:10px;margin:4px 0 2px!important;padding:0 2px!important;
    font-size:14px!important;font-weight:950!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#697487!important;
  }
  body.app-body .inbox-section-label-v236:before{content:"";width:12px;height:12px;border-radius:50%;background:#1d73f8;box-shadow:0 0 0 6px rgba(29,115,248,.09);}
  body.app-body .chat-item{
    min-height:86px!important;grid-template-columns:64px minmax(0,1fr) 52px!important;gap:14px!important;border-radius:22px!important;padding:11px 13px!important;
    background:rgba(255,255,255,.98)!important;border:1px solid rgba(216,224,237,.86)!important;box-shadow:0 12px 26px rgba(15,23,42,.06)!important;
  }
  body.app-body .avatar-wrap, body.app-body .avatar-wrap img{width:58px!important;height:58px!important;border-radius:50%!important;}
  body.app-body .avatar-wrap{box-shadow:0 10px 22px rgba(15,23,42,.08)!important;}
  body.app-body .avatar-wrap img{border:3px solid #fff!important;}
  body.app-body .avatar-wrap .presence{width:15px!important;height:15px!important;right:1px!important;bottom:1px!important;border:3px solid #fff!important;box-shadow:0 4px 10px rgba(15,23,42,.12);}
  body.app-body .chat-item b{font-size:24px!important;line-height:1.06!important;font-weight:950!important;color:#07142b!important;letter-spacing:-.04em!important;}
  body.app-body .chat-item small{font-size:15px!important;font-weight:800!important;max-width:100%!important;color:#1d73f8!important;margin-top:6px!important;}
  body.app-body .chat-meta{display:grid!important;justify-items:center!important;align-content:center!important;gap:6px!important;font-size:13px!important;color:#1d73f8!important;font-weight:950!important;}
  body.app-body .chat-meta em{display:block!important;color:#1d73f8!important;font-style:normal!important;}
  body.app-body .chat-meta em:empty:before{content:"Nowe";}
  body.app-body .chat-item.has-unread .chat-meta em{font-size:0!important;}
  body.app-body .chat-item.has-unread .chat-meta em:before{content:"Nowe";font-size:13px!important;}
  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{
    margin:0!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:50%!important;
    background:linear-gradient(145deg,#2e8cff,#0c62e8)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:16px!important;font-weight:950!important;box-shadow:0 10px 18px rgba(29,115,248,.25)!important;
  }

  body.app-body .bottom-nav{
    position:fixed!important;left:14px!important;right:14px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;height:72px!important;
    display:grid!important;grid-template-columns:1fr 1fr 72px 1fr 1fr!important;align-items:center!important;gap:4px!important;
    padding:7px 10px!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(216,224,237,.82)!important;box-shadow:0 18px 40px rgba(15,23,42,.13)!important;backdrop-filter:blur(18px)!important;z-index:60!important;
  }
  body.app-body .bottom-link{position:relative!important;min-width:0!important;height:56px!important;border-radius:20px!important;font-size:20px!important;color:#334155!important;background:transparent!important;font-weight:950!important;display:grid!important;place-items:center!important;gap:1px!important;}
  body.app-body .bottom-link span{font-size:13px!important;font-weight:950!important;line-height:1!important;}
  body.app-body .bottom-link.active{background:linear-gradient(180deg,#eef6ff,#f6fbff)!important;color:#0d63e8!important;}
  body.app-body .bottom-link .nav-badge, body.app-body .nav-badge, body.app-body .private-unread-nav-badge{
    position:absolute!important;top:3px!important;right:18px!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:#1d73f8!important;color:#fff!important;font-size:12px!important;font-weight:950!important;display:grid!important;place-items:center!important;line-height:1!important;box-shadow:0 6px 14px rgba(29,115,248,.22)!important;
  }
  body.app-body .bottom-link.add.rb-brand-action{
    width:70px!important;height:70px!important;border-radius:50%!important;place-self:center!important;transform:translateY(-14px)!important;
    background:linear-gradient(145deg,#ff2f47,#d6001c)!important;border:5px solid rgba(255,255,255,.96)!important;color:#fff!important;box-shadow:0 14px 34px rgba(227,6,34,.34),0 0 0 7px rgba(227,6,34,.08)!important;padding:0!important;display:grid!important;place-items:center!important;gap:0!important;
  }
  body.app-body .bottom-link.add.rb-brand-action .rb-mark-main{font-size:26px!important;line-height:.88!important;font-weight:950!important;letter-spacing:-.09em!important;color:#fff!important;}
  body.app-body .bottom-link.add.rb-brand-action small{font-size:8px!important;line-height:1!important;font-weight:900!important;color:#fff!important;margin-top:-8px!important;}

  /* Rooms overview / expanded directory */
  body.app-body .rooms-hero-v280{
    position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) 42px;gap:14px;align-items:center;margin:0 0 10px!important;padding:14px!important;
    min-height:116px;border-radius:24px;background:linear-gradient(135deg,#fff7f8 0%,#ffffff 55%,#eef6ff 100%)!important;border:1px solid rgba(216,224,237,.85)!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important;overflow:hidden;
  }
  body.app-body .rooms-hero-art-v280{width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,#ffeff3,#fff);display:grid;place-items:center;color:#ef233c;box-shadow:inset 0 0 0 1px rgba(239,35,60,.10);}
  body.app-body .rooms-hero-art-v280 svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
  body.app-body .rooms-hero-copy-v280 b{display:block;font-size:20px!important;line-height:1.13!important;letter-spacing:-.04em;color:#07142b;font-weight:950;}
  body.app-body .rooms-hero-copy-v280 small{display:block;margin-top:5px;font-size:13px;line-height:1.33;color:#5d677a;font-weight:650;}
  body.app-body .rooms-hero-copy-v280 span{display:inline-flex;align-items:center;margin-top:10px;padding:8px 14px;border-radius:999px;background:linear-gradient(145deg,#ff2f47,#e30622);color:#fff;font-weight:950;font-size:13px;box-shadow:0 10px 22px rgba(227,6,34,.18);}
  body.app-body .rooms-hero-bubble-v280{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#ef233c;font-weight:950;box-shadow:0 8px 18px rgba(15,23,42,.07);}
  body.app-body .room-section-v280{display:grid;gap:8px;margin:0 0 9px;--rbc-sec:#1d73f8;--rbc-sec-soft:rgba(29,115,248,.08);}
  body.app-body .room-section-london_community{--rbc-sec:#ef233c;--rbc-sec-soft:rgba(239,35,60,.08);} 
  body.app-body .room-section-homes_rentals{--rbc-sec:#21b779;--rbc-sec-soft:rgba(33,183,121,.08);} 
  body.app-body .room-section-marketplace{--rbc-sec:#f18b13;--rbc-sec-soft:rgba(241,139,19,.09);} 
  body.app-body .room-section-adult_18{--rbc-sec:#e83d75;--rbc-sec-soft:rgba(232,61,117,.09);} 
  body.app-body .room-section-entertainment{--rbc-sec:#7a4df3;--rbc-sec-soft:rgba(122,77,243,.09);} 
  body.app-body .room-section-general{--rbc-sec:#64748b;--rbc-sec-soft:rgba(100,116,139,.08);} 
  body.app-body .room-section-head-v280{
    position:relative;width:100%;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;border:1px solid rgba(216,224,237,.86);background:linear-gradient(135deg,#fff 0%,#fff 58%,var(--rbc-sec-soft) 100%);border-radius:22px;padding:11px 12px 11px 14px;box-shadow:0 12px 26px rgba(15,23,42,.055);overflow:hidden;color:#07142b;
  }
  body.app-body .room-section-head-v280:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:4px;border-radius:999px;background:var(--rbc-sec);}
  body.app-body .room-section-icon-v280{width:54px;height:54px;border-radius:18px;background:#fff;display:grid;place-items:center;color:var(--rbc-sec);box-shadow:inset 0 0 0 1px rgba(216,224,237,.8),0 8px 18px rgba(15,23,42,.055);}
  body.app-body .room-section-icon-v280 svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
  body.app-body .room-section-copy-v280 b{display:block;font-size:18px;line-height:1.05;font-weight:950;letter-spacing:-.035em;color:#07142b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.app-body .room-section-copy-v280 small{display:block;margin-top:3px;font-size:12.5px;line-height:1.24;font-weight:700;color:#596579;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.app-body .room-section-copy-v280 em{display:inline-flex;max-width:100%;margin-top:7px;padding:5px 10px;border-radius:999px;background:rgba(29,115,248,.08);color:#1d63c8;font-style:normal;font-weight:950;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.app-body .room-section-meta-v280{display:flex;align-items:center;gap:7px;}
  body.app-body .room-section-meta-v280 i, body.app-body .room-section-meta-v280 strong{min-width:32px;height:32px;border-radius:13px;display:grid;place-items:center;font-style:normal;font-weight:950;font-size:13px;}
  body.app-body .room-section-meta-v280 i{background:linear-gradient(145deg,#ff6685,#ef3460);color:#fff;box-shadow:0 8px 16px rgba(239,52,96,.18);}
  body.app-body .room-section-meta-v280 strong{background:#f2f5fb;color:#1d63c8;border:1px solid rgba(216,224,237,.82);}
  body.app-body .room-section-chevron-v280{width:34px;height:34px;border-radius:15px;background:#fff;border:1px solid rgba(216,224,237,.82);display:grid;place-items:center;font-size:18px;font-weight:950;color:#334155;box-shadow:0 8px 16px rgba(15,23,42,.05);}
  body.app-body .room-section-v280.is-open .room-section-chevron-v280{transform:rotate(180deg);}
  body.app-body .room-section-body-v280{display:grid;gap:8px;padding-left:7px;border-left:3px solid rgba(239,35,60,.16);margin-left:13px;}
  body.app-body .room-card.premium-room-card-v280{
    min-height:86px!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;border-radius:22px!important;padding:10px 12px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(216,224,237,.86)!important;box-shadow:0 12px 25px rgba(15,23,42,.055)!important;color:#07142b!important;
  }
  body.app-body .premium-room-icon-v280{width:56px!important;height:56px!important;border-radius:18px!important;background:#fff!important;display:grid!important;place-items:center!important;font-size:26px!important;box-shadow:inset 0 0 0 1px rgba(216,224,237,.82)!important;}
  body.app-body .premium-room-copy-v280 b{font-size:18px!important;font-weight:950!important;line-height:1.04!important;color:#07142b!important;letter-spacing:-.035em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.app-body .premium-room-copy-v280 small{font-size:12.5px!important;line-height:1.25!important;color:#607086!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%!important;}
  body.app-body .premium-room-copy-v280 em{display:inline-flex!important;width:max-content!important;max-width:100%!important;margin-top:5px!important;padding:4px 9px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(216,224,237,.85)!important;color:#56647a!important;font-size:11.5px!important;font-weight:950!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.app-body .premium-room-actions-v280{display:flex!important;align-items:center!important;gap:7px!important;}
  body.app-body .premium-room-actions-v280 .room-star{width:38px!important;height:38px!important;border-radius:15px!important;background:linear-gradient(145deg,#ffd957,#eab331)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 8px 16px rgba(234,179,49,.18)!important;}
  body.app-body .premium-room-actions-v280 .room-star svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;}
  body.app-body .premium-room-actions-v280 .room-open{display:inline-flex!important;align-items:center;justify-content:center;height:40px!important;min-width:86px!important;border-radius:18px!important;background:linear-gradient(145deg,#07142b,#020817)!important;color:#fff!important;font-size:13px!important;font-weight:950!important;padding:0 13px!important;box-shadow:0 10px 20px rgba(2,8,23,.16)!important;}
  body.app-body .premium-room-actions-v280 .room-activity-badge{position:absolute;right:96px;top:14px;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#ff6685,#ef3460);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:950;box-shadow:0 8px 16px rgba(239,52,96,.16);}
}

@media (max-width:390px){
  body.app-body .panel-header h1{font-size:46px!important;}
  body.app-body .status-row{gap:9px!important;}
  body.app-body .status-pill{height:72px!important;padding:8px 10px!important;border-radius:22px!important;}
  body.app-body .status-avatar.self, body.app-body .status-avatar.self img{width:45px!important;height:45px!important;}
  body.app-body .status-copy b{font-size:14px!important;}
  body.app-body .status-copy small{font-size:11px!important;}
  body.app-body .chat-item{grid-template-columns:58px minmax(0,1fr) 48px!important;gap:11px!important;}
  body.app-body .avatar-wrap, body.app-body .avatar-wrap img{width:53px!important;height:53px!important;}
  body.app-body .chat-item b{font-size:21px!important;}
  body.app-body .room-section-head-v280{grid-template-columns:56px minmax(0,1fr) auto;gap:10px;padding:10px 10px 10px 12px;}
  body.app-body .room-section-icon-v280{width:50px;height:50px;border-radius:17px;}
  body.app-body .room-section-meta-v280 strong{display:none;}
  body.app-body .room-card.premium-room-card-v280{grid-template-columns:52px minmax(0,1fr) auto!important;gap:9px!important;padding:9px 10px!important;}
  body.app-body .premium-room-icon-v280{width:50px!important;height:50px!important;}
  body.app-body .premium-room-actions-v280 .room-star{display:none!important;}
  body.app-body .premium-room-actions-v280 .room-open{min-width:46px!important;width:46px!important;font-size:0!important;border-radius:16px!important;padding:0!important;}
  body.app-body .premium-room-actions-v280 .room-open:before{content:'›';font-size:28px;line-height:1;}
}


@media (max-width:980px){
  body.app-body .app-shell.is-rooms-view .tab-row .chip.active{
    background:rgba(255,255,255,.94)!important;color:#111b30!important;border:1px solid rgba(216,224,237,.82)!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
  }
  body.app-body .app-shell.is-rooms-view .tab-row .chip[data-filter="groups"]{
    background:linear-gradient(145deg,#2688ff,#0d63e8)!important;color:#fff!important;border:0!important;box-shadow:0 14px 28px rgba(29,115,248,.24)!important;
  }
  body.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="groups"]{
    background:rgba(255,255,255,.94)!important;color:#111b30!important;border:1px solid rgba(216,224,237,.82)!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
  }
}


/* =========================================================
   RedsBlack Chat v2.8.1 — corrective compact mobile patch
   Fixes scale, Polish labels, Rooms cards, and bottom bar fit.
   ========================================================= */
@media (max-width:980px){
  :root{--rbc-final-nav-h:66px;}
  body.app-body .list-panel{
    padding:10px 14px calc(82px + env(safe-area-inset-bottom,0px))!important;
    background:radial-gradient(260px 160px at 105% 0%,rgba(239,35,60,.055),transparent 72%),radial-gradient(240px 170px at -20% 12%,rgba(29,115,248,.055),transparent 70%),linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  }
  body.app-body .mobile-app-top{min-height:44px!important;margin:0 0 8px!important;}
  body.app-body .mobile-brand{font-size:19px!important;gap:9px!important;}
  body.app-body .mobile-brand .brand-mark{width:40px!important;height:40px!important;border-radius:16px!important;}
  body.app-body .mobile-brand .brand-mark:before{width:19px!important;height:14px!important;left:10px!important;top:11px!important;border-width:2.5px!important;}
  body.app-body .mobile-brand .brand-mark:after{left:14px!important;top:23px!important;border-width:2.5px!important;}
  body.app-body .mobile-top-actions{gap:9px!important;}
  body.app-body .mini-round{width:42px!important;height:42px!important;border-radius:17px!important;font-size:20px!important;}
  body.app-body .mini-round.red{width:52px!important;height:52px!important;font-size:30px!important;box-shadow:0 12px 24px rgba(227,6,34,.22)!important;}
  body.app-body .panel-header{margin:0 0 8px!important;}
  body.app-body .panel-header h1{font-size:46px!important;line-height:.96!important;letter-spacing:-.07em!important;margin:6px 0 3px!important;}
  body.app-body .panel-header p{font-size:18px!important;line-height:1.15!important;font-weight:700!important;}
  body.app-body #refreshBtn.icon-btn{width:44px!important;height:44px!important;border-radius:17px!important;top:30px!important;font-size:21px!important;}

  body.app-body .status-row{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;gap:10px!important;margin:12px 0 11px!important;}
  body.app-body .status-pill{height:64px!important;border-radius:22px!important;padding:8px 10px!important;gap:9px!important;}
  body.app-body .status-avatar.self,body.app-body .status-avatar.self img{width:44px!important;height:44px!important;}
  body.app-body .status-avatar.self{border-width:2.5px!important;}
  body.app-body .status-avatar.self:after{width:13px!important;height:13px!important;border-width:2.5px!important;}
  body.app-body .status-copy b{font-size:14.5px!important;}
  body.app-body .status-copy small{font-size:11px!important;}
  body.app-body .status-mini-bell{width:36px!important;height:36px!important;font-size:18px!important;}
  body.app-body .status-icon{width:40px!important;height:40px!important;border-radius:15px!important;font-size:23px!important;}

  body.app-body .search-wrap{height:52px!important;border-radius:21px!important;margin:7px 0 12px!important;padding:0 14px!important;}
  body.app-body .search-icon{font-size:23px!important;width:30px!important;}
  body.app-body .search-wrap input{font-size:17px!important;font-weight:500!important;}
  body.app-body .search-sliders{font-size:22px!important;}
  body.app-body .tab-row{gap:10px!important;margin:0 0 12px!important;}
  body.app-body .chip{height:48px!important;border-radius:20px!important;font-size:15.5px!important;}

  body.app-body .chat-list,body.app-body .room-list{gap:9px!important;}
  body.app-body .inbox-section-label-v236{font-size:13px!important;letter-spacing:.09em!important;margin:3px 0 0!important;}
  body.app-body .chat-item{min-height:76px!important;grid-template-columns:56px minmax(0,1fr) 48px!important;gap:12px!important;border-radius:20px!important;padding:9px 12px!important;}
  body.app-body .avatar-wrap,body.app-body .avatar-wrap img{width:52px!important;height:52px!important;}
  body.app-body .chat-item b{font-size:21px!important;line-height:1.02!important;}
  body.app-body .chat-item small{font-size:13.5px!important;margin-top:4px!important;}
  body.app-body .chat-meta em{font-size:12px!important;}
  body.app-body .chat-item.has-unread .chat-meta em:before{font-size:12px!important;}
  body.app-body .badge.private-unread-badge,body.app-body .private-unread-badge{width:32px!important;height:32px!important;min-width:32px!important;font-size:14px!important;}

  body.app-body .bottom-nav{left:12px!important;right:12px!important;height:66px!important;grid-template-columns:1fr 1fr 62px 1fr 1fr!important;gap:2px!important;padding:6px 8px!important;border-radius:25px!important;bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;}
  body.app-body .bottom-link{height:52px!important;border-radius:18px!important;font-size:19px!important;}
  body.app-body .bottom-link span{font-size:12px!important;}
  body.app-body .bottom-link .nav-badge,body.app-body .nav-badge,body.app-body .private-unread-nav-badge{top:2px!important;right:14px!important;min-width:20px!important;height:20px!important;font-size:11px!important;}
  body.app-body .bottom-link.add.rb-brand-action{width:62px!important;height:62px!important;transform:translateY(-11px)!important;border-width:4px!important;box-shadow:0 12px 28px rgba(227,6,34,.30),0 0 0 6px rgba(227,6,34,.07)!important;}
  body.app-body .bottom-link.add.rb-brand-action .rb-mark-main{font-size:24px!important;}
  body.app-body .bottom-link.add.rb-brand-action small{font-size:7px!important;margin-top:-7px!important;}

  body.app-body .rooms-hero-v280{min-height:112px!important;grid-template-columns:72px minmax(0,1fr) 38px!important;gap:12px!important;margin:0 0 10px!important;padding:13px 14px!important;border-radius:22px!important;background:linear-gradient(135deg,#fff 0%,#f3f8ff 56%,#fff5f8 100%)!important;}
  body.app-body .rooms-hero-art-v280{width:62px!important;height:62px!important;border-radius:20px!important;background:linear-gradient(145deg,#f1f7ff,#fff)!important;color:#1d73f8!important;}
  body.app-body .rooms-hero-art-v280 svg{width:31px!important;height:31px!important;}
  body.app-body .rooms-hero-copy-v280 b{font-size:18px!important;line-height:1.08!important;letter-spacing:-.035em!important;}
  body.app-body .rooms-hero-copy-v280 small{font-size:12.2px!important;line-height:1.3!important;margin-top:4px!important;}
  body.app-body .rooms-hero-copy-v280 span{margin-top:8px!important;padding:7px 12px!important;font-size:12px!important;background:linear-gradient(145deg,#2688ff,#0d63e8)!important;box-shadow:0 10px 20px rgba(29,115,248,.18)!important;}
  body.app-body .rooms-hero-bubble-v280{width:34px!important;height:34px!important;color:#1d73f8!important;}

  body.app-body .room-section-v280{gap:7px!important;margin:0 0 8px!important;}
  body.app-body .room-section-head-v280{grid-template-columns:56px minmax(0,1fr) auto!important;gap:10px!important;min-height:74px!important;border-radius:20px!important;padding:9px 10px 9px 13px!important;}
  body.app-body .room-section-head-v280:before{top:13px!important;bottom:13px!important;width:4px!important;}
  body.app-body .room-section-icon-v280{width:50px!important;height:50px!important;border-radius:16px!important;}
  body.app-body .room-section-icon-v280 svg{width:27px!important;height:27px!important;}
  body.app-body .room-section-copy-v280 b{font-size:17px!important;line-height:1.04!important;}
  body.app-body .room-section-copy-v280 small{font-size:11.8px!important;margin-top:2px!important;line-height:1.22!important;max-width:100%!important;}
  body.app-body .room-section-copy-v280 em{font-size:11px!important;margin-top:5px!important;padding:4px 8px!important;max-width:92%!important;}
  body.app-body .room-section-meta-v280{gap:6px!important;}
  body.app-body .room-section-meta-v280 i,body.app-body .room-section-meta-v280 strong{min-width:30px!important;height:30px!important;border-radius:12px!important;font-size:12px!important;}
  body.app-body .room-section-chevron-v280{width:32px!important;height:32px!important;border-radius:13px!important;font-size:16px!important;}

  body.app-body .room-section-body-v280{gap:7px!important;margin-left:12px!important;padding-left:7px!important;}
  body.app-body .room-card.premium-room-card-v280{min-height:76px!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:10px!important;border-radius:20px!important;padding:9px 10px!important;}
  body.app-body .premium-room-icon-v280{width:52px!important;height:52px!important;border-radius:16px!important;font-size:24px!important;overflow:hidden!important;}
  body.app-body .premium-room-icon-v280 img{width:100%!important;height:100%!important;object-fit:cover!important;}
  body.app-body .premium-room-copy-v280 b{font-size:17px!important;line-height:1.04!important;}
  body.app-body .premium-room-copy-v280 small{font-size:11.8px!important;line-height:1.20!important;}
  body.app-body .premium-room-copy-v280 em{font-size:10.8px!important;margin-top:4px!important;padding:3px 8px!important;}
  body.app-body .premium-room-actions-v280{gap:6px!important;}
  body.app-body .premium-room-actions-v280 .room-star{width:34px!important;height:34px!important;border-radius:13px!important;}
  body.app-body .premium-room-actions-v280 .room-star svg{width:18px!important;height:18px!important;}
  body.app-body .premium-room-actions-v280 .room-open{height:36px!important;min-width:76px!important;border-radius:16px!important;font-size:12px!important;padding:0 11px!important;}
  body.app-body .premium-room-actions-v280 .room-activity-badge{right:88px!important;top:10px!important;width:22px!important;height:22px!important;font-size:11px!important;}
}

@media (max-width:390px){
  body.app-body .list-panel{padding-left:12px!important;padding-right:12px!important;}
  body.app-body .panel-header h1{font-size:42px!important;}
  body.app-body .panel-header p{font-size:16px!important;}
  body.app-body .status-row{gap:8px!important;}
  body.app-body .status-pill{height:60px!important;border-radius:20px!important;}
  body.app-body .status-avatar.self,body.app-body .status-avatar.self img{width:40px!important;height:40px!important;}
  body.app-body .status-copy b{font-size:13px!important;}
  body.app-body .status-copy small{font-size:10px!important;}
  body.app-body .status-mini-bell{width:32px!important;height:32px!important;font-size:16px!important;}
  body.app-body .status-icon{width:36px!important;height:36px!important;font-size:21px!important;}
  body.app-body .search-wrap{height:48px!important;border-radius:20px!important;}
  body.app-body .tab-row{gap:8px!important;}
  body.app-body .chip{height:44px!important;border-radius:18px!important;font-size:14px!important;}
  body.app-body .rooms-hero-v280{grid-template-columns:60px minmax(0,1fr)!important;min-height:104px!important;padding:12px!important;}
  body.app-body .rooms-hero-bubble-v280{display:none!important;}
  body.app-body .rooms-hero-art-v280{width:54px!important;height:54px!important;}
  body.app-body .rooms-hero-copy-v280 b{font-size:16px!important;}
  body.app-body .rooms-hero-copy-v280 small{font-size:11px!important;}
  body.app-body .rooms-hero-copy-v280 span{font-size:11px!important;padding:6px 10px!important;}
  body.app-body .room-section-head-v280{grid-template-columns:50px minmax(0,1fr) auto!important;gap:8px!important;min-height:70px!important;}
  body.app-body .room-section-icon-v280{width:46px!important;height:46px!important;border-radius:15px!important;}
  body.app-body .room-section-copy-v280 b{font-size:16px!important;}
  body.app-body .room-section-copy-v280 small{font-size:11px!important;}
  body.app-body .room-section-copy-v280 em{font-size:10.2px!important;max-width:170px!important;}
  body.app-body .room-section-meta-v280 strong{display:none!important;}
  body.app-body .room-card.premium-room-card-v280{grid-template-columns:48px minmax(0,1fr) auto!important;min-height:72px!important;gap:8px!important;padding:8px 9px!important;}
  body.app-body .premium-room-icon-v280{width:46px!important;height:46px!important;}
  body.app-body .premium-room-copy-v280 b{font-size:15.5px!important;}
  body.app-body .premium-room-copy-v280 small{font-size:11px!important;}
  body.app-body .premium-room-actions-v280 .room-star{display:none!important;}
  body.app-body .premium-room-actions-v280 .room-open{width:42px!important;min-width:42px!important;height:34px!important;font-size:0!important;border-radius:14px!important;padding:0!important;}
  body.app-body .premium-room-actions-v280 .room-open:before{content:'›';font-size:24px!important;line-height:1;}
  body.app-body .premium-room-actions-v280 .room-activity-badge{right:44px!important;top:8px!important;}
}

/* v2.8.2 — EXACT mobile Rooms list from approved mockup: photo thumbnail + title + meta + star + dark Otwórz button. */
@media (max-width: 900px){
  body.app-body .room-list{
    gap:8px!important;
    padding-bottom:calc(var(--rbc-mobile-nav-h,74px) + 28px + var(--rbc-safe-bottom,0px))!important;
  }

  /* When a room category is opened, match the approved detail mockup: brand header + search + category + room cards. */
  body.app-body .app-shell.room-category-open-v282 .panel-header,
  body.app-body .app-shell.room-category-open-v282 .status-row,
  body.app-body .app-shell.room-category-open-v282 .tab-row{
    display:none!important;
  }
  body.app-body .app-shell.room-category-open-v282 .search-wrap{
    margin-top:8px!important;
    margin-bottom:12px!important;
  }

  body.app-body .app-shell.room-category-open-v282 .room-section-v280:not(.is-open){
    display:none!important;
  }

  /* Category header — compact, white premium, like the reference. */
  body.app-body .room-section-v280.is-open .room-section-head-v280{
    min-height:96px!important;
    grid-template-columns:76px minmax(0,1fr) auto!important;
    gap:12px!important;
    padding:12px 13px 12px 16px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,#ffffff 0%,#fbfdff 68%,#fff5f8 100%)!important;
    border:1px solid rgba(216,224,237,.92)!important;
    box-shadow:0 9px 24px rgba(15,23,42,.045)!important;
    overflow:hidden!important;
  }
  body.app-body .room-section-v280.is-open .room-section-head-v280:before{
    left:0!important;top:16px!important;bottom:16px!important;width:4px!important;
    background:#2477ff!important;border-radius:999px!important;
  }
  body.app-body .room-section-v280.is-open .room-section-icon-v280{
    width:64px!important;height:64px!important;border-radius:19px!important;
    background:#fff!important;color:#226cff!important;
    box-shadow:inset 0 0 0 1px rgba(210,220,238,.9),0 9px 18px rgba(15,23,42,.055)!important;
  }
  body.app-body .room-section-v280.is-open .room-section-icon-v280 svg{
    width:35px!important;height:35px!important;
  }
  body.app-body .room-section-v280.is-open .room-section-copy-v280 b{
    font-size:20px!important;line-height:1.05!important;letter-spacing:-.035em!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;
  }
  body.app-body .room-section-v280.is-open .room-section-copy-v280 small{
    font-size:13px!important;line-height:1.25!important;margin-top:4px!important;
    color:#56647a!important;font-weight:650!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important;
  }
  body.app-body .room-section-v280.is-open .room-section-copy-v280 em{
    margin-top:7px!important;padding:5px 11px!important;border-radius:999px!important;
    background:#edf3ff!important;color:#2667d7!important;font-size:12px!important;font-weight:900!important;
    max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.app-body .room-section-v280.is-open .room-section-meta-v280{
    gap:7px!important;align-self:center!important;
  }
  body.app-body .room-section-v280.is-open .room-section-meta-v280 i,
  body.app-body .room-section-v280.is-open .room-section-meta-v280 strong{
    display:grid!important;min-width:36px!important;width:36px!important;height:36px!important;
    border-radius:14px!important;font-size:13px!important;font-weight:950!important;
  }
  body.app-body .room-section-v280.is-open .room-section-meta-v280 i{
    background:linear-gradient(145deg,#ff6685,#ef3460)!important;color:#fff!important;
  }
  body.app-body .room-section-v280.is-open .room-section-meta-v280 strong{
    background:#f1f4ff!important;color:#2464d7!important;border:1px solid rgba(204,214,240,.9)!important;
  }
  body.app-body .room-section-v280.is-open .room-section-chevron-v280{
    width:38px!important;height:38px!important;border-radius:15px!important;background:#fff!important;
    border:1px solid rgba(216,224,237,.95)!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
  }

  /* The vertical timeline line seen in the target mockup. */
  body.app-body .room-section-v280.is-open .room-section-body-v280{
    display:grid!important;gap:8px!important;
    margin:7px 0 0 18px!important;
    padding-left:13px!important;
    border-left:3px solid rgba(239,52,96,.18)!important;
  }

  /* Individual room cards: photo thumbnail, text, gold star, navy Otwórz button. */
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    position:relative!important;
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr) 138px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:96px!important;
    padding:10px 12px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,#fff 0%,#fbfdff 74%,#fff4f6 100%)!important;
    border:1px solid rgba(216,224,237,.92)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
    overflow:hidden!important;
  }
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282:before{
    content:"";position:absolute;right:-28px;top:0;width:112px;height:112px;border-radius:50%;
    background:radial-gradient(circle,rgba(239,52,96,.09),rgba(239,52,96,0) 68%);
    pointer-events:none;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{
    width:66px!important;height:66px!important;min-width:66px!important;border-radius:17px!important;
    overflow:hidden!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(210,220,238,.9),0 7px 18px rgba(15,23,42,.08)!important;
    padding:0!important;font-size:0!important;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282 img{
    width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:17px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280{
    min-width:0!important;display:block!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{
    display:block!important;font-size:18px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.035em!important;
    color:#07142b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 small{
    display:block!important;margin-top:4px!important;font-size:12.5px!important;line-height:1.22!important;color:#5f6e84!important;font-weight:600!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 em{
    display:inline-flex!important;width:auto!important;max-width:100%!important;margin-top:6px!important;padding:4px 9px!important;
    border-radius:999px!important;background:#fff!important;border:1px solid rgba(216,224,237,.95)!important;
    color:#556477!important;font-size:11.5px!important;line-height:1!important;font-weight:900!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{
    position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
    width:138px!important;min-width:138px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{
    display:grid!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;
    background:linear-gradient(145deg,#ffd85b,#e8b330)!important;color:#fff!important;
    box-shadow:0 9px 18px rgba(232,179,48,.22)!important;border:1px solid rgba(210,162,38,.18)!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star svg{
    width:21px!important;height:21px!important;fill:currentColor!important;stroke:none!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:82px!important;height:42px!important;padding:0 14px!important;
    border-radius:20px!important;background:linear-gradient(145deg,#07142b,#020817)!important;color:#fff!important;
    box-shadow:0 10px 20px rgba(2,8,23,.16)!important;font-size:12.5px!important;font-weight:950!important;line-height:1!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open:before{content:none!important;display:none!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-activity-badge{
    display:none!important;
  }

  /* Overview cards should still remain compact and readable. */
  body.app-body .app-shell:not(.room-category-open-v282) .room-section-head-v280{
    min-height:78px!important;
  }
  body.app-body .app-shell:not(.room-category-open-v282) .room-section-meta-v280 strong{
    display:grid!important;
  }

  /* Keep the RB nav compact and make space for content. */
  body.app-body .bottom-nav{
    height:66px!important;min-height:66px!important;left:12px!important;right:12px!important;border-radius:25px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;grid-template-columns:1fr 1fr 62px 1fr 1fr!important;
    padding:6px 9px!important;
  }
  body.app-body .bottom-link.center-red,
  body.app-body .bottom-link[data-action="create-room"]{
    width:62px!important;height:62px!important;min-width:62px!important;border-radius:50%!important;
  }
}

@media (max-width:430px){
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:62px minmax(0,1fr) 116px!important;
    min-height:88px!important;padding:9px 10px!important;gap:9px!important;border-radius:22px!important;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{
    width:58px!important;height:58px!important;min-width:58px!important;border-radius:16px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{font-size:16.5px!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 small{font-size:11.5px!important;-webkit-line-clamp:2!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 em{font-size:10.8px!important;padding:3px 7px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{width:116px!important;min-width:116px!important;gap:6px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{width:36px!important;height:36px!important;min-width:36px!important;border-radius:13px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star svg{width:18px!important;height:18px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{min-width:72px!important;height:36px!important;border-radius:17px!important;font-size:11.5px!important;padding:0 10px!important;}
  body.app-body .room-section-v280.is-open .room-section-head-v280{grid-template-columns:62px minmax(0,1fr) auto!important;min-height:88px!important;padding:10px 10px 10px 13px!important;}
  body.app-body .room-section-v280.is-open .room-section-icon-v280{width:56px!important;height:56px!important;border-radius:17px!important;}
  body.app-body .room-section-v280.is-open .room-section-copy-v280 b{font-size:18px!important;}
  body.app-body .room-section-v280.is-open .room-section-copy-v280 small{font-size:12px!important;}
  body.app-body .room-section-v280.is-open .room-section-copy-v280 em{font-size:11px!important;padding:4px 8px!important;}
  body.app-body .room-section-v280.is-open .room-section-meta-v280 strong{display:none!important;}
}

/* v2.8.3 — mobile polish: keep top status/header visible and fix room text/card overlap. */
@media (max-width:900px){
  /* Do not hide the main mobile title/status area after opening Rooms. */
  body.app-body .app-shell.room-category-open-v282 .panel-header{
    display:flex!important;
  }
  body.app-body .app-shell.room-category-open-v282 .status-row{
    display:grid!important;
  }
  body.app-body .app-shell.room-category-open-v282 .tab-row{
    display:grid!important;
  }

  /* Give room list enough space above bottom RB nav. */
  body.app-body .room-list{
    padding-bottom:calc(var(--rbc-mobile-nav-h,78px) + 52px + var(--rbc-safe-bottom,0px))!important;
  }

  /* Category header: more calculated columns so text, counters and chevron never collide. */
  body.app-body .room-section-head-v280,
  body.app-body .room-section-v280.is-open .room-section-head-v280{
    grid-template-columns:58px minmax(0,1fr) 84px!important;
    gap:10px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.app-body .room-section-icon-v280,
  body.app-body .room-section-v280.is-open .room-section-icon-v280{
    width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important;
  }
  body.app-body .room-section-copy-v280{
    min-width:0!important;overflow:hidden!important;
  }
  body.app-body .room-section-copy-v280 b,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 b{
    display:block!important;
    font-size:17px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  body.app-body .room-section-copy-v280 small,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 small{
    display:block!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    margin-top:3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  body.app-body .room-section-copy-v280 em,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 em{
    display:inline-block!important;
    max-width:100%!important;
    margin-top:5px!important;
    padding:4px 8px!important;
    font-size:10.8px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    vertical-align:top!important;
  }
  body.app-body .room-section-meta-v280,
  body.app-body .room-section-v280.is-open .room-section-meta-v280{
    width:84px!important;min-width:84px!important;max-width:84px!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
  }
  body.app-body .room-section-meta-v280 i,
  body.app-body .room-section-meta-v280 strong,
  body.app-body .room-section-v280.is-open .room-section-meta-v280 i,
  body.app-body .room-section-v280.is-open .room-section-meta-v280 strong{
    min-width:30px!important;width:30px!important;height:30px!important;border-radius:12px!important;font-size:12px!important;
  }
  body.app-body .room-section-chevron-v280,
  body.app-body .room-section-v280.is-open .room-section-chevron-v280{
    width:32px!important;height:32px!important;min-width:32px!important;border-radius:13px!important;font-size:15px!important;
  }

  /* Expanded photo room cards: photo + flexible copy + compact star/Open actions. */
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:62px minmax(0,1fr) 112px!important;
    gap:10px!important;
    min-height:88px!important;
    padding:9px 10px!important;
    border-radius:22px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{
    width:58px!important;height:58px!important;min-width:58px!important;border-radius:16px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280{
    min-width:0!important;overflow:hidden!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    max-width:100%!important;
    font-size:16.2px!important;
    line-height:1.05!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 small{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    white-space:normal!important;
    overflow:hidden!important;
    max-width:100%!important;
    font-size:11.2px!important;
    line-height:1.16!important;
    margin-top:3px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 em{
    max-width:100%!important;
    min-width:0!important;
    font-size:10.4px!important;
    line-height:1!important;
    padding:3px 7px!important;
    margin-top:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{
    width:112px!important;min-width:112px!important;max-width:112px!important;
    display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{
    width:36px!important;height:36px!important;min-width:36px!important;border-radius:13px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star svg{
    width:18px!important;height:18px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{
    min-width:70px!important;width:70px!important;height:36px!important;border-radius:18px!important;
    padding:0!important;font-size:11.3px!important;letter-spacing:-.02em!important;
  }
}

@media (max-width:430px){
  body.app-body .room-section-head-v280,
  body.app-body .room-section-v280.is-open .room-section-head-v280{
    grid-template-columns:54px minmax(0,1fr) 72px!important;
    gap:8px!important;
    min-height:78px!important;
    padding:9px 9px 9px 12px!important;
  }
  body.app-body .room-section-icon-v280,
  body.app-body .room-section-v280.is-open .room-section-icon-v280{
    width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;
  }
  body.app-body .room-section-copy-v280 b,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 b{font-size:16px!important;}
  body.app-body .room-section-copy-v280 small,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 small{font-size:10.8px!important;}
  body.app-body .room-section-copy-v280 em,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 em{font-size:10px!important;max-width:100%!important;}
  body.app-body .room-section-meta-v280,
  body.app-body .room-section-v280.is-open .room-section-meta-v280{
    width:72px!important;min-width:72px!important;max-width:72px!important;gap:5px!important;
  }
  body.app-body .room-section-meta-v280 strong,
  body.app-body .room-section-v280.is-open .room-section-meta-v280 strong{
    display:none!important;
  }
  body.app-body .room-section-meta-v280 i,
  body.app-body .room-section-v280.is-open .room-section-meta-v280 i{
    min-width:30px!important;width:30px!important;height:30px!important;
  }
  body.app-body .room-section-chevron-v280,
  body.app-body .room-section-v280.is-open .room-section-chevron-v280{
    width:32px!important;height:32px!important;min-width:32px!important;
  }

  body.app-body .room-section-v280.is-open .room-section-body-v280{
    margin-left:10px!important;
    padding-left:9px!important;
    gap:7px!important;
  }
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:56px minmax(0,1fr) 100px!important;
    gap:8px!important;
    min-height:84px!important;
    padding:8px 9px!important;
    border-radius:21px!important;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{
    width:52px!important;height:52px!important;min-width:52px!important;border-radius:15px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{font-size:15.4px!important;line-height:1.05!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 small{font-size:10.6px!important;line-height:1.13!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 em{font-size:9.7px!important;padding:3px 6px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{width:100px!important;min-width:100px!important;max-width:100px!important;gap:5px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{width:32px!important;height:32px!important;min-width:32px!important;border-radius:12px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star svg{width:16px!important;height:16px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{min-width:63px!important;width:63px!important;height:32px!important;border-radius:16px!important;font-size:10.2px!important;}
}

@media (max-width:370px){
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:50px minmax(0,1fr) 86px!important;
    gap:7px!important;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{width:48px!important;height:48px!important;min-width:48px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{width:86px!important;min-width:86px!important;max-width:86px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{width:28px!important;height:28px!important;min-width:28px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{min-width:54px!important;width:54px!important;font-size:0!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open:before{content:'›';font-size:22px!important;line-height:1!important;}
}


/* v2.8.5 — Rooms favorites: outline star by default, filled star only when selected, and My Rooms section. */
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star,
body.app-body .premium-room-actions-v280 .room-star{
  background:#ffffff!important;
  color:#d9a51e!important;
  border:1.5px solid rgba(217,165,30,.55)!important;
  box-shadow:0 6px 14px rgba(15,23,42,.08)!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star svg,
body.app-body .premium-room-actions-v280 .room-star svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linejoin:round!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star.is-on,
body.app-body .premium-room-actions-v280 .room-star.is-on{
  background:linear-gradient(145deg,#ffd957,#eab331)!important;
  color:#ffffff!important;
  border-color:rgba(210,162,38,.25)!important;
  box-shadow:0 9px 18px rgba(232,179,48,.22)!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star.is-on svg,
body.app-body .premium-room-actions-v280 .room-star.is-on svg{
  fill:currentColor!important;
  stroke:none!important;
}
body.app-body .my-rooms-v285{
  margin:14px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid rgba(216,224,237,.7)!important;
}
body.app-body .my-rooms-head-v285{
  display:flex!important;align-items:center!important;gap:10px!important;
  margin:0 6px 10px!important;padding:0 2px!important;color:#07142b!important;
}
body.app-body .my-rooms-head-v285 > span{
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:13px!important;
  background:linear-gradient(145deg,#fff8dd,#ffffff)!important;color:#d9a51e!important;border:1px solid rgba(217,165,30,.35)!important;
}
body.app-body .my-rooms-head-v285 b{display:block!important;font-size:15px!important;font-weight:950!important;letter-spacing:-.02em!important;}
body.app-body .my-rooms-head-v285 small{display:block!important;margin-top:2px!important;font-size:11px!important;font-weight:700!important;color:#667489!important;}
body.app-body .my-rooms-list-v285{display:grid!important;gap:8px!important;}
body.app-body .my-room-card-v285{border-left:3px solid rgba(234,179,49,.65)!important;}

@media (max-width:430px){
  body.app-body .my-rooms-v285{margin-top:12px!important;padding-top:10px!important;}
  body.app-body .my-rooms-head-v285{margin-bottom:8px!important;}
  body.app-body .my-rooms-head-v285 > span{width:30px!important;height:30px!important;border-radius:11px!important;}
  body.app-body .my-rooms-head-v285 b{font-size:14px!important;}
  body.app-body .my-rooms-head-v285 small{font-size:10px!important;}
}


/* v2.8.6 — final polish: visible Otwórz button, Urbiax Rentals naming, stable outline/fill stars. */
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open,
body.app-body .premium-room-actions-v280 .room-open{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:linear-gradient(145deg,#07142b,#020817)!important;
  font-size:11.4px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  min-width:72px!important;
  width:auto!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:17px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-indent:0!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open:before,
body.app-body .premium-room-actions-v280 .room-open:before{
  content:none!important;
  display:none!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star,
body.app-body .premium-room-actions-v280 .room-star{
  display:grid!important;
  place-items:center!important;
  background:#ffffff!important;
  color:#d9a51e!important;
  border:1.6px solid rgba(217,165,30,.72)!important;
  box-shadow:0 6px 14px rgba(15,23,42,.08)!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star svg,
body.app-body .premium-room-actions-v280 .room-star svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star.is-on,
body.app-body .premium-room-actions-v280 .room-star.is-on{
  background:linear-gradient(145deg,#ffd957,#eab331)!important;
  color:#ffffff!important;
  border-color:rgba(210,162,38,.25)!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star.is-on svg,
body.app-body .premium-room-actions-v280 .room-star.is-on svg{
  fill:currentColor!important;
  stroke:none!important;
}
body.app-body .room-card-photo-v282 .premium-room-actions-v280{
  min-width:112px!important;
  width:112px!important;
  max-width:112px!important;
  gap:6px!important;
}
@media (max-width:430px){
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{
    min-width:104px!important;
    width:104px!important;
    max-width:104px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{
    width:32px!important;height:32px!important;min-width:32px!important;border-radius:12px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{
    min-width:66px!important;width:66px!important;height:32px!important;font-size:10.5px!important;border-radius:16px!important;padding:0 7px!important;
  }
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:56px minmax(0,1fr) 104px!important;
  }
}
@media (max-width:370px){
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{
    min-width:94px!important;width:94px!important;max-width:94px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{
    width:28px!important;height:28px!important;min-width:28px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{
    min-width:60px!important;width:60px!important;height:30px!important;font-size:9.8px!important;
  }
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:50px minmax(0,1fr) 94px!important;
  }
}


/* v2.8.9 — top call-alert avatar + quick language picker */
body.app-body .status-pill.my-presence-pill .status-avatar.self{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:50%!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
body.app-body .status-pill.my-presence-pill .status-avatar.self img{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:block!important;
}
body.app-body .status-pill.my-presence-pill .status-avatar.self:after{
  right:-5px!important;
  bottom:3px!important;
  width:11px!important;
  height:11px!important;
  border:3px solid #fff!important;
  background:#19c772!important;
  box-shadow:0 2px 7px rgba(0,0,0,.18)!important;
}
body.app-body .status-pill.language-switch-pill{
  cursor:pointer!important;
  user-select:none!important;
}
body.app-body .status-pill.language-switch-pill .status-icon{
  font-size:24px!important;
}
body.app-body .status-pill.language-switch-pill:after{
  content:'›';
  margin-left:auto;
  color:#8a94a8;
  font-size:18px;
  font-weight:900;
  transform:rotate(90deg);
  line-height:1;
}
.rbc-language-picker-sheet .rbc-action-card,
.rbc-language-picker-sheet .modal-card{
  max-width:430px!important;
  border-radius:28px!important;
}
.rbc-language-picker-intro{
  margin:0 0 12px!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.4!important;
}
.rbc-language-picker-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.rbc-language-option{
  border:1px solid rgba(209,217,230,.92)!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border-radius:18px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 18px!important;
  gap:9px!important;
  align-items:center!important;
  text-align:left!important;
  box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
  color:#101828!important;
}
.rbc-language-option.is-selected{
  border-color:rgba(227,6,34,.32)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,241,243,.96))!important;
  box-shadow:0 12px 26px rgba(227,6,34,.10)!important;
}
.rbc-language-flag{
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:inset 0 0 0 1px rgba(209,217,230,.82)!important;
  font-size:20px!important;
}
.rbc-language-label{min-width:0!important;display:block!important;}
.rbc-language-label b{
  display:block!important;
  color:#101828!important;
  font-size:13px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.rbc-language-label small{
  display:block!important;
  margin-top:2px!important;
  color:#667085!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.rbc-language-option i{
  color:#e30622!important;
  font-style:normal!important;
  font-weight:950!important;
  text-align:center!important;
}
@media(max-width:430px){
  body.app-body .status-pill.my-presence-pill .status-avatar.self,
  body.app-body .status-pill.my-presence-pill .status-avatar.self img{width:46px!important;height:46px!important;}
  body.app-body .status-pill.my-presence-pill .status-avatar.self:after{right:-5px!important;bottom:2px!important;width:10px!important;height:10px!important;}
  .rbc-language-picker-grid{grid-template-columns:1fr!important;}
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-language-option{
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(20,28,43,.98))!important;
  border-color:rgba(148,163,184,.16)!important;
  color:#eef2ff!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-language-label b{color:#eef2ff!important;}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-language-label small{color:#aab8d4!important;}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rbc-language-flag{background:rgba(255,255,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(148,163,184,.16)!important;}


/* v2.9.0 — language picker must scroll on mobile/touch screens */
.rbc-language-picker-sheet .modal-card,
.rbc-language-picker-sheet .rbc-action-card{
  max-height:min(82vh,680px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.rbc-language-picker-sheet .modal-body,
.rbc-language-picker-sheet .rbc-modal-body,
.rbc-language-picker-sheet .modal-content{
  min-height:0!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
}
.rbc-language-picker-sheet .rbc-language-picker-grid{
  max-height:calc(82vh - 160px)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  padding-right:3px!important;
}
@media(max-width:430px){
  .rbc-language-picker-sheet .modal-card,
  .rbc-language-picker-sheet .rbc-action-card{
    max-height:86vh!important;
  }
  .rbc-language-picker-sheet .rbc-language-picker-grid{
    max-height:calc(86vh - 145px)!important;
  }
}

/* === v3.0.0 — RedsBlack Chat 2026 light/dark mobile home matching approved visual === */
:root{
  --rb26-red:#ef1f3a;
  --rb26-red-2:#ff3454;
  --rb26-ink:#07142b;
  --rb26-muted:#697386;
  --rb26-line:#e5ebf4;
  --rb26-light-bg:#f3f6fb;
  --rb26-card:#ffffff;
  --rb26-dark-bg:#07111f;
  --rb26-dark-panel:#0a1423;
  --rb26-dark-card:#111b2c;
  --rb26-dark-line:rgba(148,163,184,.18);
}

body.app-body .rb-brand-2026{
  gap:12px!important;
  min-width:0!important;
  align-items:center!important;
}
body.app-body .brand-mark{
  position:relative!important;
  isolation:isolate!important;
  width:46px!important;
  height:42px!important;
  min-width:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px 18px 18px 10px!important;
  background:#ffffff!important;
  border:4px solid #07142b!important;
  color:var(--rb26-red)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.08em!important;
  box-shadow:0 10px 22px rgba(15,23,42,.09)!important;
  transform:translateZ(0);
}
body.app-body .brand-mark:before{
  content:"";
  position:absolute;
  left:4px;
  bottom:-10px;
  width:14px;
  height:14px;
  background:#fff;
  border-left:4px solid #07142b;
  border-bottom:4px solid #07142b;
  transform:skew(-14deg) rotate(-7deg);
  border-radius:0 0 0 4px;
  z-index:-1;
}
body.app-body .brand-mark:after{
  content:"";
  position:absolute;
  right:-5px;
  bottom:2px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--rb26-red);
  border:2px solid #fff;
  box-shadow:0 3px 8px rgba(239,31,58,.28);
}
body.app-body .rb-brand-2026 em{
  color:var(--rb26-red)!important;
  font-style:normal!important;
}
body.app-body .rb-brand-2026 .brand-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
body.app-body .rb-brand-2026 .brand-copy b{
  display:block!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  color:var(--rb26-ink)!important;
  white-space:nowrap!important;
}
body.app-body .rb-brand-2026 .brand-copy small{
  display:block!important;
  color:#667489!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.app-body .home-status-card-2026,
body.app-body .home-language-row-2026,
body.app-body .recent-section-label-2026{
  display:none;
}

@media (max-width:980px){
  html,
  body.app-body{
    background:var(--rb26-light-bg)!important;
  }
  body.app-body{
    color:var(--rb26-ink)!important;
    overscroll-behavior:none;
  }
  body.app-body .app-shell{
    background:var(--rb26-light-bg)!important;
    min-height:100dvh!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  body.app-body .list-panel{
    position:relative!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:20px 16px calc(104px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:
      radial-gradient(circle at 95% -6%,rgba(239,31,58,.08),transparent 31%),
      radial-gradient(circle at 4% 0%,rgba(255,255,255,.95),transparent 34%),
      linear-gradient(180deg,#ffffff 0%,#f8faff 58%,#ffffff 100%)!important;
    border-right:0!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.app-body .list-panel::-webkit-scrollbar{display:none!important;}

  body.app-body .mobile-app-top.rb-mobile-top-2026{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 18px!important;
    min-height:54px!important;
  }
  body.app-body .mobile-brand.rb-brand-2026{
    flex:1 1 auto!important;
    overflow:hidden!important;
    text-decoration:none!important;
  }
  body.app-body .mobile-brand.rb-brand-2026 .brand-mark{
    width:48px!important;
    height:44px!important;
    min-width:48px!important;
    border-radius:19px 19px 18px 10px!important;
    font-size:18px!important;
  }
  body.app-body .mobile-top-actions{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex:0 0 auto!important;
  }
  body.app-body .mini-round,
  body.app-body .theme-toggle{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(229,235,244,.92)!important;
    background:rgba(255,255,255,.96)!important;
    color:#111827!important;
    box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
    font-size:24px!important;
    font-weight:900!important;
  }
  body.app-body .mini-round.red{
    color:#fff!important;
    font-size:35px!important;
    line-height:1!important;
    font-weight:400!important;
    border:0!important;
    background:linear-gradient(145deg,#ff3154 0%,#e30622 100%)!important;
    box-shadow:0 15px 34px rgba(227,6,34,.29)!important;
  }

  body.app-body .panel-header{
    display:flex!important;
    margin:2px 0 14px!important;
  }
  body.app-body .app-shell.is-chats-view .panel-header,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .panel-header{
    display:none!important;
  }
  body.app-body .panel-header h1{
    color:var(--rb26-ink)!important;
  }

  body.app-body .home-status-card-2026{
    position:relative!important;
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
    min-height:166px!important;
    margin:0 0 20px!important;
    padding:20px 18px!important;
    overflow:hidden!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,#ffffff 0%,#fbfdff 100%)!important;
    border:1px solid rgba(224,231,242,.94)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  body.app-body .app-shell.is-rooms-view .home-status-card-2026,
  body.app-body .app-shell.is-contacts-view .home-status-card-2026,
  body.app-body .app-shell.is-profile-view .home-status-card-2026{
    display:none!important;
  }
  body.app-body .home-status-card-2026:after{
    content:"";
    position:absolute;
    inset:auto -44px -54px auto;
    width:170px;
    height:150px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(239,31,58,.12) 0%,rgba(239,31,58,0) 66%);
    pointer-events:none;
  }
  body.app-body .home-status-avatar-2026{
    position:relative!important;
    display:block!important;
    width:94px!important;
    height:94px!important;
    min-width:94px!important;
    z-index:1!important;
  }
  body.app-body .home-status-avatar-2026 img{
    width:94px!important;
    height:94px!important;
    display:block!important;
    object-fit:cover!important;
    border-radius:50%!important;
    border:4px solid #fff!important;
    box-shadow:0 14px 32px rgba(15,23,42,.16)!important;
  }
  body.app-body .home-status-avatar-2026 i{
    position:absolute!important;
    right:1px!important;
    bottom:6px!important;
    width:27px!important;
    height:27px!important;
    border-radius:50%!important;
    background:#21c866!important;
    border:4px solid #fff!important;
    box-shadow:0 5px 13px rgba(15,23,42,.18)!important;
  }
  body.app-body .home-status-main-2026{
    position:relative!important;
    z-index:1!important;
    min-width:0!important;
  }
  body.app-body .home-status-main-2026 h2{
    margin:0 0 14px!important;
    color:var(--rb26-ink)!important;
    font-size:29px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.app-body .home-status-message-2026{
    width:100%!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 26px!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 14px 0 16px!important;
    border-radius:24px!important;
    border:1px solid rgba(225,232,243,.96)!important;
    background:#fff!important;
    color:#111827!important;
    box-shadow:0 9px 24px rgba(15,23,42,.08)!important;
    text-align:left!important;
    font-size:15px!important;
    font-weight:850!important;
  }
  body.app-body .home-status-message-2026 span{
    display:block!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.app-body .home-status-message-2026 em{
    display:grid!important;
    place-items:center!important;
    color:#111827!important;
    font-style:normal!important;
    font-size:19px!important;
    font-weight:900!important;
  }
  body.app-body .home-status-state-2026{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    margin-top:12px!important;
    color:#1e293b!important;
  }
  body.app-body .home-status-state-2026 strong{
    display:inline-grid!important;
    place-items:center!important;
    height:34px!important;
    min-width:74px!important;
    padding:0 14px!important;
    border-radius:17px!important;
    color:#14bd62!important;
    border:1.6px solid rgba(20,189,98,.65)!important;
    background:rgba(20,189,98,.055)!important;
    font-size:13px!important;
    font-weight:1000!important;
    line-height:1!important;
  }
  body.app-body .home-status-state-2026 span{
    color:#26364d!important;
    font-size:14px!important;
    font-weight:850!important;
  }

  body.app-body .home-language-row-2026{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:74px!important;
    margin:0 0 20px!important;
    padding:10px 14px 10px 12px!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(224,231,242,.94)!important;
    box-shadow:0 15px 34px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  body.app-body .app-shell.is-rooms-view .home-language-row-2026,
  body.app-body .app-shell.is-contacts-view .home-language-row-2026,
  body.app-body .app-shell.is-profile-view .home-language-row-2026{
    display:none!important;
  }
  body.app-body .home-language-row-2026 .language-switch-pill{
    flex:1 1 auto!important;
    min-width:0!important;
    height:54px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    color:var(--rb26-ink)!important;
    text-align:left!important;
  }
  body.app-body .home-language-row-2026 .language-switch-pill:after{
    content:"⌄"!important;
    display:inline-grid!important;
    place-items:center!important;
    transform:none!important;
    margin:0 0 0 3px!important;
    color:#667489!important;
    font-size:20px!important;
    line-height:1!important;
  }
  body.app-body .home-language-row-2026 .status-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    border:1px solid rgba(224,231,242,.86)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
    font-size:25px!important;
  }
  body.app-body .home-language-row-2026 .status-copy b{
    font-size:20px!important;
    line-height:1!important;
    font-weight:1000!important;
    color:var(--rb26-ink)!important;
    letter-spacing:-.035em!important;
  }
  body.app-body .home-language-row-2026 .status-copy small{
    margin-top:6px!important;
    font-size:13px!important;
    line-height:1!important;
    color:#667489!important;
    font-weight:850!important;
  }
  body.app-body .home-translate-icon-2026{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#fff!important;
    border:1px solid rgba(224,231,242,.9)!important;
    color:#111827!important;
    font-size:20px!important;
    font-weight:1000!important;
    letter-spacing:-.12em!important;
    box-shadow:0 10px 24px rgba(15,23,42,.07)!important;
  }
  body.app-body .rbc-internal-status-row-2026{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body.app-body .search-wrap{
    height:62px!important;
    margin:0 0 20px!important;
    padding:0 18px!important;
    gap:12px!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(224,231,242,.94)!important;
    box-shadow:0 14px 32px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  body.app-body .search-wrap input{
    height:60px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    color:var(--rb26-ink)!important;
    font-size:17px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  body.app-body .search-wrap input::placeholder{
    color:#697386!important;
    opacity:.92!important;
    font-weight:800!important;
  }
  body.app-body .search-icon{
    width:26px!important;
    min-width:26px!important;
    display:grid!important;
    place-items:center!important;
    color:#334155!important;
    font-size:30px!important;
    line-height:1!important;
    transform:rotate(-15deg);
  }
  body.app-body .search-sliders{
    color:#334155!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  body.app-body .tab-row{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
    margin:0 0 14px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.app-body .tab-row .chip{
    position:relative!important;
    min-width:0!important;
    height:58px!important;
    padding:0 10px!important;
    border:1px solid rgba(224,231,242,.94)!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.96)!important;
    color:#111827!important;
    box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
    font-size:15.5px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:-.02em!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    white-space:nowrap!important;
  }
  body.app-body .tab-row .chip.active{
    color:#fff!important;
    border-color:transparent!important;
    background:linear-gradient(145deg,#ff3154 0%,#e30622 100%)!important;
    box-shadow:0 16px 32px rgba(227,6,34,.28)!important;
  }
  body.app-body .tab-row .chip-invite.rb-hidden-visual-2026{
    display:none!important;
  }
  body.app-body .chip-badge,
  body.app-body .tab-row .chip .chip-badge{
    position:static!important;
    min-width:27px!important;
    height:27px!important;
    padding:0 8px!important;
    display:inline-grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:var(--rb26-red)!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:1000!important;
    box-shadow:0 8px 17px rgba(239,31,58,.26)!important;
  }
  body.app-body .tab-row .chip.active .chip-badge{
    background:#fff!important;
    color:var(--rb26-red)!important;
    box-shadow:0 5px 13px rgba(15,23,42,.12)!important;
  }

  body.app-body .recent-section-label-2026{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:25px!important;
    margin:0 0 8px!important;
    padding:0 4px!important;
    color:#5f6879!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:.085em!important;
  }
  body.app-body .recent-section-label-2026 i{
    width:10px!important;
    height:10px!important;
    min-width:10px!important;
    border-radius:50%!important;
    background:var(--rb26-red)!important;
    box-shadow:0 0 0 7px rgba(239,31,58,.08)!important;
  }
  body.app-body .app-shell.is-rooms-view .recent-section-label-2026,
  body.app-body .app-shell.is-contacts-view .recent-section-label-2026,
  body.app-body .app-shell.is-profile-view .recent-section-label-2026{
    display:none!important;
  }
  body.app-body .chat-list .inbox-section-label-v236{
    display:none!important;
  }

  body.app-body .chat-list{
    display:grid!important;
    gap:12px!important;
    margin:0!important;
    padding:0 0 8px!important;
  }
  body.app-body .chat-list .chat-item{
    position:relative!important;
    min-height:94px!important;
    width:100%!important;
    grid-template-columns:64px minmax(0,1fr) 54px!important;
    align-items:center!important;
    gap:14px!important;
    padding:13px 14px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(224,231,242,.94)!important;
    box-shadow:0 12px 30px rgba(15,23,42,.065)!important;
    color:var(--rb26-ink)!important;
    transform:none!important;
    overflow:hidden!important;
  }
  body.app-body .chat-list .chat-item:first-child,
  body.app-body .chat-list .chat-item.active,
  body.app-body .chat-list .chat-item:hover{
    background:rgba(255,255,255,.98)!important;
    border-color:rgba(224,231,242,.94)!important;
    box-shadow:0 12px 30px rgba(15,23,42,.065)!important;
    transform:none!important;
  }
  body.app-body .chat-list .chat-item:first-child:before,
  body.app-body .chat-list .chat-item.active:before{
    content:none!important;
    display:none!important;
  }
  body.app-body .chat-list .avatar-wrap,
  body.app-body .chat-list .avatar-wrap img{
    width:58px!important;
    height:58px!important;
    border-radius:50%!important;
  }
  body.app-body .chat-list .avatar-wrap{
    overflow:visible!important;
    box-shadow:none!important;
  }
  body.app-body .chat-list .avatar-wrap img{
    object-fit:cover!important;
    border:0!important;
    box-shadow:0 8px 18px rgba(15,23,42,.12)!important;
  }
  body.app-body .chat-list .avatar-wrap .presence{
    right:0!important;
    bottom:1px!important;
    width:19px!important;
    height:19px!important;
    border-radius:50%!important;
    border:3px solid #fff!important;
    background:#21c866!important;
    box-shadow:0 4px 10px rgba(15,23,42,.12)!important;
    animation:none!important;
  }
  body.app-body .chat-list .avatar-wrap .presence:not(.on):not(.online):not(.presence-online):not(.presence-push):not(.presence-recent){
    background:#21c866!important;
  }
  body.app-body .chat-list .chat-item b{
    display:block!important;
    color:var(--rb26-ink)!important;
    font-size:21.5px!important;
    line-height:1.06!important;
    font-weight:1000!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.app-body .chat-list .chat-item small{
    display:block!important;
    max-width:100%!important;
    margin-top:7px!important;
    color:#667489!important;
    font-size:14.5px!important;
    line-height:1.25!important;
    font-weight:820!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.app-body .chat-meta{
    display:grid!important;
    justify-items:center!important;
    align-content:center!important;
    gap:7px!important;
    min-width:48px!important;
    color:var(--rb26-red)!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:1000!important;
    text-align:center!important;
  }
  body.app-body .chat-meta em{
    color:#697386!important;
    font-size:12px!important;
    font-style:normal!important;
    line-height:1!important;
    font-weight:900!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em{
    color:var(--rb26-red)!important;
    font-size:0!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em:before{
    content:"Nowe"!important;
    font-size:12px!important;
    color:var(--rb26-red)!important;
  }
  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#ff3154 0%,#e30622 100%)!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:1000!important;
    box-shadow:0 10px 22px rgba(227,6,34,.26)!important;
  }

  body.app-body .bottom-nav{
    position:fixed!important;
    left:16px!important;
    right:16px!important;
    bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
    height:82px!important;
    min-height:82px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 76px 1fr 1fr!important;
    align-items:center!important;
    gap:4px!important;
    padding:8px 12px!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(224,231,242,.94)!important;
    box-shadow:0 -10px 34px rgba(15,23,42,.11)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:60!important;
  }
  body.app-body .bottom-link{
    position:relative!important;
    height:62px!important;
    min-width:0!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:4px!important;
    padding:0!important;
    border-radius:20px!important;
    border:0!important;
    background:transparent!important;
    color:#334155!important;
    font-weight:900!important;
    font-size:13px!important;
    line-height:1!important;
  }
  body.app-body .bottom-link span{
    color:inherit!important;
    font-size:12.5px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
  }
  body.app-body .bottom-icon-2026{
    width:29px!important;
    height:29px!important;
    display:grid!important;
    place-items:center!important;
    color:currentColor!important;
  }
  body.app-body .bottom-icon-2026 svg{
    width:29px!important;
    height:29px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  body.app-body .bottom-link.active{
    background:transparent!important;
    color:var(--rb26-ink)!important;
  }
  body.app-body .bottom-link.add.rb-brand-action{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    place-self:center!important;
    transform:translateY(-15px)!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:0!important;
    border-radius:50%!important;
    padding:0!important;
    color:#fff!important;
    background:linear-gradient(145deg,#ff3154 0%,#e30622 100%)!important;
    border:7px solid rgba(255,255,255,.96)!important;
    box-shadow:0 16px 36px rgba(227,6,34,.34),0 0 0 7px rgba(227,6,34,.08)!important;
  }
  body.app-body .bottom-link.add.rb-brand-action .rb-mark-main{
    color:#fff!important;
    font-size:30px!important;
    line-height:.9!important;
    font-weight:1000!important;
    letter-spacing:-.09em!important;
  }
  body.app-body .bottom-link.add.rb-brand-action small{
    display:none!important;
  }
  body.app-body .bottom-link .nav-badge,
  body.app-body .nav-badge,
  body.app-body .private-unread-nav-badge{
    position:absolute!important;
    top:0!important;
    right:13px!important;
    min-width:23px!important;
    height:23px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:var(--rb26-red)!important;
    color:#fff!important;
    font-size:11.5px!important;
    font-weight:1000!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
    border:2px solid #fff!important;
    box-shadow:0 6px 13px rgba(227,6,34,.28)!important;
  }
}

@media (max-width:430px){
  body.app-body .list-panel{
    padding:18px 14px calc(100px + env(safe-area-inset-bottom,0px))!important;
  }
  body.app-body .rb-brand-2026 .brand-copy b{font-size:23px!important;}
  body.app-body .rb-brand-2026 .brand-copy small{font-size:10.5px!important;max-width:230px!important;}
  body.app-body .mobile-brand.rb-brand-2026 .brand-mark{width:45px!important;height:41px!important;min-width:45px!important;border-width:3.5px!important;}
  body.app-body .mini-round,
  body.app-body .theme-toggle{width:48px!important;height:48px!important;min-width:48px!important;}
  body.app-body .mini-round.red{font-size:32px!important;}
  body.app-body .home-status-card-2026{grid-template-columns:86px minmax(0,1fr)!important;gap:13px!important;min-height:152px!important;padding:18px 15px!important;border-radius:26px!important;margin-bottom:18px!important;}
  body.app-body .home-status-avatar-2026,
  body.app-body .home-status-avatar-2026 img{width:86px!important;height:86px!important;min-width:86px!important;}
  body.app-body .home-status-avatar-2026 i{width:25px!important;height:25px!important;right:0!important;bottom:5px!important;}
  body.app-body .home-status-main-2026 h2{font-size:27px!important;margin-bottom:12px!important;}
  body.app-body .home-status-message-2026{min-height:44px!important;font-size:14px!important;border-radius:22px!important;}
  body.app-body .home-status-state-2026 strong{height:31px!important;min-width:68px!important;font-size:12px!important;}
  body.app-body .home-status-state-2026 span{font-size:13px!important;}
  body.app-body .home-language-row-2026{min-height:70px!important;border-radius:24px!important;margin-bottom:18px!important;}
  body.app-body .home-language-row-2026 .status-icon{width:45px!important;height:45px!important;min-width:45px!important;}
  body.app-body .home-language-row-2026 .status-copy b{font-size:19px!important;}
  body.app-body .home-language-row-2026 .status-copy small{font-size:12.5px!important;}
  body.app-body .home-translate-icon-2026{width:48px!important;height:48px!important;min-width:48px!important;}
  body.app-body .search-wrap{height:58px!important;border-radius:24px!important;margin-bottom:18px!important;}
  body.app-body .search-wrap input{height:56px!important;font-size:16px!important;}
  body.app-body .tab-row{gap:10px!important;margin-bottom:12px!important;}
  body.app-body .tab-row .chip{height:54px!important;border-radius:24px!important;font-size:14.5px!important;}
  body.app-body .chat-list{gap:10px!important;}
  body.app-body .chat-list .chat-item{min-height:86px!important;grid-template-columns:58px minmax(0,1fr) 48px!important;gap:12px!important;border-radius:22px!important;padding:11px 13px!important;}
  body.app-body .chat-list .avatar-wrap,
  body.app-body .chat-list .avatar-wrap img{width:54px!important;height:54px!important;}
  body.app-body .chat-list .chat-item b{font-size:20px!important;}
  body.app-body .chat-list .chat-item small{font-size:13.5px!important;margin-top:5px!important;}
  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{width:36px!important;height:36px!important;min-width:36px!important;font-size:15px!important;}
  body.app-body .bottom-nav{left:14px!important;right:14px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;height:78px!important;min-height:78px!important;grid-template-columns:1fr 1fr 72px 1fr 1fr!important;padding:7px 10px!important;}
  body.app-body .bottom-link{height:58px!important;}
  body.app-body .bottom-link.add.rb-brand-action{width:72px!important;height:72px!important;min-width:72px!important;transform:translateY(-14px)!important;}
}

@media (max-width:370px){
  body.app-body .list-panel{padding-left:12px!important;padding-right:12px!important;}
  body.app-body .rb-brand-2026 .brand-copy b{font-size:21px!important;}
  body.app-body .rb-brand-2026 .brand-copy small{font-size:9.5px!important;max-width:200px!important;}
  body.app-body .mobile-top-actions{gap:8px!important;}
  body.app-body .mini-round,
  body.app-body .theme-toggle{width:44px!important;height:44px!important;min-width:44px!important;}
  body.app-body .home-status-card-2026{grid-template-columns:78px minmax(0,1fr)!important;gap:11px!important;padding:16px 13px!important;}
  body.app-body .home-status-avatar-2026,
  body.app-body .home-status-avatar-2026 img{width:78px!important;height:78px!important;min-width:78px!important;}
  body.app-body .home-status-main-2026 h2{font-size:25px!important;}
  body.app-body .home-status-message-2026{font-size:13px!important;padding-left:12px!important;}
  body.app-body .tab-row{gap:8px!important;}
  body.app-body .tab-row .chip{height:50px!important;font-size:13.5px!important;}
  body.app-body .chat-list .chat-item{grid-template-columns:54px minmax(0,1fr) 44px!important;gap:10px!important;padding:10px 11px!important;}
  body.app-body .chat-list .avatar-wrap,
  body.app-body .chat-list .avatar-wrap img{width:50px!important;height:50px!important;}
  body.app-body .chat-list .chat-item b{font-size:18.5px!important;}
  body.app-body .chat-list .chat-item small{font-size:12.5px!important;}
}

/* Dark version — activated by existing moon/sun button. */
@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme{
    background:var(--rb26-dark-bg)!important;
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell{
    background:var(--rb26-dark-bg)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .list-panel{
    background:
      radial-gradient(circle at 95% 3%,rgba(239,31,58,.26),transparent 31%),
      radial-gradient(circle at 9% 0%,rgba(29,78,216,.16),transparent 34%),
      linear-gradient(180deg,#07111f 0%,#0b1524 67%,#07111f 100%)!important;
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .brand-mark{
    background:#111b2c!important;
    border-color:#f8fafc!important;
    color:#ff3154!important;
    box-shadow:0 12px 28px rgba(0,0,0,.30)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .brand-mark:before{
    background:#111b2c!important;
    border-left-color:#f8fafc!important;
    border-bottom-color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .brand-mark:after{
    border-color:#111b2c!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rb-brand-2026 .brand-copy b,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .panel-header h1{
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rb-brand-2026 .brand-copy small,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .panel-header p{
    color:#aab8d4!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .mini-round,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .theme-toggle{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#eaf0fb!important;
    box-shadow:0 15px 34px rgba(0,0,0,.27)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .theme-toggle{
    color:#f9d36d!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .mini-round.red{
    background:linear-gradient(145deg,#ff3154 0%,#e30622 100%)!important;
    color:#fff!important;
    border-color:transparent!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-card-2026{
    background:
      radial-gradient(circle at 100% 50%,rgba(239,31,58,.46) 0%,rgba(239,31,58,.22) 26%,rgba(239,31,58,0) 55%),
      linear-gradient(145deg,rgba(17,27,44,.96) 0%,rgba(9,18,32,.96) 100%)!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-card-2026:after{
    background:radial-gradient(circle,rgba(239,31,58,.34) 0%,rgba(239,31,58,0) 67%)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-avatar-2026 img{
    border-color:rgba(255,255,255,.92)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.42)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-avatar-2026 i{
    border-color:#111b2c!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-main-2026 h2{
    color:#fff!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-message-2026{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(148,163,184,.20)!important;
    color:#f8fafc!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-message-2026 em{
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-state-2026 strong{
    color:#11d673!important;
    border-color:rgba(17,214,115,.65)!important;
    background:rgba(17,214,115,.08)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-state-2026 span{
    color:#dbe5f4!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-wrap,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .chat-item{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026 .language-switch-pill,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026 .status-copy b,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .chat-item b,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-wrap input{
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026 .status-icon,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-translate-icon-2026{
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#f8fafc!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026 .status-copy small,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026 .language-switch-pill:after,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-wrap input::placeholder,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .chat-item small,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-meta em,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .recent-section-label-2026{
    color:#aab8d4!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-icon,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-sliders{
    color:#d9e3f3!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip{
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip.active{
    background:linear-gradient(145deg,#ff3154 0%,#e30622 100%)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 16px 32px rgba(227,6,34,.28)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .avatar-wrap .presence{
    border-color:#111b2c!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-nav{
    background:rgba(13,23,38,.91)!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 -14px 36px rgba(0,0,0,.32)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link{
    color:#aab8d4!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link.active{
    color:#f8fafc!important;
    background:transparent!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link.add.rb-brand-action{
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 16px 36px rgba(227,6,34,.34),0 0 0 7px rgba(227,6,34,.10)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link .nav-badge,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .nav-badge,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .private-unread-nav-badge{
    border-color:#0d1726!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-panel,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .messages,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .composer{
    background:#07111f!important;
  }
}

/* v3.0.1 — compact spacing and exact search/language icon cleanup */
@media (max-width:980px){
  body.app-body .home-language-row-2026 .status-copy{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
  }
  body.app-body .search-icon{
    position:relative!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    font-size:0!important;
    transform:none!important;
    color:transparent!important;
  }
  body.app-body .search-icon:before{
    content:"";
    position:absolute;
    left:2px;
    top:2px;
    width:13px;
    height:13px;
    border:2.3px solid #334155;
    border-radius:50%;
  }
  body.app-body .search-icon:after{
    content:"";
    position:absolute;
    left:17px;
    top:17px;
    width:9px;
    height:2.3px;
    border-radius:999px;
    background:#334155;
    transform:rotate(45deg);
    transform-origin:left center;
  }
  body.app-body .search-sliders{
    position:relative!important;
    width:29px!important;
    height:25px!important;
    min-width:29px!important;
    font-size:0!important;
    color:transparent!important;
  }
  body.app-body .search-sliders:before{
    content:"";
    position:absolute;
    left:3px;
    right:3px;
    top:5px;
    height:2px;
    border-radius:999px;
    background:#334155;
    box-shadow:0 7px 0 #334155,0 14px 0 #334155;
  }
  body.app-body .search-sliders:after{
    content:"";
    position:absolute;
    top:2px;
    left:15px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#334155;
    box-shadow:-9px 7px 0 #334155,8px 14px 0 #334155;
  }
}
@media (max-width:430px){
  body.app-body .mobile-app-top.rb-mobile-top-2026{margin-bottom:15px!important;}
  body.app-body .home-status-card-2026{min-height:140px!important;margin-bottom:15px!important;padding:16px 15px!important;}
  body.app-body .home-status-avatar-2026,
  body.app-body .home-status-avatar-2026 img{width:80px!important;height:80px!important;min-width:80px!important;}
  body.app-body .home-status-avatar-2026 i{width:23px!important;height:23px!important;bottom:4px!important;}
  body.app-body .home-status-main-2026 h2{font-size:26px!important;margin-bottom:9px!important;}
  body.app-body .home-status-message-2026{min-height:42px!important;font-size:13.5px!important;}
  body.app-body .home-status-state-2026{margin-top:9px!important;}
  body.app-body .home-status-state-2026 strong{height:30px!important;}
  body.app-body .home-language-row-2026{min-height:64px!important;margin-bottom:14px!important;padding-top:7px!important;padding-bottom:7px!important;}
  body.app-body .home-language-row-2026 .status-icon{width:43px!important;height:43px!important;min-width:43px!important;}
  body.app-body .home-translate-icon-2026{width:46px!important;height:46px!important;min-width:46px!important;}
  body.app-body .search-wrap{height:54px!important;margin-bottom:14px!important;}
  body.app-body .search-wrap input{height:52px!important;}
  body.app-body .tab-row .chip{height:52px!important;}
  body.app-body .chat-list .chat-item{min-height:80px!important;}
  body.app-body .chat-list .avatar-wrap,
  body.app-body .chat-list .avatar-wrap img{width:52px!important;height:52px!important;}
}
@media (max-width:370px){
  body.app-body .home-status-card-2026{grid-template-columns:74px minmax(0,1fr)!important;min-height:134px!important;}
  body.app-body .home-status-avatar-2026,
  body.app-body .home-status-avatar-2026 img{width:74px!important;height:74px!important;min-width:74px!important;}
}
@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026 .status-copy{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-icon:before{
    border-color:#d9e3f3!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-icon:after,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-sliders:before,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-sliders:after{
    background:#d9e3f3!important;
    box-shadow:0 7px 0 #d9e3f3,0 14px 0 #d9e3f3!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-sliders:after{
    box-shadow:-9px 7px 0 #d9e3f3,8px 14px 0 #d9e3f3!important;
  }
}

/* v3.0.2 — dark language pill + magnifier handle correction */
@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026 .language-switch-pill{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-icon:after{
    background:#d9e3f3!important;
    box-shadow:none!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-sliders:before{
    background:#d9e3f3!important;
    box-shadow:0 7px 0 #d9e3f3,0 14px 0 #d9e3f3!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-sliders:after{
    background:#d9e3f3!important;
    box-shadow:-9px 7px 0 #d9e3f3,8px 14px 0 #d9e3f3!important;
  }
}


/* === v3.0.3 — softer glass red controls + true presence dot colours === */
@media (max-width:980px){
  body.app-body .mini-round.red,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .mini-round.red{
    background:linear-gradient(145deg,rgba(255,76,105,.74) 0%,rgba(214,42,68,.66) 100%)!important;
    border:1px solid rgba(255,255,255,.42)!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(190,30,55,.17), inset 0 1px 0 rgba(255,255,255,.42)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  body.app-body .tab-row .chip.active,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip.active{
    background:linear-gradient(145deg,rgba(255,76,105,.72) 0%,rgba(214,42,68,.66) 100%)!important;
    border:1px solid rgba(255,255,255,.38)!important;
    color:#fff!important;
    box-shadow:0 12px 25px rgba(190,30,55,.15), inset 0 1px 0 rgba(255,255,255,.36)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  body.app-body .bottom-link.add.rb-brand-action,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link.add.rb-brand-action{
    background:linear-gradient(145deg,rgba(255,75,105,.82) 0%,rgba(211,42,70,.76) 100%)!important;
    border-color:rgba(255,255,255,.82)!important;
    box-shadow:0 14px 30px rgba(190,30,55,.20),0 0 0 7px rgba(214,42,68,.055), inset 0 1px 0 rgba(255,255,255,.35)!important;
  }

  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    background:linear-gradient(145deg,rgba(247,86,107,.86) 0%,rgba(212,55,78,.78) 100%)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(190,30,55,.16), inset 0 1px 0 rgba(255,255,255,.32)!important;
    border:1px solid rgba(255,255,255,.36)!important;
    font-size:14px!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em{
    color:#d4485e!important;
    font-size:12px!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em:before{
    content:none!important;
    display:none!important;
  }

  body.app-body .chip-badge,
  body.app-body .tab-row .chip .chip-badge,
  body.app-body .bottom-link .nav-badge,
  body.app-body .nav-badge,
  body.app-body .private-unread-nav-badge,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link .nav-badge,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .nav-badge,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .private-unread-nav-badge{
    background:linear-gradient(145deg,rgba(247,86,107,.88),rgba(212,55,78,.80))!important;
    box-shadow:0 6px 14px rgba(190,30,55,.15), inset 0 1px 0 rgba(255,255,255,.30)!important;
  }
  body.app-body .tab-row .chip.active .chip-badge{
    background:rgba(255,255,255,.92)!important;
    color:#d4485e!important;
  }
  body.app-body .recent-section-label-2026 i{
    background:rgba(216,72,94,.78)!important;
    box-shadow:0 0 0 7px rgba(216,72,94,.06)!important;
  }

  body.app-body .chat-list .avatar-wrap .presence.presence-online,
  body.app-body .chat-list .avatar-wrap .presence.on,
  body.app-body .chat-list .avatar-wrap .presence.online{
    background:#22c96b!important;
    opacity:1!important;
    box-shadow:0 4px 10px rgba(34,201,107,.20)!important;
  }
  body.app-body .chat-list .avatar-wrap .presence.presence-recent{
    background:#f2a93b!important;
    opacity:1!important;
    box-shadow:0 4px 10px rgba(242,169,59,.18)!important;
  }
  body.app-body .chat-list .avatar-wrap .presence.presence-push{
    background:#5b8def!important;
    opacity:1!important;
    box-shadow:0 4px 10px rgba(91,141,239,.18)!important;
  }
  body.app-body .chat-list .avatar-wrap .presence.presence-offline,
  body.app-body .chat-list .avatar-wrap .presence:not(.presence-online):not(.presence-recent):not(.presence-push):not(.on):not(.online){
    background:#a8b2c1!important;
    opacity:.82!important;
    box-shadow:0 4px 10px rgba(15,23,42,.10)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .avatar-wrap .presence.presence-offline,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .avatar-wrap .presence:not(.presence-online):not(.presence-recent):not(.presence-push):not(.on):not(.online){
    background:#64748b!important;
    opacity:.85!important;
  }
}
@media (max-width:430px){
  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    font-size:13.5px!important;
  }
}

/* === v3.0.2 — Rooms premium photo directory matching approved mockup === */
body.app-body .room-section-work_london{--rbc-sec:#2f8df6;--rbc-sec-soft:rgba(47,141,246,.09);} 
body.app-body .room-section-housing_london{--rbc-sec:#19a7a7;--rbc-sec-soft:rgba(25,167,167,.09);} 

body.app-body .rooms-hero-v280{
  position:relative!important;
  grid-template-columns:86px minmax(0,1fr) 90px!important;
  min-height:126px!important;
  margin:4px 0 14px!important;
  padding:18px 18px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 92% 14%,rgba(239,31,58,.12),transparent 34%),
    radial-gradient(circle at 8% 96%,rgba(239,31,58,.08),transparent 28%),
    linear-gradient(135deg,rgba(255,247,249,.98) 0%,rgba(255,255,255,.96) 56%,rgba(255,246,248,.93) 100%)!important;
  border:1px solid rgba(226,232,242,.92)!important;
  box-shadow:0 16px 36px rgba(15,23,42,.075)!important;
  overflow:hidden!important;
}
body.app-body .rooms-hero-v280:before{
  content:"";position:absolute;inset:auto -30px -42px 38%;height:92px;
  background:repeating-radial-gradient(ellipse at center,rgba(239,31,58,.08) 0 1px,transparent 2px 9px);
  opacity:.72;pointer-events:none;transform:rotate(-6deg);
}
body.app-body .rooms-hero-art-v280{
  width:72px!important;height:72px!important;border-radius:50%!important;
  background:linear-gradient(145deg,#ffffff,#fff1f4)!important;
  color:#ef2742!important;box-shadow:0 10px 26px rgba(15,23,42,.08), inset 0 0 0 1px rgba(239,31,58,.10)!important;
  position:relative!important;z-index:1!important;
}
body.app-body .rooms-hero-art-v280:after{
  content:"";position:absolute;right:4px;top:5px;width:12px;height:12px;border-radius:50%;background:#27c87a;border:3px solid #fff;box-shadow:0 4px 10px rgba(39,200,122,.25);
}
body.app-body .rooms-hero-copy-v280{position:relative!important;z-index:1!important;min-width:0!important;}
body.app-body .rooms-hero-copy-v280 b{font-size:22px!important;line-height:1.08!important;letter-spacing:-.045em!important;color:#07142b!important;}
body.app-body .rooms-hero-copy-v280 small{font-size:14px!important;line-height:1.35!important;color:#586578!important;font-weight:750!important;max-width:360px!important;}
body.app-body .rooms-hero-copy-v280 span{
  margin-top:12px!important;height:38px!important;padding:0 18px!important;border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,47,76,.95),rgba(221,9,38,.94))!important;
  border:1px solid rgba(255,255,255,.42)!important;color:#fff!important;font-size:13px!important;font-weight:950!important;
  box-shadow:0 10px 22px rgba(227,6,34,.18),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
body.app-body .rooms-hero-bubble-v280{
  position:relative!important;z-index:1!important;width:76px!important;height:76px!important;border-radius:26px!important;
  background:linear-gradient(145deg,#fff,rgba(255,238,242,.95))!important;color:transparent!important;
  box-shadow:0 16px 30px rgba(15,23,42,.10),inset 0 0 0 1px rgba(239,31,58,.07)!important;
}
body.app-body .rooms-hero-bubble-v280:before{
  content:"•••";position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:20px;letter-spacing:3px;color:#ef2742;line-height:1;font-weight:950;
}
body.app-body .rooms-hero-bubble-v280:after{
  content:"";position:absolute;left:14px;right:14px;bottom:15px;height:25px;border-radius:17px 17px 9px 9px;
  background:linear-gradient(90deg,rgba(239,31,58,.26),rgba(15,23,42,.10));
  box-shadow:16px 0 0 rgba(239,31,58,.16),32px 0 0 rgba(15,23,42,.08);
}

body.app-body .room-section-v280{margin:0 0 10px!important;gap:0!important;--rbc-sec:#2f8df6;--rbc-sec-soft:rgba(47,141,246,.09);} 
body.app-body .room-section-head-photo-v302{
  position:relative!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr) 154px!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-height:118px!important;
  padding:13px 14px 13px 12px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(224,230,240,.94)!important;
  background:
    radial-gradient(circle at 96% 18%,var(--rbc-sec-soft),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 63%,var(--rbc-sec-soft) 100%)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.06)!important;
  color:#07142b!important;
  text-align:left!important;
}
body.app-body .room-section-head-photo-v302:before{
  content:""!important;position:absolute!important;left:0!important;top:16px!important;bottom:16px!important;width:5px!important;border-radius:999px!important;background:var(--rbc-sec)!important;
}
body.app-body .room-section-head-photo-v302:after{
  content:"";position:absolute;right:-26px;top:0;width:96px;height:100%;background:radial-gradient(circle at top right,var(--rbc-sec-soft),transparent 67%);opacity:.95;pointer-events:none;
}
body.app-body .room-section-photo-v302{
  width:98px!important;height:78px!important;min-width:98px!important;border-radius:20px!important;overflow:hidden!important;padding:0!important;
  background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.09), inset 0 0 0 1px rgba(255,255,255,.65)!important;
  position:relative!important;z-index:1!important;
}
body.app-body .room-section-photo-v302 img{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transform:translateZ(0)!important;
}
body.app-body .room-section-copy-v280{min-width:0!important;position:relative!important;z-index:1!important;}
body.app-body .room-section-head-photo-v302 .room-section-copy-v280 b{
  display:block!important;font-size:21px!important;line-height:1.07!important;font-weight:1000!important;letter-spacing:-.045em!important;color:#07142b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.app-body .room-section-head-photo-v302 .room-section-copy-v280 small{
  display:block!important;margin-top:5px!important;font-size:14px!important;line-height:1.24!important;font-weight:720!important;color:#59667a!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
body.app-body .room-section-head-photo-v302 .room-section-copy-v280 em{
  display:inline-flex!important;align-items:center!important;margin-top:9px!important;max-width:100%!important;height:28px!important;padding:0 13px!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--rbc-sec) 9%,#ffffff)!important;border:1px solid color-mix(in srgb,var(--rbc-sec) 20%,#e6ebf2)!important;color:color-mix(in srgb,var(--rbc-sec) 72%,#07142b)!important;
  font-style:normal!important;font-size:12px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.app-body .room-section-actions-v302{
  position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:42px minmax(78px,1fr)!important;grid-template-rows:30px 42px!important;align-items:center!important;gap:8px!important;justify-content:end!important;width:154px!important;min-width:154px!important;max-width:154px!important;
}
body.app-body .room-section-counts-v302{grid-column:1/3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;}
body.app-body .room-section-counts-v302 i,
body.app-body .room-section-counts-v302 strong{
  min-width:32px!important;width:auto!important;height:30px!important;padding:0 9px!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:950!important;line-height:1!important;font-style:normal!important;
}
body.app-body .room-section-counts-v302 i{background:linear-gradient(145deg,color-mix(in srgb,var(--rbc-sec) 80%,#ff3150),color-mix(in srgb,var(--rbc-sec) 64%,#cf0924))!important;color:#fff!important;box-shadow:0 8px 17px color-mix(in srgb,var(--rbc-sec) 22%,transparent)!important;}
body.app-body .room-section-counts-v302 strong{background:rgba(248,250,253,.96)!important;color:#253147!important;border:1px solid rgba(222,228,238,.96)!important;box-shadow:0 7px 14px rgba(15,23,42,.045)!important;}
body.app-body .room-section-fav-v302{
  grid-column:1!important;grid-row:2!important;width:42px!important;height:42px!important;border-radius:17px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#ffd95d,#e8ae2c)!important;color:#fff!important;box-shadow:0 10px 18px rgba(217,165,30,.22), inset 0 1px 0 rgba(255,255,255,.34)!important;
}
body.app-body .room-section-fav-v302 svg{width:21px!important;height:21px!important;display:block!important;fill:currentColor!important;stroke:none!important;}
body.app-body .room-section-open-v302{
  grid-column:2!important;grid-row:2!important;height:42px!important;min-width:82px!important;padding:0 14px!important;border-radius:21px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(145deg,#07142b,#020817)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:13px!important;font-weight:950!important;letter-spacing:-.02em!important;white-space:nowrap!important;
  box-shadow:0 12px 22px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.app-body .room-section-actions-v302 .room-section-chevron-v280{display:none!important;}
body.app-body .room-section-v280.is-open .room-section-head-photo-v302{box-shadow:0 18px 36px rgba(15,23,42,.08)!important;border-color:color-mix(in srgb,var(--rbc-sec) 28%,#e2e8f0)!important;}
body.app-body .room-section-v280.is-open .room-section-open-v302{background:linear-gradient(145deg,color-mix(in srgb,var(--rbc-sec) 58%,#07142b),#07142b)!important;}
body.app-body .room-section-body-v280{
  margin:8px 0 2px 18px!important;padding-left:10px!important;border-left:3px solid color-mix(in srgb,var(--rbc-sec) 20%,transparent)!important;display:grid!important;gap:8px!important;
}
body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
  grid-template-columns:82px minmax(0,1fr) 116px!important;
  min-height:88px!important;border-radius:23px!important;padding:10px 11px!important;gap:12px!important;background:rgba(255,255,255,.99)!important;border:1px solid rgba(224,230,240,.94)!important;box-shadow:0 12px 25px rgba(15,23,42,.055)!important;
}
body.app-body .room-card-photo-v282 .room-photo-thumb-v282{width:78px!important;height:62px!important;min-width:78px!important;border-radius:18px!important;overflow:hidden!important;padding:0!important;background:#fff!important;}
body.app-body .room-card-photo-v282 .room-photo-thumb-v282 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{font-size:17px!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#07142b!important;}
body.app-body .room-card-photo-v282 .premium-room-copy-v280 small{font-size:12px!important;line-height:1.22!important;color:#5c697d!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
body.app-body .room-card-photo-v282 .premium-room-copy-v280 em{margin-top:5px!important;height:23px!important;padding:0 8px!important;font-size:10.7px!important;background:#fff!important;border:1px solid rgba(222,228,238,.92)!important;color:#56657a!important;}

html[data-rbc-theme="dark"] body.rbc-dark-theme .rooms-hero-v280{
  background:radial-gradient(circle at 88% 8%,rgba(239,31,58,.25),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.98),rgba(8,16,29,.96))!important;
  border-color:rgba(148,163,184,.16)!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rooms-hero-copy-v280 b,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 b,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 b{color:#eef3ff!important;}
html[data-rbc-theme="dark"] body.rbc-dark-theme .rooms-hero-copy-v280 small,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 small,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 small{color:#aab7cc!important;}
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-head-photo-v302,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card.premium-room-card-v280.room-card-photo-v282{
  background:radial-gradient(circle at 94% 10%,var(--rbc-sec-soft),transparent 30%),linear-gradient(135deg,rgba(16,26,42,.98),rgba(9,17,31,.98))!important;
  border-color:rgba(148,163,184,.16)!important;box-shadow:0 16px 34px rgba(0,0,0,.24)!important;color:#eef3ff!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-counts-v302 strong{background:rgba(255,255,255,.06)!important;color:#dbe7ff!important;border-color:rgba(148,163,184,.16)!important;}
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 em,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 em{background:rgba(255,255,255,.06)!important;border-color:rgba(148,163,184,.15)!important;color:#dbe7ff!important;}

@media(max-width:560px){
  body.app-body .rooms-hero-v280{grid-template-columns:72px minmax(0,1fr) 68px!important;min-height:118px!important;padding:14px 13px!important;border-radius:25px!important;gap:10px!important;}
  body.app-body .rooms-hero-art-v280{width:62px!important;height:62px!important;}
  body.app-body .rooms-hero-copy-v280 b{font-size:19px!important;}
  body.app-body .rooms-hero-copy-v280 small{font-size:12.5px!important;}
  body.app-body .rooms-hero-copy-v280 span{height:34px!important;padding:0 12px!important;font-size:11.5px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .rooms-hero-bubble-v280{width:62px!important;height:62px!important;border-radius:22px!important;}

  body.app-body .room-section-head-photo-v302{grid-template-columns:88px minmax(0,1fr) 112px!important;gap:10px!important;min-height:104px!important;padding:10px 10px 10px 9px!important;border-radius:24px!important;}
  body.app-body .room-section-photo-v302{width:78px!important;height:70px!important;min-width:78px!important;border-radius:18px!important;}
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 b{font-size:17px!important;line-height:1.05!important;}
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 small{font-size:11.8px!important;line-height:1.18!important;-webkit-line-clamp:2!important;}
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 em{height:24px!important;padding:0 9px!important;font-size:10.3px!important;margin-top:6px!important;max-width:100%!important;}
  body.app-body .room-section-actions-v302{width:112px!important;min-width:112px!important;max-width:112px!important;grid-template-columns:34px 74px!important;grid-template-rows:27px 34px!important;gap:5px!important;}
  body.app-body .room-section-counts-v302 i,
  body.app-body .room-section-counts-v302 strong{height:25px!important;min-width:27px!important;padding:0 7px!important;font-size:11px!important;border-radius:11px!important;}
  body.app-body .room-section-fav-v302{width:34px!important;height:34px!important;border-radius:14px!important;}
  body.app-body .room-section-fav-v302 svg{width:17px!important;height:17px!important;}
  body.app-body .room-section-open-v302{height:34px!important;min-width:74px!important;padding:0 9px!important;border-radius:17px!important;font-size:10.8px!important;}
  body.app-body .room-section-body-v280{margin-left:10px!important;padding-left:8px!important;}
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{grid-template-columns:62px minmax(0,1fr) 100px!important;gap:8px!important;min-height:78px!important;border-radius:20px!important;padding:8px 8px!important;}
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{width:58px!important;height:52px!important;min-width:58px!important;border-radius:15px!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{font-size:14.7px!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 small{font-size:10.5px!important;line-height:1.14!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 em{font-size:9.5px!important;height:20px!important;padding:0 6px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{width:100px!important;min-width:100px!important;max-width:100px!important;gap:5px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{width:30px!important;height:30px!important;min-width:30px!important;border-radius:12px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{min-width:64px!important;width:64px!important;height:30px!important;border-radius:15px!important;font-size:10px!important;padding:0 6px!important;}
}

@media(max-width:380px){
  body.app-body .room-section-head-photo-v302{grid-template-columns:76px minmax(0,1fr) 86px!important;gap:8px!important;}
  body.app-body .room-section-photo-v302{width:68px!important;height:62px!important;min-width:68px!important;}
  body.app-body .room-section-actions-v302{width:86px!important;min-width:86px!important;max-width:86px!important;grid-template-columns:30px 52px!important;grid-template-rows:25px 32px!important;}
  body.app-body .room-section-open-v302{min-width:52px!important;width:52px!important;font-size:0!important;padding:0!important;}
  body.app-body .room-section-open-v302:before{content:'›';font-size:22px!important;line-height:1!important;}
  body.app-body .room-section-fav-v302{width:30px!important;height:30px!important;}
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 em{display:none!important;}
}

/* === v3.0.3 — visual intensity polish, richer cards and softer premium gradients ===
   CSS-only: no chat logic, no API changes, no layout rewrite. */
:root{
  --rb303-red:#f21f4b;
  --rb303-red2:#ff5f79;
  --rb303-blue:#2178ff;
  --rb303-blue2:#5cc7ff;
  --rb303-ink:#06142d;
  --rb303-soft-line:rgba(220,229,242,.96);
}

@media (max-width:980px){
  body.app-body .list-panel{
    background:
      radial-gradient(circle at 93% -8%,rgba(255,44,86,.135),transparent 34%),
      radial-gradient(circle at 7% 5%,rgba(33,120,255,.085),transparent 32%),
      radial-gradient(circle at 50% 105%,rgba(255,95,121,.075),transparent 38%),
      linear-gradient(180deg,#ffffff 0%,#f6f9ff 58%,#fff8fb 100%)!important;
  }

  body.app-body .rb-brand-2026 .brand-copy b,
  body.app-body .panel-header h1,
  body.app-body .chat-list .chat-item b,
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 b,
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{
    color:var(--rb303-ink)!important;
    text-shadow:0 1px 0 rgba(255,255,255,.48)!important;
  }

  body.app-body .mini-round.red,
  body.app-body .bottom-link.add.rb-brand-action,
  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge,
  body.app-body .bottom-link .nav-badge,
  body.app-body .nav-badge,
  body.app-body .private-unread-nav-badge{
    background:
      radial-gradient(circle at 28% 18%,rgba(255,255,255,.38),transparent 30%),
      linear-gradient(145deg,#ff5d7a 0%,#f21f4b 48%,#d9022d 100%)!important;
    box-shadow:
      0 13px 28px rgba(242,31,75,.28),
      inset 0 1px 0 rgba(255,255,255,.35)!important;
  }

  body.app-body .tab-row .chip.active{
    background:
      radial-gradient(circle at 25% 18%,rgba(255,255,255,.26),transparent 30%),
      linear-gradient(145deg,#ff5d7a 0%,#f21f4b 52%,#df052e 100%)!important;
    border-color:rgba(255,255,255,.38)!important;
    box-shadow:0 15px 30px rgba(242,31,75,.22), inset 0 1px 0 rgba(255,255,255,.32)!important;
  }

  body.app-body .tab-row .chip[data-filter="groups"].active,
  body.app-body .app-shell.is-rooms-view .tab-row .chip[data-filter="groups"]{
    background:
      radial-gradient(circle at 25% 18%,rgba(255,255,255,.30),transparent 32%),
      linear-gradient(145deg,#45a3ff 0%,#2178ff 55%,#0b55dd 100%)!important;
    box-shadow:0 16px 32px rgba(33,120,255,.25), inset 0 1px 0 rgba(255,255,255,.34)!important;
  }

  body.app-body .home-status-card-2026,
  body.app-body .home-language-row-2026,
  body.app-body .search-wrap{
    border-color:rgba(213,225,242,.96)!important;
    background:
      radial-gradient(circle at 96% 5%,rgba(255,44,86,.08),transparent 36%),
      linear-gradient(145deg,rgba(255,255,255,.99),rgba(247,251,255,.97))!important;
    box-shadow:0 16px 38px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  body.app-body .home-status-card-2026:after{
    background:radial-gradient(circle,rgba(242,31,75,.18) 0%,rgba(242,31,75,0) 68%)!important;
  }

  body.app-body .recent-section-label-2026{
    color:#4f5d73!important;
    letter-spacing:.105em!important;
  }
  body.app-body .recent-section-label-2026 i{
    background:linear-gradient(145deg,#ff6480,#f21f4b)!important;
    box-shadow:0 0 0 8px rgba(242,31,75,.11), 0 6px 16px rgba(242,31,75,.18)!important;
  }

  body.app-body .chat-list{
    gap:13px!important;
  }
  body.app-body .chat-list > .chat-item{
    isolation:isolate!important;
    border-color:rgba(218,228,242,.96)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.88)!important;
  }
  body.app-body .chat-list > .chat-item > *{
    position:relative!important;
    z-index:2!important;
  }
  body.app-body .chat-list > .chat-item:before{
    content:""!important;
    position:absolute!important;
    inset:14px auto 14px 0!important;
    width:4px!important;
    display:block!important;
    border-radius:999px!important;
    opacity:.85!important;
    background:linear-gradient(180deg,#ff5d7a,#f21f4b)!important;
    box-shadow:0 0 18px rgba(242,31,75,.22)!important;
    z-index:1!important;
  }
  body.app-body .chat-list > .chat-item:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    opacity:.95!important;
    background:
      radial-gradient(circle at 96% 12%,rgba(255,255,255,.76),transparent 22%),
      radial-gradient(circle at 92% 70%,rgba(255,255,255,.42),transparent 30%)!important;
    z-index:0!important;
  }

  body.app-body .chat-list > .chat-item:nth-of-type(1){
    background:
      radial-gradient(circle at 98% 42%,rgba(255,45,85,.18),transparent 38%),
      linear-gradient(135deg,#ffffff 0%,#fff4f7 100%)!important;
    border-color:rgba(255,93,122,.24)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(2){
    background:
      radial-gradient(circle at 95% 45%,rgba(33,120,255,.14),transparent 38%),
      linear-gradient(135deg,#ffffff 0%,#f1f8ff 100%)!important;
    border-color:rgba(33,120,255,.18)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(2):before{
    background:linear-gradient(180deg,#5cc7ff,#2178ff)!important;
    box-shadow:0 0 18px rgba(33,120,255,.20)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(3){
    background:
      radial-gradient(circle at 95% 45%,rgba(34,197,94,.14),transparent 38%),
      linear-gradient(135deg,#ffffff 0%,#f2fff8 100%)!important;
    border-color:rgba(34,197,94,.18)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(3):before{
    background:linear-gradient(180deg,#6ee7b7,#22c55e)!important;
    box-shadow:0 0 18px rgba(34,197,94,.18)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(4){
    background:
      radial-gradient(circle at 95% 45%,rgba(124,58,237,.13),transparent 38%),
      linear-gradient(135deg,#ffffff 0%,#f7f2ff 100%)!important;
    border-color:rgba(124,58,237,.16)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(4):before{
    background:linear-gradient(180deg,#a78bfa,#7c3aed)!important;
    box-shadow:0 0 18px rgba(124,58,237,.18)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(5){
    background:
      radial-gradient(circle at 96% 45%,rgba(245,158,11,.14),transparent 38%),
      linear-gradient(135deg,#ffffff 0%,#fff8ed 100%)!important;
    border-color:rgba(245,158,11,.18)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(5):before{
    background:linear-gradient(180deg,#fbbf24,#f97316)!important;
    box-shadow:0 0 18px rgba(249,115,22,.18)!important;
  }

  body.app-body .chat-list .chat-item b{
    font-size:22px!important;
  }
  body.app-body .chat-list .chat-item small{
    color:#536177!important;
    font-weight:900!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em:before,
  body.app-body .chat-meta em{
    color:#e0153d!important;
  }
  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{
    border:2px solid rgba(255,255,255,.86)!important;
    box-shadow:0 11px 22px rgba(242,31,75,.30), inset 0 1px 0 rgba(255,255,255,.38)!important;
  }

  /* Preserve correct presence states while making the dots cleaner. */
  body.app-body .chat-list .avatar-wrap .presence{
    background:#aab4c2!important;
    box-shadow:0 5px 13px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.40)!important;
  }
  body.app-body .chat-list .avatar-wrap .presence.presence-online,
  body.app-body .chat-list .avatar-wrap .presence.online,
  body.app-body .chat-list .avatar-wrap .presence.on{
    background:linear-gradient(145deg,#34e27e,#16b957)!important;
    box-shadow:0 5px 13px rgba(22,185,87,.24), inset 0 1px 0 rgba(255,255,255,.40)!important;
  }
  body.app-body .chat-list .avatar-wrap .presence.presence-recent,
  body.app-body .chat-list .avatar-wrap .presence.presence-push{
    background:linear-gradient(145deg,#5bb3ff,#2178ff)!important;
    box-shadow:0 5px 13px rgba(33,120,255,.24), inset 0 1px 0 rgba(255,255,255,.40)!important;
  }
  body.app-body .chat-list .avatar-wrap .presence.presence-offline{
    background:#aab4c2!important;
  }

  body.app-body .bottom-nav{
    background:
      radial-gradient(circle at 50% -35%,rgba(242,31,75,.12),transparent 38%),
      rgba(255,255,255,.985)!important;
    border-color:rgba(216,226,240,.96)!important;
    box-shadow:0 -12px 38px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  body.app-body .rooms-hero-v280{
    background:
      radial-gradient(circle at 86% 14%,rgba(255,55,92,.20),transparent 35%),
      radial-gradient(circle at 12% 80%,rgba(33,120,255,.10),transparent 32%),
      linear-gradient(135deg,#fff9fb 0%,#ffffff 48%,#fff1f5 100%)!important;
    border-color:rgba(255,117,143,.22)!important;
    box-shadow:0 16px 36px rgba(242,31,75,.10), inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  body.app-body .rooms-hero-copy-v280 span{
    background:
      radial-gradient(circle at 26% 14%,rgba(255,255,255,.35),transparent 30%),
      linear-gradient(145deg,#ff5d7a,#f21f4b 58%,#db052d)!important;
    box-shadow:0 12px 24px rgba(242,31,75,.25), inset 0 1px 0 rgba(255,255,255,.34)!important;
  }
  body.app-body .rooms-hero-art-v280{
    background:linear-gradient(145deg,#fff,#ffe5ec)!important;
    box-shadow:0 12px 28px rgba(242,31,75,.11), inset 0 1px 0 rgba(255,255,255,.92)!important;
  }

  body.app-body .room-section-head-photo-v302{
    background:
      radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--rbc-sec) 18%,transparent),transparent 36%),
      linear-gradient(135deg,#ffffff 0%,color-mix(in srgb,var(--rbc-sec) 6%,#ffffff) 100%)!important;
    border-color:color-mix(in srgb,var(--rbc-sec) 22%,#dce6f4)!important;
    box-shadow:0 14px 32px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  body.app-body .room-section-head-photo-v302:before{
    box-shadow:0 0 18px color-mix(in srgb,var(--rbc-sec) 28%,transparent)!important;
  }
  body.app-body .room-section-photo-v302{
    box-shadow:0 12px 24px rgba(15,23,42,.14), 0 0 0 1px rgba(255,255,255,.78)!important;
  }
  body.app-body .room-section-counts-v302 i,
  body.app-body .room-activity-badge{
    background:
      radial-gradient(circle at 26% 14%,rgba(255,255,255,.34),transparent 30%),
      linear-gradient(145deg,color-mix(in srgb,var(--rbc-sec) 78%,#ff3150),color-mix(in srgb,var(--rbc-sec) 48%,#d7042c))!important;
    box-shadow:0 9px 18px color-mix(in srgb,var(--rbc-sec) 24%,transparent), inset 0 1px 0 rgba(255,255,255,.30)!important;
  }
  body.app-body .room-section-fav-v302,
  body.app-body .room-star{
    background:
      radial-gradient(circle at 25% 15%,rgba(255,255,255,.38),transparent 30%),
      linear-gradient(145deg,#ffd86b,#f7b928 54%,#e99b00)!important;
    box-shadow:0 11px 22px rgba(245,179,1,.22), inset 0 1px 0 rgba(255,255,255,.38)!important;
  }
  body.app-body .room-section-open-v302,
  body.app-body .room-open{
    background:
      radial-gradient(circle at 25% 15%,rgba(255,255,255,.16),transparent 30%),
      linear-gradient(145deg,#0a1b3a,#06142d 58%,#020817)!important;
    box-shadow:0 13px 24px rgba(2,8,23,.20), inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    background:
      radial-gradient(circle at 96% 20%,color-mix(in srgb,var(--rbc-sec) 13%,transparent),transparent 35%),
      linear-gradient(135deg,#ffffff 0%,color-mix(in srgb,var(--rbc-sec) 4%,#ffffff) 100%)!important;
    border-color:color-mix(in srgb,var(--rbc-sec) 16%,#dce6f4)!important;
    box-shadow:0 13px 28px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
}

@media (max-width:430px){
  body.app-body .chat-list > .chat-item{
    min-height:88px!important;
  }
  body.app-body .chat-list .chat-item b{
    font-size:20.5px!important;
  }
}

@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list > .chat-item{
    background:
      radial-gradient(circle at 96% 28%,rgba(255,55,92,.13),transparent 36%),
      linear-gradient(135deg,rgba(19,31,52,.96),rgba(9,17,31,.98))!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list > .chat-item:nth-of-type(2){
    background:radial-gradient(circle at 96% 38%,rgba(33,120,255,.18),transparent 38%),linear-gradient(135deg,rgba(19,31,52,.96),rgba(9,17,31,.98))!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list > .chat-item:nth-of-type(3){
    background:radial-gradient(circle at 96% 38%,rgba(34,197,94,.15),transparent 38%),linear-gradient(135deg,rgba(19,31,52,.96),rgba(9,17,31,.98))!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list > .chat-item:nth-of-type(4){
    background:radial-gradient(circle at 96% 38%,rgba(124,58,237,.17),transparent 38%),linear-gradient(135deg,rgba(19,31,52,.96),rgba(9,17,31,.98))!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list > .chat-item:nth-of-type(5){
    background:radial-gradient(circle at 96% 38%,rgba(245,158,11,.15),transparent 38%),linear-gradient(135deg,rgba(19,31,52,.96),rgba(9,17,31,.98))!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .chat-item b,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 b,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 b{
    color:#f6f9ff!important;
    text-shadow:none!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .chat-item small{
    color:#b4bfd2!important;
  }
}


/* === RedsBlack Chat v304 — simplified composer + menu: Photo, Video, Location only === */
.rbc-simple-send-sheet-v304 .modal-card,
#rbcNativePlusSheet .rbc-native-plus-card{
  background:linear-gradient(145deg,#ffffff,#f8fbff 68%,#fff3f6)!important;
}
.rbc-plus-menu-v304 .rbc-plus-menu-option,
#rbcNativePlusSheet .rbc-native-plus-option{
  min-height:62px!important;
}
.rbc-plus-menu-v304 .rbc-plus-photo span,
#rbcNativePlusSheet .rbc-native-plus-photo span{
  background:linear-gradient(135deg,#eaf3ff,#dff8ff)!important;
  color:#0f57c6!important;
}
.rbc-plus-menu-v304 .rbc-plus-video span,
#rbcNativePlusSheet .rbc-native-plus-video span{
  background:linear-gradient(135deg,#fff0f7,#f1e8ff)!important;
  color:#b423f4!important;
}
.rbc-plus-menu-v304 .rbc-plus-location span,
#rbcNativePlusSheet .rbc-native-plus-location span{
  background:linear-gradient(135deg,#ecfff4,#e9f7ff)!important;
  color:#11a05b!important;
}
.rbc-plus-menu-v304 .rbc-plus-menu-option b,
#rbcNativePlusSheet .rbc-native-plus-option b{
  font-size:16px!important;
  letter-spacing:-.02em!important;
}


/* === v3.0.7 — Rooms category focus after opening ===
   When a user opens a lower Rooms category, keep that category visually visible
   and gently highlight it so the available rooms are obvious immediately. */
body.app-body .room-section-v280.rbc-room-section-focus-v307 .room-section-head-photo-v302,
body.app-body .room-section-v280.rbc-room-section-focus-v307 .room-section-head-v280{
  border-color:color-mix(in srgb,var(--rbc-sec) 42%,#e2e8f0)!important;
  box-shadow:0 18px 38px color-mix(in srgb,var(--rbc-sec) 16%,transparent),0 10px 24px rgba(15,23,42,.08)!important;
}
body.app-body .room-section-v280.rbc-room-section-focus-v307 .room-section-body-v280{
  background:linear-gradient(90deg,color-mix(in srgb,var(--rbc-sec) 8%,transparent),transparent 72%)!important;
  border-radius:16px!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-v280.rbc-room-section-focus-v307 .room-section-head-photo-v302,
html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-v280.rbc-room-section-focus-v307 .room-section-head-v280{
  border-color:color-mix(in srgb,var(--rbc-sec) 46%,rgba(148,163,184,.22))!important;
  box-shadow:0 18px 38px color-mix(in srgb,var(--rbc-sec) 22%,transparent),0 12px 26px rgba(0,0,0,.25)!important;
}

/* === RedsBlack Chat v308 — Rooms project UI polish + translated room headings === */
@media (max-width:980px){
  body.app-body .app-shell.is-rooms-view .room-list,
  body.app-body .room-list{
    gap:10px!important;
  }

  body.app-body .rooms-hero-v280.rooms-project-hero-v308{
    min-height:116px!important;
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr) 76px!important;
    align-items:center!important;
    gap:13px!important;
    margin:0 0 11px!important;
    padding:14px 14px!important;
    border-radius:25px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 88% 24%,rgba(255,48,91,.20),transparent 32%),
      radial-gradient(circle at 10% 78%,rgba(29,115,248,.10),transparent 32%),
      linear-gradient(135deg,#fff9fb 0%,#fff 46%,#fff0f5 100%)!important;
    border:1px solid rgba(255,111,143,.22)!important;
    box-shadow:0 15px 34px rgba(242,31,75,.095),0 9px 22px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  body.app-body .rooms-hero-v280.rooms-project-hero-v308:before{
    content:""!important;
    position:absolute!important;
    right:-22px!important;
    bottom:-34px!important;
    width:180px!important;
    height:92px!important;
    border-radius:50%!important;
    background:repeating-radial-gradient(ellipse at center,rgba(244,63,94,.12) 0 1px,transparent 1px 9px)!important;
    opacity:.9!important;
    pointer-events:none!important;
  }
  body.app-body .rooms-hero-v280.rooms-project-hero-v308:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(115deg,rgba(255,255,255,.55),transparent 42%,rgba(255,255,255,.32))!important;
    pointer-events:none!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-art-v280{
    position:relative!important;
    z-index:1!important;
    width:64px!important;
    height:64px!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#ffffff,#ffe6ee)!important;
    color:#f21f4b!important;
    box-shadow:0 13px 26px rgba(242,31,75,.13),0 0 0 1px rgba(255,255,255,.92),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-art-v280:after{
    content:""!important;
    position:absolute!important;
    top:6px!important;
    right:5px!important;
    width:14px!important;
    height:14px!important;
    border-radius:999px!important;
    background:linear-gradient(145deg,#35e889,#11b85c)!important;
    border:3px solid #fff!important;
    box-shadow:0 5px 12px rgba(17,184,92,.25)!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-art-v280 svg{width:30px!important;height:30px!important;stroke-width:2!important;}
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280{
    position:relative!important;
    z-index:1!important;
    min-width:0!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 b{
    font-size:18px!important;
    line-height:1.1!important;
    letter-spacing:-.045em!important;
    color:#07142b!important;
    font-weight:950!important;
    max-width:100%!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 small{
    margin-top:5px!important;
    display:block!important;
    max-width:96%!important;
    font-size:12.2px!important;
    line-height:1.28!important;
    color:#58667a!important;
    font-weight:760!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 span{
    margin-top:9px!important;
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    height:34px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.36),transparent 31%),linear-gradient(145deg,#ff496a,#f21f4b 62%,#db052d)!important;
    color:#fff!important;
    font-size:11.8px!important;
    font-weight:950!important;
    letter-spacing:-.015em!important;
    box-shadow:0 12px 22px rgba(242,31,75,.23),inset 0 1px 0 rgba(255,255,255,.32)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.app-body .rooms-hero-bubble-v280.rooms-hero-bubble-v308{
    position:relative!important;
    z-index:1!important;
    width:68px!important;
    height:76px!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,223,232,.72))!important;
    color:#f21f4b!important;
    display:grid!important;
    grid-template-rows:28px 1fr!important;
    place-items:center!important;
    box-shadow:0 14px 28px rgba(242,31,75,.13),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  body.app-body .rooms-hero-bubble-v280.rooms-hero-bubble-v308 i{
    margin-top:-4px!important;
    width:42px!important;
    height:28px!important;
    border-radius:17px!important;
    background:#fff!important;
    display:grid!important;
    place-items:center!important;
    font-style:normal!important;
    font-size:21px!important;
    letter-spacing:1px!important;
    line-height:1!important;
    box-shadow:0 8px 16px rgba(15,23,42,.08)!important;
  }
  body.app-body .rooms-hero-bubble-v280.rooms-hero-bubble-v308 em{
    font-style:normal!important;
    font-size:25px!important;
    filter:saturate(1.08)!important;
    transform:translateY(-2px)!important;
  }

  body.app-body .room-section-v280{
    margin:0 0 9px!important;
    gap:8px!important;
  }
  body.app-body .room-section-work_london{--rbc-sec:#2178ff!important;--rbc-sec-soft:rgba(33,120,255,.08)!important;}
  body.app-body .room-section-housing_london{--rbc-sec:#0fa3a3!important;--rbc-sec-soft:rgba(15,163,163,.08)!important;}

  body.app-body .room-section-head-photo-v302{
    position:relative!important;
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr) 154px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:106px!important;
    padding:10px 12px 10px 11px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:radial-gradient(circle at 97% 16%,color-mix(in srgb,var(--rbc-sec) 16%,transparent),transparent 36%),linear-gradient(135deg,#ffffff 0%,color-mix(in srgb,var(--rbc-sec) 4%,#ffffff) 100%)!important;
    border:1px solid color-mix(in srgb,var(--rbc-sec) 20%,#dde7f5)!important;
    box-shadow:0 14px 32px rgba(15,23,42,.075),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  body.app-body .room-section-head-photo-v302:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:12px!important;
    bottom:12px!important;
    width:4px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--rbc-sec) 80%,#fff),var(--rbc-sec))!important;
    box-shadow:0 0 18px color-mix(in srgb,var(--rbc-sec) 32%,transparent)!important;
  }
  body.app-body .room-section-head-photo-v302:after{
    content:""!important;
    position:absolute!important;
    right:-32px!important;
    top:-25px!important;
    width:112px!important;
    height:112px!important;
    border-radius:50%!important;
    background:color-mix(in srgb,var(--rbc-sec) 8%,transparent)!important;
    pointer-events:none!important;
  }
  body.app-body .room-section-photo-v302{
    width:84px!important;
    height:76px!important;
    min-width:84px!important;
    border-radius:20px!important;
    overflow:hidden!important;
    padding:0!important;
    background:#fff!important;
    box-shadow:0 12px 24px rgba(15,23,42,.13),0 0 0 1px rgba(255,255,255,.8)!important;
  }
  body.app-body .room-section-photo-v302 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 b{
    font-size:19px!important;
    line-height:1.07!important;
    letter-spacing:-.045em!important;
    color:#07142b!important;
    font-weight:950!important;
  }
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 small{
    margin-top:4px!important;
    font-size:12.6px!important;
    line-height:1.22!important;
    color:#5a687d!important;
    font-weight:760!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 em{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    height:25px!important;
    margin-top:7px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--rbc-sec) 10%,#ffffff)!important;
    border:1px solid color-mix(in srgb,var(--rbc-sec) 20%,#e5ebf4)!important;
    color:color-mix(in srgb,var(--rbc-sec) 78%,#07142b)!important;
    font-size:10.8px!important;
    font-weight:950!important;
    font-style:normal!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.app-body .room-section-actions-v302{
    justify-self:end!important;
    display:grid!important;
    grid-template-columns:auto auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    justify-content:end!important;
    gap:7px!important;
    min-width:148px!important;
  }
  body.app-body .room-section-counts-v302{
    grid-column:1 / -1!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }
  body.app-body .room-section-counts-v302 i,
  body.app-body .room-section-counts-v302 strong{
    min-width:31px!important;
    height:31px!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    font-style:normal!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  body.app-body .room-section-counts-v302 i{
    background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.32),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--rbc-sec) 72%,#ff3150),color-mix(in srgb,var(--rbc-sec) 44%,#db052d))!important;
    color:#fff!important;
  }
  body.app-body .room-section-counts-v302 strong{
    background:rgba(255,255,255,.78)!important;
    color:#28364a!important;
    border:1px solid rgba(216,226,240,.86)!important;
  }
  body.app-body .room-section-fav-v302{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:15px!important;
  }
  body.app-body .room-section-open-v302{
    min-width:86px!important;
    width:86px!important;
    height:38px!important;
    border-radius:18px!important;
    font-size:12.2px!important;
    font-weight:950!important;
  }
  body.app-body .room-section-chevron-v280{
    display:none!important;
  }

  body.app-body .room-section-v280.is-open .room-section-head-photo-v302{
    border-color:color-mix(in srgb,var(--rbc-sec) 32%,#dde7f5)!important;
    box-shadow:0 18px 40px color-mix(in srgb,var(--rbc-sec) 12%,transparent),0 12px 24px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  body.app-body .room-section-body-v280{
    display:grid!important;
    gap:8px!important;
    margin:3px 0 0 13px!important;
    padding:0 0 0 8px!important;
    border-left:3px solid color-mix(in srgb,var(--rbc-sec) 20%,transparent)!important;
  }
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    position:relative!important;
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr) 124px!important;
    gap:10px!important;
    align-items:center!important;
    min-height:82px!important;
    border-radius:22px!important;
    padding:9px 10px!important;
    background:radial-gradient(circle at 98% 20%,color-mix(in srgb,var(--rbc-sec) 12%,transparent),transparent 35%),linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--rbc-sec) 4%,#fff) 100%)!important;
    border:1px solid color-mix(in srgb,var(--rbc-sec) 16%,#dce6f4)!important;
    box-shadow:0 12px 27px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282.active{
    border-color:color-mix(in srgb,var(--rbc-sec) 36%,#dce6f4)!important;
    box-shadow:0 15px 32px color-mix(in srgb,var(--rbc-sec) 14%,transparent),0 10px 22px rgba(15,23,42,.08)!important;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{
    width:72px!important;
    height:58px!important;
    min-width:72px!important;
    border-radius:17px!important;
    overflow:hidden!important;
    padding:0!important;
    background:#fff!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{
    font-size:16.4px!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
    color:#07142b!important;
    font-weight:950!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 small{
    font-size:11.6px!important;
    line-height:1.18!important;
    color:#5b687d!important;
    font-weight:760!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 em{
    height:22px!important;
    margin-top:5px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid color-mix(in srgb,var(--rbc-sec) 14%,#dce6f4)!important;
    color:#56657a!important;
    font-size:9.8px!important;
    font-weight:950!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:14px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{
    min-width:76px!important;
    width:76px!important;
    height:34px!important;
    border-radius:17px!important;
    font-size:11px!important;
    padding:0 8px!important;
  }
}

@media (max-width:430px){
  body.app-body .rooms-hero-v280.rooms-project-hero-v308{
    grid-template-columns:62px minmax(0,1fr) 0px!important;
    min-height:110px!important;
    gap:10px!important;
    padding:12px 13px!important;
  }
  body.app-body .rooms-hero-bubble-v280.rooms-hero-bubble-v308{display:none!important;}
  body.app-body .rooms-project-hero-v308 .rooms-hero-art-v280{width:56px!important;height:56px!important;}
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 b{font-size:17px!important;}
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 small{font-size:11.2px!important;line-height:1.22!important;}
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 span{height:31px!important;font-size:10.5px!important;padding:0 12px!important;}

  body.app-body .room-section-head-photo-v302{
    grid-template-columns:76px minmax(0,1fr) 82px!important;
    gap:9px!important;
    min-height:92px!important;
    padding:8px 8px 8px 10px!important;
    border-radius:22px!important;
  }
  body.app-body .room-section-photo-v302{width:66px!important;height:60px!important;min-width:66px!important;border-radius:17px!important;}
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 b{font-size:16px!important;}
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 small{font-size:10.5px!important;line-height:1.16!important;}
  body.app-body .room-section-head-photo-v302 .room-section-copy-v280 em{display:none!important;}
  body.app-body .room-section-actions-v302{min-width:80px!important;grid-template-columns:1fr!important;gap:5px!important;}
  body.app-body .room-section-counts-v302{justify-content:flex-end!important;}
  body.app-body .room-section-counts-v302 i,
  body.app-body .room-section-counts-v302 strong{min-width:27px!important;height:27px!important;border-radius:10px!important;font-size:10.6px!important;}
  body.app-body .room-section-fav-v302{display:none!important;}
  body.app-body .room-section-open-v302{min-width:48px!important;width:48px!important;height:31px!important;font-size:0!important;border-radius:16px!important;}
  body.app-body .room-section-open-v302:before{content:'›';font-size:23px!important;line-height:1!important;}

  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:58px minmax(0,1fr) 58px!important;
    min-height:74px!important;
    gap:8px!important;
    padding:8px 8px!important;
    border-radius:19px!important;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{width:54px!important;height:48px!important;min-width:54px!important;border-radius:14px!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b{font-size:14.5px!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 small{font-size:10px!important;line-height:1.1!important;}
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 em{display:none!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280{width:54px!important;min-width:54px!important;max-width:54px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{display:none!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open{min-width:44px!important;width:44px!important;height:31px!important;font-size:0!important;border-radius:16px!important;}
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open:before{content:'›';font-size:23px!important;line-height:1!important;}
}

@media (max-width:980px){
  html[data-rbc-theme="dark"] body.rbc-dark-theme .rooms-hero-v280.rooms-project-hero-v308{
    background:radial-gradient(circle at 88% 24%,rgba(255,48,91,.22),transparent 32%),linear-gradient(135deg,rgba(19,31,52,.98),rgba(9,17,31,.98))!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  html[data-rbc-theme="dark"] body.rbc-dark-theme .rooms-project-hero-v308 .rooms-hero-copy-v280 b,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 b,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 b{color:#f6f9ff!important;}
  html[data-rbc-theme="dark"] body.rbc-dark-theme .rooms-project-hero-v308 .rooms-hero-copy-v280 small,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 small,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 small{color:#aebbd0!important;}
  html[data-rbc-theme="dark"] body.rbc-dark-theme .room-section-head-photo-v302,
  html[data-rbc-theme="dark"] body.rbc-dark-theme .room-card.premium-room-card-v280.room-card-photo-v282{
    background:radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--rbc-sec) 18%,transparent),transparent 34%),linear-gradient(135deg,rgba(19,31,52,.98),rgba(9,17,31,.98))!important;
    border-color:color-mix(in srgb,var(--rbc-sec) 22%,rgba(148,163,184,.18))!important;
  }
}

/* === RedsBlack Chat v309 — compact public-room feed like live chat ===
   Rooms only: keep private chats as bubbles, but make public rooms dense,
   readable and avatar-clickable so more people/messages fit on screen. */
body.app-body.rbc-public-room-active .messages{
  gap:2px!important;
  padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(29,115,248,.055),transparent 25%),
    radial-gradient(circle at 92% 36%,rgba(239,35,60,.04),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,255,.88))!important;
}
body.app-body.rbc-public-room-active .day-divider{
  margin:3px auto 6px!important;
  padding:4px 10px!important;
  font-size:10.5px!important;
  box-shadow:0 6px 15px rgba(15,23,42,.06)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg{
  width:100%!important;
  max-width:100%!important;
  align-self:stretch!important;
  display:block!important;
}
body.app-body.rbc-public-room-active .msg.room-msg.mine,
body.app-body.rbc-public-room-active .msg.room-msg.theirs{
  align-self:stretch!important;
}
body.app-body.rbc-public-room-active .msg-room-line-compact{
  width:100%!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-height:28px!important;
  padding:3px 5px!important;
  border-radius:12px!important;
  transition:background .14s ease, box-shadow .14s ease;
}
body.app-body.rbc-public-room-active .msg-room-line-compact:hover,
body.app-body.rbc-public-room-active .msg-room-line-compact:focus-within{
  background:linear-gradient(90deg,rgba(255,49,84,.045),rgba(29,115,248,.035))!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.12)!important;
}
body.app-body.rbc-public-room-active .msg-sender-avatar{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:50%!important;
  border:1.5px solid rgba(255,255,255,.96)!important;
  background:#eef3fb!important;
  box-shadow:0 4px 10px rgba(15,23,42,.12)!important;
  margin-top:1px!important;
}
body.app-body.rbc-public-room-active .msg-sender-avatar.is-clickable{
  cursor:pointer!important;
}
body.app-body.rbc-public-room-active .msg-sender-avatar.is-clickable:active{
  transform:scale(.92)!important;
}
body.app-body.rbc-public-room-active .msg-room-stack{
  flex:1 1 auto!important;
  min-width:0!important;
  display:block!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-bubble{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:#172033!important;
}
body.app-body.rbc-public-room-active .msg-room-flow,
body.app-body.rbc-public-room-active .msg-room-topline{
  display:block!important;
  min-width:0!important;
  font-size:13px!important;
  line-height:1.28!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .sender-name{
  display:inline!important;
  width:auto!important;
  margin:0 5px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#2563eb!important;
  font-size:12px!important;
  line-height:1.28!important;
  font-weight:1000!important;
  vertical-align:baseline!important;
  white-space:nowrap!important;
}
body.app-body.rbc-public-room-active .msg.room-msg.mine .sender-name{
  color:#d91f45!important;
  text-align:left!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .sender-name.is-clickable:hover{
  text-decoration:underline!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-text{
  display:inline!important;
  white-space:pre-wrap!important;
  color:#1f2937!important;
  font-size:13px!important;
  line-height:1.28!important;
  font-weight:650!important;
  vertical-align:baseline!important;
  word-break:break-word!important;
}
body.app-body.rbc-public-room-active .msg-room-inline-meta{
  display:inline!important;
  margin-left:6px!important;
  padding:0!important;
  color:#9aa5b8!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  vertical-align:baseline!important;
  white-space:nowrap!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-read-state{
  transform:translateY(1px)!important;
  font-size:10px!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-delete{
  top:-4px!important;
  right:0!important;
  width:18px!important;
  height:18px!important;
  font-size:13px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 5px 12px rgba(15,23,42,.12)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-translation{
  margin:3px 0 0!important;
  padding:5px 7px!important;
  border-radius:9px!important;
  font-size:11px!important;
  background:rgba(29,115,248,.055)!important;
  border:1px solid rgba(29,115,248,.10)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-media{
  margin:5px 0 2px!important;
  max-width:min(240px,76vw)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-media img,
body.app-body.rbc-public-room-active .msg.room-msg .msg-media video{
  max-width:min(240px,76vw)!important;
  border-radius:10px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.14)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-media audio{
  width:min(245px,78vw)!important;
  height:34px!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .file-link{
  display:inline-flex!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  font-size:12px!important;
  background:rgba(29,115,248,.065)!important;
  border:1px solid rgba(29,115,248,.10)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-location-bubble{
  max-width:min(330px,86vw)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-location-bubble .msg-room-topline{
  margin-bottom:4px!important;
}

@media (max-width:720px){
  body.app-body.rbc-public-room-active .messages{
    padding:7px 6px calc(8px + env(safe-area-inset-bottom,0px))!important;
    gap:1px!important;
  }
  body.app-body.rbc-public-room-active .msg-room-line-compact{
    gap:5px!important;
    padding:2px 4px!important;
    min-height:26px!important;
  }
  body.app-body.rbc-public-room-active .msg-sender-avatar{
    flex-basis:22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
  }
  body.app-body.rbc-public-room-active .msg.room-msg .sender-name{
    font-size:11.4px!important;
    margin-right:4px!important;
  }
  body.app-body.rbc-public-room-active .msg.room-msg .msg-text{
    font-size:12.2px!important;
    line-height:1.24!important;
  }
  body.app-body.rbc-public-room-active .msg-room-inline-meta{
    font-size:9.5px!important;
    margin-left:5px!important;
  }
  body.app-body.rbc-public-room-active .msg.room-msg .msg-media,
  body.app-body.rbc-public-room-active .msg.room-msg .msg-media img,
  body.app-body.rbc-public-room-active .msg.room-msg .msg-media video{
    max-width:min(220px,74vw)!important;
  }
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .messages{
  background:
    radial-gradient(circle at 14% 8%,rgba(29,115,248,.16),transparent 28%),
    radial-gradient(circle at 92% 32%,rgba(255,49,84,.11),transparent 32%),
    linear-gradient(180deg,#07111f,#09182a)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .msg-room-line-compact:hover,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .msg-room-line-compact:focus-within{
  background:linear-gradient(90deg,rgba(255,49,84,.09),rgba(29,115,248,.075))!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.14)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .msg.room-msg .msg-bubble{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#eef4ff!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .msg.room-msg .sender-name{
  color:#79a7ff!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .msg.room-msg.mine .sender-name{
  color:#ff7f98!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .msg.room-msg .msg-text{
  color:#f4f8ff!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .msg-room-inline-meta{
  color:#7f8da3!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme.rbc-public-room-active .msg-sender-avatar{
  border-color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.09)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.24)!important;
}


/* === RedsBlack Chat v310 — restore room stars + visible enter arrow + dark Rooms color repair ===
   Fixes after v309 compact room feed:
   - keep yellow favorite stars visible on mobile so rooms can be added to My rooms;
   - force the enter/open arrow to stay white on dark buttons;
   - repair dark-theme Rooms cards/buttons where outlines could turn too dark. */
body.app-body .room-section-fav-v302,
body.app-body .room-star{
  pointer-events:auto!important;
}

body.app-body .room-section-open-v302,
body.app-body .room-open{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:
    radial-gradient(circle at 28% 16%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,#102a59 0%,#071832 58%,#020817 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

body.app-body .room-section-open-v302:before,
body.app-body .room-open:before{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.18)!important;
}

body.app-body .room-section-fav-v302,
body.app-body .premium-room-actions-v280 .room-star,
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star{
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 26% 15%,rgba(255,255,255,.45),transparent 31%),
    linear-gradient(145deg,#ffe072 0%,#f7bf2e 55%,#e6a000 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(214,158,18,.28)!important;
  box-shadow:0 10px 20px rgba(230,160,0,.22), inset 0 1px 0 rgba(255,255,255,.38)!important;
}
body.app-body .premium-room-actions-v280 .room-star:not(.is-on),
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star:not(.is-on){
  background:
    radial-gradient(circle at 26% 15%,rgba(255,255,255,.78),transparent 32%),
    linear-gradient(145deg,#fffaf0,#fff0bd 100%)!important;
  color:#e0a300!important;
  -webkit-text-fill-color:#e0a300!important;
  border-color:rgba(224,163,0,.42)!important;
}
body.app-body .room-section-fav-v302 svg,
body.app-body .premium-room-actions-v280 .room-star svg,
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
body.app-body .premium-room-actions-v280 .room-star:not(.is-on) svg,
body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star:not(.is-on) svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
}

@media (max-width:430px){
  body.app-body .room-section-actions-v302{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    display:grid!important;
    grid-template-columns:30px 48px!important;
    grid-template-rows:25px 31px!important;
    gap:5px!important;
    align-items:center!important;
    justify-content:end!important;
  }
  body.app-body .room-section-counts-v302{
    grid-column:1 / 3!important;
    grid-row:1!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  body.app-body .room-section-fav-v302{
    display:grid!important;
    grid-column:1!important;
    grid-row:2!important;
    width:30px!important;
    height:31px!important;
    min-width:30px!important;
    border-radius:13px!important;
  }
  body.app-body .room-section-fav-v302 svg{width:16px!important;height:16px!important;}
  body.app-body .room-section-open-v302{
    display:inline-flex!important;
    grid-column:2!important;
    grid-row:2!important;
    min-width:48px!important;
    width:48px!important;
    height:31px!important;
    padding:0!important;
    border-radius:16px!important;
    font-size:0!important;
    line-height:1!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    overflow:hidden!important;
  }
  body.app-body .room-section-open-v302:before{
    content:'›'!important;
    display:block!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:24px!important;
    font-weight:950!important;
    line-height:1!important;
    margin-top:-1px!important;
  }

  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:54px minmax(0,1fr) 84px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280,
  body.app-body .premium-room-actions-v280{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star,
  body.app-body .premium-room-actions-v280 .room-star{
    display:grid!important;
    width:30px!important;
    height:31px!important;
    min-width:30px!important;
    border-radius:13px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star svg,
  body.app-body .premium-room-actions-v280 .room-star svg{
    width:16px!important;
    height:16px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open,
  body.app-body .premium-room-actions-v280 .room-open{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:48px!important;
    width:48px!important;
    height:31px!important;
    padding:0!important;
    border-radius:16px!important;
    font-size:0!important;
    line-height:1!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    overflow:hidden!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open:before,
  body.app-body .premium-room-actions-v280 .room-open:before{
    content:'›'!important;
    display:block!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:24px!important;
    font-weight:950!important;
    line-height:1!important;
    margin-top:-1px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-activity-badge,
  body.app-body .premium-room-actions-v280 .room-activity-badge{
    right:50px!important;
    top:6px!important;
    z-index:3!important;
  }
}

@media (max-width:370px){
  body.app-body .room-section-head-photo-v302{
    grid-template-columns:64px minmax(0,1fr) 76px!important;
  }
  body.app-body .room-section-actions-v302{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    grid-template-columns:28px 44px!important;
  }
  body.app-body .room-section-fav-v302{
    width:28px!important;
    min-width:28px!important;
  }
  body.app-body .room-section-open-v302{
    min-width:44px!important;
    width:44px!important;
  }
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282{
    grid-template-columns:50px minmax(0,1fr) 78px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280,
  body.app-body .premium-room-actions-v280{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    gap:4px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star,
  body.app-body .premium-room-actions-v280 .room-star{
    width:28px!important;
    min-width:28px!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open,
  body.app-body .premium-room-actions-v280 .room-open{
    min-width:44px!important;
    width:44px!important;
  }
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rooms-hero-v280.rooms-project-hero-v308,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-head-photo-v302,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card.premium-room-card-v280.room-card-photo-v282{
  background:
    radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--rbc-sec) 20%,transparent),transparent 35%),
    linear-gradient(135deg,rgba(20,32,54,.98) 0%,rgba(8,16,31,.98) 100%)!important;
  border-color:color-mix(in srgb,var(--rbc-sec) 24%,rgba(148,163,184,.22))!important;
  box-shadow:0 16px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 b,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 b{color:#f7faff!important;}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 small,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 small{color:#b3c0d4!important;}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-head-photo-v302 .room-section-copy-v280 em,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card-photo-v282 .premium-room-copy-v280 em{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#dce6f7!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-counts-v302 strong{
  background:rgba(255,255,255,.08)!important;
  color:#ecf3ff!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-open-v302,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-open{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:
    radial-gradient(circle at 28% 16%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,#173461 0%,#0a1a35 60%,#020817 100%)!important;
  border-color:rgba(255,255,255,.15)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.13)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-open-v302:before,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-open:before{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-fav-v302,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .premium-room-actions-v280 .room-star,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card-photo-v282 .premium-room-actions-v280 .room-star{
  background:
    radial-gradient(circle at 26% 15%,rgba(255,255,255,.38),transparent 31%),
    linear-gradient(145deg,#ffdc64 0%,#eeb126 58%,#c98600 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,220,100,.28)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .premium-room-actions-v280 .room-star:not(.is-on),
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card-photo-v282 .premium-room-actions-v280 .room-star:not(.is-on){
  background:rgba(255,255,255,.08)!important;
  color:#ffd86b!important;
  -webkit-text-fill-color:#ffd86b!important;
  border-color:rgba(255,216,107,.45)!important;
}


/* === RedsBlack Chat v311 — readable room feed + keyboard-safe composer plus sheet ===
   Small bump after v309/v310: room live-chat text and avatars are one step bigger,
   while the composer + action sheet stays above the Android keyboard and never opens
   the keyboard instead of the Photo/Video/Location menu. */
:root,
body{
  --rbc-keyboard-offset:0px;
}

body.app-body.rbc-public-room-active .msg-room-line-compact{
  gap:7px!important;
  min-height:31px!important;
  padding:4px 6px!important;
  border-radius:13px!important;
}
body.app-body.rbc-public-room-active .msg-sender-avatar{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-width:1.7px!important;
  box-shadow:0 5px 12px rgba(15,23,42,.14)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .sender-name{
  font-size:12.8px!important;
  line-height:1.32!important;
  margin-right:5px!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-text{
  font-size:13.8px!important;
  line-height:1.34!important;
  font-weight:680!important;
}
body.app-body.rbc-public-room-active .msg-room-inline-meta{
  font-size:10.5px!important;
  margin-left:6px!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-translation{
  font-size:11.8px!important;
  line-height:1.3!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-media,
body.app-body.rbc-public-room-active .msg.room-msg .msg-media img,
body.app-body.rbc-public-room-active .msg.room-msg .msg-media video{
  max-width:min(255px,78vw)!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-media audio{
  width:min(260px,80vw)!important;
  height:36px!important;
}

@media (max-width:720px){
  body.app-body.rbc-public-room-active .msg-room-line-compact{
    gap:6px!important;
    min-height:30px!important;
    padding:3px 5px!important;
  }
  body.app-body.rbc-public-room-active .msg-sender-avatar{
    flex-basis:26px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
  }
  body.app-body.rbc-public-room-active .msg.room-msg .sender-name{
    font-size:12.3px!important;
    line-height:1.3!important;
  }
  body.app-body.rbc-public-room-active .msg.room-msg .msg-text{
    font-size:13.15px!important;
    line-height:1.31!important;
  }
  body.app-body.rbc-public-room-active .msg-room-inline-meta{
    font-size:9.8px!important;
  }
  body.app-body.rbc-public-room-active .msg.room-msg .msg-media,
  body.app-body.rbc-public-room-active .msg.room-msg .msg-media img,
  body.app-body.rbc-public-room-active .msg.room-msg .msg-media video{
    max-width:min(238px,76vw)!important;
  }
}

#composer #attachBtn,
form.composer .attach-btn{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

.modal-backdrop.rbc-composer-plus-sheet-v311{
  z-index:90000!important;
  display:grid!important;
  place-items:end center!important;
  align-items:end!important;
  justify-items:center!important;
  padding:12px 10px calc(var(--rbc-keyboard-offset,0px) + 12px + env(safe-area-inset-bottom,0px))!important;
  background:rgba(15,23,42,.18)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.modal-backdrop.rbc-composer-plus-sheet-v311 .modal-card{
  width:min(430px, calc(100vw - 20px))!important;
  max-height:calc(100dvh - var(--rbc-keyboard-offset,0px) - 26px)!important;
  overflow:auto!important;
  margin:0!important;
  border-radius:26px!important;
  padding:16px 14px 14px!important;
  box-shadow:0 22px 70px rgba(15,23,42,.25)!important;
  transform:translateZ(0)!important;
}
.modal-backdrop.rbc-composer-plus-sheet-v311 .modal-card h2{
  font-size:22px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  padding-right:42px!important;
}
.modal-backdrop.rbc-composer-plus-sheet-v311 .modal-close{
  width:38px!important;
  height:38px!important;
  top:12px!important;
  right:12px!important;
  font-size:24px!important;
}
.modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-intro{
  display:none!important;
}
.modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-v263{
  gap:8px!important;
  margin-top:4px!important;
}
.modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-v263 button,
.modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-v263 .rbc-plus-menu-option{
  min-height:56px!important;
  padding:9px 10px!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  border-radius:17px!important;
}
.modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-v263 button span{
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  font-size:21px!important;
}
.modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-v263 button b{
  font-size:14.5px!important;
}

@supports not (height:100dvh){
  .modal-backdrop.rbc-composer-plus-sheet-v311 .modal-card{
    max-height:calc(100vh - var(--rbc-keyboard-offset,0px) - 26px)!important;
  }
}

html[data-rbc-theme="dark"] body.rbc-dark-theme .modal-backdrop.rbc-composer-plus-sheet-v311 .modal-card{
  background:linear-gradient(145deg,#101c2f,#07111f)!important;
  border-color:rgba(148,163,184,.22)!important;
  color:#f5f8ff!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-v263 button,
html[data-rbc-theme="dark"] body.rbc-dark-theme .modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-v263 .rbc-plus-menu-option{
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border-color:rgba(148,163,184,.22)!important;
  color:#f5f8ff!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .modal-backdrop.rbc-composer-plus-sheet-v311 .rbc-plus-menu-v263 button span{
  background:linear-gradient(135deg,rgba(29,115,248,.20),rgba(255,49,84,.14))!important;
}

/* === RedsBlack Chat v312 — home polish + reliable composer sheet close ===
   Small visual refinement only: keep layout, colours and chat logic intact.
   Also fixes the Android/PWA case where the Photo/Video/Location sheet could
   stay as an invisible blocking layer after opening a picker/geolocation. */
.modal-backdrop.rbc-composer-plus-sheet-v311.hidden,
.modal-backdrop.rbc-composer-plus-sheet-v312.hidden,
#rbcActionModal.modal-backdrop.rbc-composer-plus-sheet-v311.hidden,
#rbcActionModal.modal-backdrop.rbc-composer-plus-sheet-v312.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#rbcActionModal.modal-backdrop.hidden{
  pointer-events:none!important;
}
#rbcActionModal.modal-backdrop:not(.hidden){
  pointer-events:auto!important;
}
body.rbc-composer-plus-open,
body.rbc-action-modal-open{
  overscroll-behavior:contain!important;
}
#rbcNativePlusSheet.hidden,
#rbcNativePlusSheet.rbc-native-plus-sheet.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#rbcNativePlusSheet.rbc-native-plus-sheet.hidden *{
  pointer-events:none!important;
}

@media (max-width:980px){
  body.app-body .app-shell:not(.is-rooms-view) .home-status-card-2026{
    background:
      radial-gradient(circle at 96% 20%,rgba(255,49,84,.13),transparent 38%),
      radial-gradient(circle at 10% 80%,rgba(29,115,248,.08),transparent 34%),
      linear-gradient(145deg,rgba(255,255,255,.985),rgba(247,251,255,.96))!important;
    border-color:rgba(205,218,238,.98)!important;
    box-shadow:0 18px 42px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.app-body .app-shell:not(.is-rooms-view) .home-status-message-2026{
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,253,255,.88))!important;
    border-color:rgba(205,218,238,.95)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  body.app-body .app-shell:not(.is-rooms-view) .home-status-state-2026 strong{
    background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(236,255,245,.88))!important;
    border-color:rgba(34,197,94,.42)!important;
    box-shadow:0 8px 18px rgba(34,197,94,.10)!important;
  }
  body.app-body .app-shell:not(.is-rooms-view) .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view) .search-wrap{
    border-color:rgba(207,220,240,.96)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.072),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  body.app-body .app-shell:not(.is-rooms-view) .tab-row .chip:not(.active){
    background:rgba(255,255,255,.92)!important;
    border-color:rgba(211,222,239,.92)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
}

@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view) .home-status-card-2026{
    background:
      radial-gradient(circle at 96% 20%,rgba(255,49,84,.22),transparent 38%),
      radial-gradient(circle at 10% 80%,rgba(29,115,248,.16),transparent 34%),
      linear-gradient(145deg,rgba(18,31,52,.98),rgba(8,16,31,.98))!important;
    border-color:rgba(148,163,184,.20)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view) .home-status-message-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view) .home-language-row-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view) .search-wrap,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view) .tab-row .chip:not(.active){
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
}

/* v3.1.3 — compact first/home screen only; no logic changes. */
@media (max-width:980px){
  body.app-body .app-shell.is-chats-view .list-panel,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .list-panel{
    padding-top:14px!important;
  }
  body.app-body .app-shell.is-chats-view .mobile-app-top.rb-mobile-top-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .mobile-app-top.rb-mobile-top-2026{
    min-height:46px!important;
    margin-bottom:10px!important;
    gap:10px!important;
  }
  body.app-body .app-shell.is-chats-view .mobile-brand.rb-brand-2026 .brand-mark,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .mobile-brand.rb-brand-2026 .brand-mark{
    width:42px!important;
    height:39px!important;
    min-width:42px!important;
  }
  body.app-body .app-shell.is-chats-view .rb-brand-2026 .brand-copy b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .rb-brand-2026 .brand-copy b{
    font-size:22px!important;
  }
  body.app-body .app-shell.is-chats-view .rb-brand-2026 .brand-copy small,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .rb-brand-2026 .brand-copy small{
    font-size:10px!important;
    margin-top:2px!important;
  }
  body.app-body .app-shell.is-chats-view .mini-round,
  body.app-body .app-shell.is-chats-view .theme-toggle,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .mini-round,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .theme-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    font-size:22px!important;
  }
  body.app-body .app-shell.is-chats-view .mini-round.red,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .mini-round.red{
    font-size:30px!important;
  }

  body.app-body .app-shell.is-chats-view .home-status-card-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:126px!important;
    margin-bottom:12px!important;
    padding:14px 14px!important;
    border-radius:24px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026,
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026 img{
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026 i,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026 i{
    width:21px!important;
    height:21px!important;
    border-width:3px!important;
    bottom:4px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-main-2026 h2,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-main-2026 h2{
    font-size:24px!important;
    margin-bottom:8px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-message-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-message-2026{
    min-height:38px!important;
    height:38px!important;
    border-radius:19px!important;
    font-size:13px!important;
    padding-left:13px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-state-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-state-2026{
    margin-top:8px!important;
    gap:10px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-state-2026 strong,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-state-2026 strong{
    height:28px!important;
    min-width:62px!important;
    padding:0 11px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-state-2026 span,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-state-2026 span{
    font-size:12.5px!important;
  }

  body.app-body .app-shell.is-chats-view .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026{
    min-height:56px!important;
    margin-bottom:11px!important;
    padding:7px 11px!important;
    border-radius:22px!important;
  }
  body.app-body .app-shell.is-chats-view .home-language-row-2026 .language-switch-pill,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .language-switch-pill{
    height:42px!important;
    gap:10px!important;
  }
  body.app-body .app-shell.is-chats-view .home-language-row-2026 .status-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .status-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:21px!important;
  }
  body.app-body .app-shell.is-chats-view .home-language-row-2026 .status-copy b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .status-copy b{
    font-size:17px!important;
  }
  body.app-body .app-shell.is-chats-view .home-language-row-2026 .status-copy small,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .status-copy small{
    margin-top:4px!important;
    font-size:11px!important;
  }
  body.app-body .app-shell.is-chats-view .home-translate-icon-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-translate-icon-2026{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    font-size:18px!important;
  }

  body.app-body .app-shell.is-chats-view .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .search-wrap{
    height:48px!important;
    min-height:48px!important;
    margin-bottom:10px!important;
    padding:0 13px!important;
    gap:10px!important;
    border-radius:20px!important;
  }
  body.app-body .app-shell.is-chats-view .search-wrap input,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .search-wrap input{
    height:46px!important;
    font-size:15px!important;
    font-weight:760!important;
  }
  body.app-body .app-shell.is-chats-view .search-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .search-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
  }
  body.app-body .app-shell.is-chats-view .search-icon:before,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .search-icon:before{
    width:12px!important;
    height:12px!important;
    border-width:2px!important;
  }
  body.app-body .app-shell.is-chats-view .search-icon:after,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .search-icon:after{
    left:15px!important;
    top:15px!important;
    width:8px!important;
    height:2px!important;
  }
  body.app-body .app-shell.is-chats-view .search-sliders,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .search-sliders{
    transform:scale(.86)!important;
    transform-origin:center!important;
  }

  body.app-body .app-shell.is-chats-view .tab-row,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row{
    gap:8px!important;
    margin-bottom:10px!important;
  }
  body.app-body .app-shell.is-chats-view .tab-row .chip,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip{
    height:44px!important;
    min-height:44px!important;
    border-radius:18px!important;
    font-size:13.6px!important;
    padding:0 8px!important;
  }
  body.app-body .app-shell.is-chats-view .chip-badge,
  body.app-body .app-shell.is-chats-view .tab-row .chip .chip-badge,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chip-badge,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip .chip-badge{
    min-width:22px!important;
    height:22px!important;
    font-size:10.5px!important;
    padding:0 6px!important;
    margin-left:4px!important;
  }
  body.app-body .app-shell.is-chats-view .recent-section-label-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .recent-section-label-2026{
    margin-bottom:7px!important;
    font-size:12px!important;
    min-height:21px!important;
  }
}

@media (max-width:430px){
  body.app-body .app-shell.is-chats-view .list-panel,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .list-panel{
    padding-left:13px!important;
    padding-right:13px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-card-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026{
    min-height:120px!important;
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:11px!important;
    padding:13px!important;
    margin-bottom:10px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026,
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026 img{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-main-2026 h2,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-main-2026 h2{
    font-size:23px!important;
  }
  body.app-body .app-shell.is-chats-view .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026{
    min-height:53px!important;
    margin-bottom:10px!important;
  }
  body.app-body .app-shell.is-chats-view .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .search-wrap{
    height:46px!important;
    min-height:46px!important;
  }
  body.app-body .app-shell.is-chats-view .search-wrap input,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .search-wrap input{
    height:44px!important;
    font-size:14.5px!important;
  }
  body.app-body .app-shell.is-chats-view .tab-row .chip,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip{
    height:42px!important;
    min-height:42px!important;
    border-radius:17px!important;
    font-size:13.2px!important;
  }
}


/* === RedsBlack Chat v314 — home filter chips color polish, keep compact v313 sizing ===
   Restores first chip as the normal All/Chats filter and gives All / Reachable / Rooms
   clearer click affordance without changing dimensions or app logic. */
body.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="all"],
body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip[data-filter="all"]{
  color:#fff!important;
  border-color:rgba(255,255,255,.48)!important;
  background:linear-gradient(135deg,#ff4b78 0%,#f51645 52%,#cf092d 100%)!important;
  box-shadow:0 13px 28px rgba(238,22,68,.22), inset 0 1px 0 rgba(255,255,255,.48)!important;
}
body.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="online"],
body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip[data-filter="online"]{
  color:#0d4b34!important;
  border-color:rgba(34,197,129,.30)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(221,255,241,.92) 100%)!important;
  box-shadow:0 10px 22px rgba(34,197,129,.10), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
body.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="online"]::before,
body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip[data-filter="online"]::before{
  content:'';
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  border-radius:999px!important;
  margin-right:6px!important;
  background:linear-gradient(135deg,#35d58c,#18b96b)!important;
  box-shadow:0 0 0 4px rgba(31,203,124,.12),0 4px 10px rgba(31,203,124,.22)!important;
}
body.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="groups"],
body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip[data-filter="groups"]{
  color:#fff!important;
  border-color:rgba(255,255,255,.45)!important;
  background:linear-gradient(135deg,#57b9ff 0%,#137bff 56%,#2357d7 100%)!important;
  box-shadow:0 13px 28px rgba(19,123,255,.19), inset 0 1px 0 rgba(255,255,255,.45)!important;
}
body.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="groups"] .chip-badge,
body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip[data-filter="groups"] .chip-badge{
  background:rgba(255,255,255,.92)!important;
  color:#e51a47!important;
  box-shadow:0 7px 17px rgba(8,38,85,.16)!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="online"],
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip[data-filter="online"]{
  color:#dfffee!important;
  border-color:rgba(55,216,139,.26)!important;
  background:linear-gradient(135deg,rgba(27,42,58,.94),rgba(18,72,50,.72))!important;
  box-shadow:0 12px 24px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="all"],
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip[data-filter="all"]{
  background:linear-gradient(135deg,#f25373 0%,#be253f 100%)!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .tab-row .chip[data-filter="groups"],
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row .chip[data-filter="groups"]{
  background:linear-gradient(135deg,#397bd6 0%,#8b3758 100%)!important;
}

/* === RedsBlack Chat v316 — mobile home quick row: search left + language right ===
   Compresses the first screen by placing search and auto-translate in one row on chats home.
   Keeps Rooms / Contacts / Profile search full-width and preserves earlier v315 read-state logic. */
@media (max-width:980px){
  body.app-body .home-quick-row-2026{
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:9px!important;
    margin:0 0 10px!important;
  }

  body.app-body .app-shell.is-rooms-view .home-quick-row-2026,
  body.app-body .app-shell.is-contacts-view .home-quick-row-2026,
  body.app-body .app-shell.is-profile-view .home-quick-row-2026{
    display:block!important;
    margin:0 0 12px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 10px 0 12px!important;
    gap:8px!important;
    border-radius:21px!important;
    overflow:hidden!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap input,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap input{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    font-size:13.6px!important;
    font-weight:820!important;
    letter-spacing:-.02em!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap input::placeholder,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap input::placeholder{
    color:#687389!important;
    opacity:.92!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-icon{
    width:21px!important;
    min-width:21px!important;
    transform:scale(.9)!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-sliders,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-sliders{
    display:none!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026{
    display:flex!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:7px 9px 7px 8px!important;
    gap:7px!important;
    border-radius:21px!important;
    overflow:hidden!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .language-switch-pill,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .language-switch-pill{
    height:36px!important;
    min-width:0!important;
    gap:7px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .language-switch-pill:after,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .language-switch-pill:after{
    font-size:14px!important;
    margin-left:1px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:18px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-copy{
    min-width:0!important;
    overflow:hidden!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-copy b{
    display:block!important;
    font-size:13.8px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy small,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-copy small{
    display:block!important;
    margin-top:3px!important;
    font-size:9.6px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-translate-icon-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-translate-icon-2026{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    font-size:15px!important;
  }

  body.app-body .app-shell.is-rooms-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell.is-contacts-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell.is-profile-view .home-quick-row-2026 .search-wrap{
    width:100%!important;
    margin:0 0 12px!important;
  }

  body.app-body .app-shell.is-rooms-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell.is-contacts-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell.is-profile-view .home-quick-row-2026 .home-language-row-2026{
    display:none!important;
  }

  body.app-body .app-shell.is-chats-view .tab-row,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .tab-row{
    margin-top:0!important;
  }
}

@media (max-width:430px){
  body.app-body .app-shell.is-chats-view .home-quick-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    margin-bottom:9px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026{
    height:48px!important;
    min-height:48px!important;
    border-radius:20px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap input,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap input{
    font-size:13px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    font-size:17px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-copy b{
    font-size:13.2px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-translate-icon-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-translate-icon-2026{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
}

html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026{
  background:linear-gradient(135deg,rgba(22,34,50,.94),rgba(36,45,64,.82))!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap{
  background:linear-gradient(135deg,rgba(22,34,50,.94),rgba(30,39,56,.88))!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* === RedsBlack Chat v317 — swipe to remove recent private chat === */
body.app-body .chat-list .chat-swipe-row{
  position:relative!important;
  overflow:hidden!important;
  border-radius:24px!important;
  margin:0!important;
  touch-action:pan-y!important;
}
body.app-body .chat-list .chat-swipe-row .chat-item{
  width:100%!important;
  margin:0!important;
  transform:translateX(var(--rbc-swipe-x,0px))!important;
  transition:transform .22s cubic-bezier(.2,.85,.2,1), box-shadow .18s ease, border-color .18s ease!important;
  will-change:transform!important;
  position:relative!important;
  z-index:2!important;
}
body.app-body .chat-list .chat-swipe-row.is-dragging .chat-item{transition:none!important;}
body.app-body .chat-list .chat-swipe-actions{
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:154px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:stretch!important;
  gap:6px!important;
  padding:5px 6px!important;
  z-index:1!important;
  pointer-events:auto!important;
}
body.app-body .chat-swipe-action{
  appearance:none!important;
  border:0!important;
  border-radius:18px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
  padding:0 6px!important;
  box-shadow:0 12px 26px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.38)!important;
  cursor:pointer!important;
}
body.app-body .chat-swipe-action span{display:block!important;max-width:100%!important;white-space:normal!important;}
body.app-body .chat-swipe-hide{background:linear-gradient(135deg,#ff6b8b 0%,#f21b4b 100%)!important;}
body.app-body .chat-swipe-clear{background:linear-gradient(135deg,#1f2f51 0%,#07142b 100%)!important;}
body.app-body .chat-swipe-row.is-swiped .chat-item{
  transform:translateX(-154px)!important;
  box-shadow:0 13px 28px rgba(15,23,42,.10)!important;
}
body.app-body .chat-swipe-row.is-swiped::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:24px;
  pointer-events:none;
  box-shadow:inset -18px 0 28px rgba(238,22,68,.09);
  z-index:3;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .chat-swipe-hide{background:linear-gradient(135deg,#f35378 0%,#b92542 100%)!important;}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .chat-swipe-clear{background:linear-gradient(135deg,#32405b 0%,#0b1221 100%)!important;}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .chat-list .chat-swipe-row.is-swiped::after{box-shadow:inset -18px 0 30px rgba(255,94,129,.13)!important;}
@media (max-width:430px){
  body.app-body .chat-list .chat-swipe-actions{width:146px!important;gap:5px!important;padding:5px!important;}
  body.app-body .chat-list .chat-swipe-row.is-swiped .chat-item{transform:translateX(-146px)!important;}
  body.app-body .chat-swipe-action{font-size:10.5px!important;border-radius:17px!important;padding:0 4px!important;}
}


/* === RedsBlack Chat v318 — tighter recent chats + swipe actions hidden until drag ===
   Fixes translucent delete buttons bleeding through (especially dark mode) and makes
   recent conversation rows a little lower with clearer separation between people. */
@media (max-width:980px){
  body.app-body .app-shell.is-chats-view .chat-list,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list{
    gap:12px!important;
    margin-top:7px!important;
  }

  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row{
    border-radius:22px!important;
    margin:0 1px!important;
    overflow:hidden!important;
    background:transparent!important;
    box-shadow:0 7px 18px rgba(15,23,42,.035)!important;
  }

  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item,
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item:first-child,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item:first-child{
    min-height:76px!important;
    padding:9px 12px!important;
    border-radius:22px!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    gap:10px!important;
    background:
      radial-gradient(circle at 96% 38%,rgba(255,60,96,.12),transparent 38%),
      linear-gradient(135deg,rgba(255,255,255,.99),rgba(255,255,255,.96))!important;
    border:1px solid rgba(224,232,244,.96)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.90)!important;
    position:relative!important;
    z-index:2!important;
  }

  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row:nth-of-type(2) .chat-item,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row:nth-of-type(2) .chat-item{
    background:radial-gradient(circle at 96% 42%,rgba(33,120,255,.12),transparent 38%),linear-gradient(135deg,#ffffff,#f5fbff)!important;
    border-color:rgba(33,120,255,.18)!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row:nth-of-type(3) .chat-item,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row:nth-of-type(3) .chat-item{
    background:radial-gradient(circle at 96% 42%,rgba(34,197,94,.12),transparent 38%),linear-gradient(135deg,#ffffff,#f4fff8)!important;
    border-color:rgba(34,197,94,.18)!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row:nth-of-type(4) .chat-item,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row:nth-of-type(4) .chat-item{
    background:radial-gradient(circle at 96% 42%,rgba(124,58,237,.11),transparent 38%),linear-gradient(135deg,#ffffff,#faf6ff)!important;
    border-color:rgba(124,58,237,.17)!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row:nth-of-type(5) .chat-item,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row:nth-of-type(5) .chat-item{
    background:radial-gradient(circle at 96% 42%,rgba(245,158,11,.12),transparent 38%),linear-gradient(135deg,#ffffff,#fffaf1)!important;
    border-color:rgba(245,158,11,.18)!important;
  }

  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .avatar-wrap,
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .avatar-wrap img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .avatar-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .avatar-wrap img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }

  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item b{
    font-size:19px!important;
    line-height:1.04!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item small,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item small{
    font-size:13.3px!important;
    line-height:1.12!important;
    margin-top:3px!important;
  }

  /* Hide the delete actions until the user actually swipes. This prevents the text from
     showing through translucent cards in light/dark themes. */
  body.app-body .chat-list .chat-swipe-row .chat-swipe-actions{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateX(18px)!important;
    transition:opacity .16s ease, transform .18s ease, visibility .16s ease!important;
  }
  body.app-body .chat-list .chat-swipe-row.is-swiped .chat-swipe-actions,
  body.app-body .chat-list .chat-swipe-row.is-dragging .chat-swipe-actions{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
  }
  body.app-body .chat-list .chat-swipe-row:not(.is-swiped):not(.is-dragging) .chat-swipe-action{
    pointer-events:none!important;
  }

  body.app-body .chat-list .chat-swipe-row.is-swiped .chat-item{
    transform:translateX(-154px)!important;
  }
}

@media (max-width:430px){
  body.app-body .app-shell.is-chats-view .chat-list,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list{
    gap:11px!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item,
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item:first-child,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item:first-child{
    min-height:74px!important;
    padding:9px 11px!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    border-radius:21px!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row{
    border-radius:21px!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .avatar-wrap,
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .avatar-wrap img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .avatar-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .avatar-wrap img{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item b{
    font-size:18.2px!important;
  }
  body.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item small,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item small{
    font-size:12.8px!important;
  }
  body.app-body .chat-list .chat-swipe-row.is-swiped .chat-item{
    transform:translateX(-146px)!important;
  }
}

html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row,
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row{
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row .chat-item,
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row .chat-item{
  background:radial-gradient(circle at 96% 34%,rgba(255,65,98,.11),transparent 38%),linear-gradient(135deg,rgba(20,31,50,.99),rgba(8,15,28,.99))!important;
  border-color:rgba(148,163,184,.17)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row:nth-of-type(2) .chat-item,
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row:nth-of-type(2) .chat-item{
  background:radial-gradient(circle at 96% 36%,rgba(33,120,255,.15),transparent 38%),linear-gradient(135deg,rgba(20,31,50,.99),rgba(8,15,28,.99))!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row:nth-of-type(3) .chat-item,
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row:nth-of-type(3) .chat-item{
  background:radial-gradient(circle at 96% 36%,rgba(34,197,94,.13),transparent 38%),linear-gradient(135deg,rgba(20,31,50,.99),rgba(8,15,28,.99))!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row:nth-of-type(4) .chat-item,
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row:nth-of-type(4) .chat-item{
  background:radial-gradient(circle at 96% 36%,rgba(124,58,237,.14),transparent 38%),linear-gradient(135deg,rgba(20,31,50,.99),rgba(8,15,28,.99))!important;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell.is-chats-view .chat-list .chat-swipe-row:nth-of-type(5) .chat-item,
html[data-rbc-theme="dark"] body.rbc-dark-theme.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .chat-list .chat-swipe-row:nth-of-type(5) .chat-item{
  background:radial-gradient(circle at 96% 36%,rgba(245,158,11,.13),transparent 38%),linear-gradient(135deg,rgba(20,31,50,.99),rgba(8,15,28,.99))!important;
}


/* === RedsBlack Chat v319 — centre RB behaves as Home button with tap flash only === */
@keyframes rbc-rb-home-flash-v319{
  0%{transform:translateY(-15px) scale(1);filter:brightness(1);}
  28%{transform:translateY(-17px) scale(1.055);filter:brightness(1.12);box-shadow:0 18px 40px rgba(227,6,34,.42),0 0 0 9px rgba(227,6,34,.10),0 0 30px rgba(255,49,84,.24)!important;}
  58%{transform:translateY(-13px) scale(.985);filter:brightness(1.04);}
  100%{transform:translateY(-15px) scale(1);filter:brightness(1);}
}
body.app-body .bottom-link.add.rb-brand-action{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  cursor:pointer!important;
}
body.app-body .bottom-link.add.rb-brand-action.rb-home-flash-v319{
  animation:rbc-rb-home-flash-v319 .48s cubic-bezier(.2,.8,.2,1) both!important;
}
body.app-body .bottom-link.add.rb-brand-action:active{
  filter:brightness(1.08)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link.add.rb-brand-action.rb-home-flash-v319{
  animation:rbc-rb-home-flash-v319 .48s cubic-bezier(.2,.8,.2,1) both!important;
}


/* === RedsBlack Chat v320 — ultra premium home polish from approved mockup ===
   Visual polish only. No chat / API / database logic changed.
   Applies mainly to the mobile Chats home screen and keeps Rooms/DM logic intact. */
@media (max-width:980px){
  body.app-body .list-panel{
    background:
      radial-gradient(circle at 92% -8%,rgba(255,35,82,.17),transparent 32%),
      radial-gradient(circle at 7% 3%,rgba(47,125,255,.11),transparent 30%),
      radial-gradient(circle at 50% 108%,rgba(255,71,118,.075),transparent 38%),
      linear-gradient(180deg,#ffffff 0%,#f8fbff 56%,#fff8fb 100%)!important;
  }

  /* Header / brand */
  body.app-body .mobile-app-top.rb-mobile-top-2026{
    margin-bottom:18px!important;
  }
  body.app-body .mobile-brand.rb-brand-2026 .brand-mark{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 28% 18%,rgba(255,255,255,.58),transparent 33%),
      linear-gradient(145deg,#ffffff 0%,#f4f8ff 100%)!important;
    box-shadow:
      0 18px 38px rgba(15,23,42,.105),
      inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  body.app-body .rb-brand-2026 .brand-copy b{
    font-size:18.4px!important;
    letter-spacing:-.055em!important;
    background:linear-gradient(90deg,#07142d 0%,#07142d 58%,#f31846 78%,#ff5e7d 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    text-shadow:none!important;
  }
  body.app-body .rb-brand-2026 .brand-copy small{
    color:#65738b!important;
    font-size:11.8px!important;
    font-weight:850!important;
  }
  body.app-body .mini-round,
  body.app-body .theme-toggle{
    border-color:rgba(229,236,247,.98)!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 15px 34px rgba(15,23,42,.085), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body.app-body .mini-round.red{
    background:
      radial-gradient(circle at 28% 18%,rgba(255,255,255,.40),transparent 30%),
      linear-gradient(145deg,#ff6d88 0%,#ff2f58 45%,#e3062f 100%)!important;
    box-shadow:
      0 20px 42px rgba(255,47,88,.34),
      inset 0 1px 0 rgba(255,255,255,.36)!important;
  }

  /* Premium user card */
  body.app-body .home-status-card-2026{
    min-height:174px!important;
    border-radius:31px!important;
    padding:20px 18px!important;
    background:
      radial-gradient(circle at 100% 64%,rgba(255,48,88,.18),transparent 32%),
      radial-gradient(circle at 5% 12%,rgba(48,127,255,.075),transparent 30%),
      linear-gradient(145deg,#ffffff 0%,#fbfdff 58%,#fff7fa 100%)!important;
    border-color:rgba(215,226,242,.99)!important;
    box-shadow:
      0 22px 48px rgba(15,23,42,.09),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body.app-body .home-status-card-2026:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 87% 76%,rgba(255,255,255,.48),transparent 22%),
      linear-gradient(115deg,rgba(255,255,255,.10),transparent 38%)!important;
    z-index:0!important;
  }
  body.app-body .home-status-card-2026:after{
    width:220px!important;
    height:196px!important;
    right:-62px!important;
    bottom:-70px!important;
    background:radial-gradient(circle,rgba(255,47,88,.23) 0%,rgba(255,47,88,0) 70%)!important;
  }
  body.app-body .home-status-avatar-2026,
  body.app-body .home-status-main-2026{
    z-index:1!important;
  }
  body.app-body .home-status-avatar-2026 img{
    border:5px solid rgba(255,255,255,.98)!important;
    box-shadow:0 20px 42px rgba(15,23,42,.18), 0 0 0 1px rgba(255,255,255,.72) inset!important;
  }
  body.app-body .home-status-avatar-2026 i{
    width:30px!important;
    height:30px!important;
    right:0!important;
    bottom:6px!important;
    background:linear-gradient(145deg,#4df096,#13c85b)!important;
    box-shadow:0 8px 18px rgba(19,200,91,.26), inset 0 1px 0 rgba(255,255,255,.42)!important;
  }
  body.app-body .home-status-main-2026 h2{
    font-size:31px!important;
    margin-bottom:13px!important;
    color:#07142d!important;
  }
  body.app-body .home-status-message-2026{
    min-height:52px!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.99)!important;
    border-color:rgba(217,228,242,.98)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body.app-body .home-status-message-2026 span{
    font-size:15.7px!important;
    color:#07142d!important;
    font-weight:950!important;
  }
  body.app-body .home-status-state-2026 strong{
    height:36px!important;
    min-width:94px!important;
    border-radius:18px!important;
    background:rgba(34,197,94,.075)!important;
    border-color:rgba(34,197,94,.48)!important;
    color:#11b85b!important;
    box-shadow:0 7px 16px rgba(34,197,94,.10)!important;
  }
  body.app-body .home-status-state-2026 span{
    color:#5c6980!important;
    font-size:14.6px!important;
  }

  /* Search + language row */
  body.app-body .home-quick-row-2026{
    margin:0 0 13px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026{
    gap:10px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026{
    height:56px!important;
    min-height:56px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.985)!important;
    border-color:rgba(216,228,244,.98)!important;
    box-shadow:0 16px 34px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap{
    padding-left:14px!important;
    padding-right:12px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap input,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap input{
    font-size:14.2px!important;
    color:#07142d!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-icon{
    transform:none!important;
    font-size:27px!important;
    color:#495a75!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026{
    padding-left:9px!important;
    padding-right:9px!important;
    gap:8px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:21px!important;
    box-shadow:0 9px 21px rgba(15,23,42,.08)!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-copy b{
    font-size:14.8px!important;
    color:#07142d!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy small,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-copy small{
    font-size:10.3px!important;
    color:#6b7891!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-translate-icon-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-translate-icon-2026{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 10px 23px rgba(15,23,42,.08)!important;
  }

  /* Three premium filter chips */
  body.app-body .tab-row{
    gap:14px!important;
    margin:0 0 17px!important;
  }
  body.app-body .tab-row .chip{
    height:60px!important;
    border-radius:27px!important;
    justify-content:flex-start!important;
    padding:0 15px!important;
    gap:10px!important;
    background:rgba(255,255,255,.97)!important;
    border-color:rgba(219,229,244,.98)!important;
    box-shadow:0 15px 34px rgba(15,23,42,.072), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body.app-body .tab-row .chip:before{
    content:"•"!important;
    display:inline-grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:50%!important;
    background:rgba(15,23,42,.05)!important;
    color:#22314f!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  body.app-body .tab-row .chip[data-filter="all"]:before{
    content:"◼"!important;
    font-size:13px!important;
  }
  body.app-body .tab-row .chip[data-filter="online"]:before{
    content:"●"!important;
    color:#13bf61!important;
    background:rgba(34,197,94,.10)!important;
  }
  body.app-body .tab-row .chip[data-filter="groups"]:before{
    content:"👥"!important;
    font-size:15px!important;
    color:#2178ff!important;
    background:rgba(33,120,255,.10)!important;
  }
  body.app-body .tab-row .chip.active{
    justify-content:center!important;
    background:
      radial-gradient(circle at 25% 18%,rgba(255,255,255,.32),transparent 30%),
      linear-gradient(145deg,#ff6684 0%,#ff2f58 50%,#e3062f 100%)!important;
    box-shadow:0 18px 38px rgba(255,47,88,.29), inset 0 1px 0 rgba(255,255,255,.32)!important;
  }
  body.app-body .tab-row .chip.active:before{
    background:rgba(255,255,255,.22)!important;
    color:#fff!important;
  }
  body.app-body .tab-row .chip[data-filter="groups"].active,
  body.app-body .app-shell.is-rooms-view .tab-row .chip[data-filter="groups"]{
    background:
      radial-gradient(circle at 25% 18%,rgba(255,255,255,.32),transparent 30%),
      linear-gradient(145deg,#54afff 0%,#2178ff 52%,#0b55dd 100%)!important;
    box-shadow:0 18px 38px rgba(33,120,255,.27), inset 0 1px 0 rgba(255,255,255,.34)!important;
  }
  body.app-body .tab-row .chip[data-filter="groups"].active:before,
  body.app-body .app-shell.is-rooms-view .tab-row .chip[data-filter="groups"]:before{
    background:rgba(255,255,255,.20)!important;
    color:#fff!important;
  }
  body.app-body .chip-badge,
  body.app-body .tab-row .chip .chip-badge{
    min-width:29px!important;
    height:29px!important;
    font-size:12px!important;
    box-shadow:0 10px 20px rgba(255,47,88,.22), inset 0 1px 0 rgba(255,255,255,.30)!important;
  }

  /* Recent chats section */
  body.app-body .recent-section-label-2026{
    margin:0 0 10px!important;
    padding:0 2px!important;
    color:#627087!important;
    letter-spacing:.105em!important;
  }
  body.app-body .recent-section-label-2026 i{
    width:12px!important;
    height:12px!important;
    min-width:12px!important;
    background:linear-gradient(145deg,#ff6684,#ff2f58)!important;
    box-shadow:0 0 0 8px rgba(255,47,88,.10), 0 8px 18px rgba(255,47,88,.18)!important;
  }
  body.app-body .chat-list{
    gap:14px!important;
  }
  body.app-body .chat-list > .chat-item{
    min-height:96px!important;
    border-radius:27px!important;
    padding:14px 15px!important;
    border-color:rgba(219,229,244,.98)!important;
    box-shadow:0 17px 40px rgba(15,23,42,.082), inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  body.app-body .chat-list > .chat-item:before{
    width:5px!important;
    inset:16px auto 16px 0!important;
    opacity:.94!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(1){
    background:
      radial-gradient(circle at 96% 44%,rgba(255,47,88,.17),transparent 39%),
      linear-gradient(135deg,#ffffff 0%,#fff5f8 100%)!important;
    border-color:rgba(255,91,125,.25)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(2){
    background:
      radial-gradient(circle at 96% 44%,rgba(34,197,94,.13),transparent 39%),
      linear-gradient(135deg,#ffffff 0%,#f2fff8 100%)!important;
    border-color:rgba(34,197,94,.20)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(2):before{
    background:linear-gradient(180deg,#83efb8,#18c964)!important;
    box-shadow:0 0 19px rgba(24,201,100,.21)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(3){
    background:
      radial-gradient(circle at 96% 44%,rgba(139,92,246,.13),transparent 39%),
      linear-gradient(135deg,#ffffff 0%,#f8f4ff 100%)!important;
    border-color:rgba(139,92,246,.18)!important;
  }
  body.app-body .chat-list > .chat-item:nth-of-type(3):before{
    background:linear-gradient(180deg,#c8b8ff,#8b5cf6)!important;
    box-shadow:0 0 19px rgba(139,92,246,.18)!important;
  }
  body.app-body .chat-list .avatar-wrap,
  body.app-body .chat-list .avatar-wrap img{
    width:58px!important;
    height:58px!important;
  }
  body.app-body .chat-list .avatar-wrap img{
    border-radius:50%!important;
    border:4px solid rgba(255,255,255,.98)!important;
    box-shadow:0 14px 32px rgba(15,23,42,.15)!important;
  }
  body.app-body .chat-list .chat-item b{
    font-size:22.5px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    color:#07142d!important;
  }
  body.app-body .chat-list .chat-item small{
    font-size:14px!important;
    color:#66758d!important;
    font-weight:860!important;
  }
  body.app-body .chat-item.has-unread small,
  body.app-body .chat-list .chat-item:first-child small{
    color:#2178ff!important;
  }
  body.app-body .chat-item .chat-meta em{
    font-size:13px!important;
    max-width:68px!important;
    font-weight:950!important;
    color:#ff2f58!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em:before{
    font-size:13px!important;
    color:#ff2f58!important;
  }
  body.app-body .private-unread-badge,
  body.app-body .badge.private-unread-badge{
    background:
      radial-gradient(circle at 26% 16%,rgba(255,255,255,.38),transparent 31%),
      linear-gradient(145deg,#ff6381,#ff2f58 58%,#e3062f)!important;
    border:2px solid rgba(255,255,255,.86)!important;
    box-shadow:0 12px 24px rgba(255,47,88,.32), inset 0 1px 0 rgba(255,255,255,.34)!important;
  }

  /* Bottom dock */
  body.app-body .bottom-nav{
    background:
      radial-gradient(circle at 50% -14%,rgba(255,47,88,.15),transparent 41%),
      rgba(255,255,255,.99)!important;
    border-color:rgba(218,228,242,.99)!important;
    box-shadow:0 -17px 44px rgba(15,23,42,.145), inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body.app-body .bottom-link{
    position:relative!important;
  }
  body.app-body .bottom-link.active{
    color:#ff2f58!important;
  }
  body.app-body .bottom-link.active:after{
    content:""!important;
    position:absolute!important;
    left:22px!important;
    right:22px!important;
    bottom:-2px!important;
    height:4px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#ff6584,#ff2f58)!important;
    box-shadow:0 7px 15px rgba(255,47,88,.25)!important;
  }
  body.app-body .bottom-link.add.rb-brand-action{
    background:
      radial-gradient(circle at 30% 18%,rgba(255,255,255,.36),transparent 28%),
      linear-gradient(145deg,#ff6d88 0%,#ff2f58 48%,#e3062f 100%)!important;
    box-shadow:0 22px 44px rgba(255,47,88,.34), inset 0 1px 0 rgba(255,255,255,.36)!important;
  }
}

@media (max-width:430px){
  body.app-body .home-status-card-2026{
    min-height:166px!important;
    padding:18px 15px!important;
  }
  body.app-body .home-status-main-2026 h2{
    font-size:28px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026{
    height:52px!important;
    min-height:52px!important;
    border-radius:22px!important;
  }
  body.app-body .tab-row{
    gap:10px!important;
  }
  body.app-body .tab-row .chip{
    height:56px!important;
    padding:0 12px!important;
    font-size:14px!important;
  }
  body.app-body .chat-list > .chat-item{
    min-height:90px!important;
    padding:12px 13px!important;
  }
  body.app-body .chat-list .avatar-wrap,
  body.app-body .chat-list .avatar-wrap img{
    width:54px!important;
    height:54px!important;
  }
  body.app-body .chat-list .chat-item b{
    font-size:20px!important;
  }
}

@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-card-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-quick-row-2026 .search-wrap,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-quick-row-2026 .home-language-row-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list > .chat-item,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-nav{
    box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
}

/* === RedsBlack Chat v3.2.1 — ultra premium home fit hotfix ===
   Fixes mobile crowding after v320: Rooms chip badge no longer clips,
   search/language row fits better, and premium styling remains intact. */
@media (max-width:980px){
  body.app-body .list-panel{
    padding-left:15px!important;
    padding-right:15px!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap{
    min-width:0!important;
    max-width:100%!important;
    padding-left:13px!important;
    padding-right:9px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap input,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap input{
    min-width:0!important;
    max-width:100%!important;
    font-size:13.4px!important;
    letter-spacing:-.025em!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026{
    min-width:0!important;
    max-width:100%!important;
    padding:7px 8px!important;
    gap:6px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .language-switch-pill,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .language-switch-pill{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .status-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:18px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .status-copy{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .status-copy b{
    font-size:13.6px!important;
    max-width:100%!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy small,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .status-copy small{
    font-size:9.5px!important;
    max-width:100%!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-translate-icon-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-translate-icon-2026{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    font-size:14px!important;
  }

  body.app-body .tab-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.08fr) minmax(0,1.02fr)!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
    margin-bottom:14px!important;
  }
  body.app-body .tab-row .chip{
    min-width:0!important;
    max-width:100%!important;
    height:54px!important;
    border-radius:24px!important;
    padding:0 9px!important;
    gap:7px!important;
    justify-content:center!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:14.2px!important;
    line-height:1!important;
  }
  body.app-body .tab-row .chip:before{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    font-size:12px!important;
  }
  body.app-body .tab-row .chip[data-filter="online"]:before{
    font-size:11px!important;
  }
  body.app-body .tab-row .chip[data-filter="groups"]:before{
    font-size:12px!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
  }
  body.app-body .tab-row .chip .chip-badge,
  body.app-body .chip-badge{
    min-width:24px!important;
    height:24px!important;
    padding:0 6px!important;
    margin-left:3px!important;
    font-size:11px!important;
    flex:0 0 auto!important;
    transform:none!important;
  }
  body.app-body .tab-row .chip[data-filter="groups"] .chip-badge{
    margin-left:2px!important;
  }

  body.app-body .chat-list > .chat-item{
    border-radius:24px!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-quick-row-2026 .search-wrap,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-quick-row-2026 .home-language-row-2026{
    border-color:rgba(148,163,184,.22)!important;
  }
}

@media (max-width:430px){
  body.app-body .list-panel{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.app-body .home-status-card-2026{
    min-height:158px!important;
    padding:16px 14px!important;
  }
  body.app-body .home-status-main-2026 h2{
    font-size:27px!important;
  }
  body.app-body .home-status-message-2026{
    min-height:48px!important;
  }

  body.app-body .tab-row{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.05fr) minmax(0,1fr)!important;
    gap:7px!important;
  }
  body.app-body .tab-row .chip{
    height:50px!important;
    border-radius:22px!important;
    padding:0 7px!important;
    gap:5px!important;
    font-size:13.2px!important;
  }
  body.app-body .tab-row .chip:before{
    display:none!important;
    content:none!important;
  }
  body.app-body .tab-row .chip .chip-badge,
  body.app-body .chip-badge{
    min-width:23px!important;
    height:23px!important;
    padding:0 5px!important;
    font-size:10.5px!important;
    margin-left:3px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026{
    height:50px!important;
    min-height:50px!important;
    border-radius:21px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap input,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap input{
    font-size:12.8px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-language-row-2026 .status-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-translate-icon-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-translate-icon-2026{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
  }
}

@media (max-width:370px){
  body.app-body .tab-row .chip{
    font-size:12.4px!important;
    padding:0 5px!important;
  }
  body.app-body .tab-row .chip .chip-badge,
  body.app-body .chip-badge{
    min-width:21px!important;
    height:21px!important;
    font-size:10px!important;
    margin-left:2px!important;
  }
}

/* =========================================================
   v3.2.6 DESKTOP FUNCTIONAL PREMIUM CLEANUP
   Desktop-only: restore reliable clicks, remove overlap and make the
   installed desktop/PWA version feel like a proper messenger workspace.
   Mobile rules above stay untouched.
   ========================================================= */
@media (min-width:981px){
  html,body.app-body{width:100%;height:100%;overflow:hidden!important;}
  body.app-body{
    background:
      radial-gradient(circle at 4% 0%, rgba(255,38,85,.12), transparent 31%),
      radial-gradient(circle at 98% 3%, rgba(29,115,248,.16), transparent 34%),
      linear-gradient(135deg,#fff8fb 0%,#f7fbff 46%,#f3f8ff 100%)!important;
  }

  body.app-body .app-shell{
    width:min(1500px,calc(100vw - 44px))!important;
    height:calc(100dvh - 38px)!important;
    margin:19px auto!important;
    display:grid!important;
    grid-template-columns:96px minmax(372px,410px) minmax(0,1fr) minmax(286px,330px)!important;
    background:rgba(255,255,255,.62)!important;
    border:1px solid rgba(198,210,230,.8)!important;
    border-radius:30px!important;
    box-shadow:0 32px 90px rgba(15,23,42,.14)!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  body.app-body .app-sidebar,
  body.app-body .list-panel,
  body.app-body .chat-panel,
  body.app-body .info-panel{
    min-width:0!important;
    min-height:0!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
  }

  /* Left dock */
  body.app-body .app-sidebar{
    width:auto!important;
    padding:16px 10px 14px!important;
    align-items:center!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92))!important;
    border-right:1px solid rgba(211,220,235,.82)!important;
    overflow:hidden!important;
  }
  body.app-body .app-brand{
    width:66px!important;
    height:78px!important;
    margin:0 0 12px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    text-align:center!important;
    text-decoration:none!important;
    position:relative!important;
  }
  body.app-body .app-brand .brand-mark{
    width:52px!important;height:52px!important;
    border-radius:19px!important;
    display:grid!important;place-items:center!important;
    background:linear-gradient(145deg,#fff,#f4f8ff)!important;
    border:1px solid rgba(210,221,237,.95)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.08), inset 0 0 0 4px rgba(255,255,255,.65)!important;
    color:#06132b!important;
    font-size:21px!important;font-weight:1000!important;
    letter-spacing:-.08em!important;
  }
  body.app-body .app-brand .brand-mark:after{
    content:"";position:absolute;right:10px;top:4px;width:12px;height:12px;border-radius:99px;background:#ff285a;box-shadow:0 0 0 4px #fff;
  }
  body.app-body .app-brand > span:not(.brand-mark){
    display:block!important;
    margin-top:4px!important;
    max-width:62px!important;
    font-size:10px!important;
    line-height:1.05!important;
    color:#07142b!important;
  }
  body.app-body .app-brand > span:not(.brand-mark) b,
  body.app-body .app-brand > span:not(.brand-mark) em{font-size:10px!important;font-style:normal!important;}
  body.app-body .app-brand > span:not(.brand-mark) em{color:#ff285a!important;}

  body.app-body .side-nav.rb-desktop-dock-v326,
  body.app-body .side-nav{
    width:100%!important;
    display:grid!important;
    gap:8px!important;
    justify-items:center!important;
    overflow:visible!important;
  }
  body.app-body .side-link{
    width:72px!important;
    height:62px!important;
    padding:7px 4px!important;
    border-radius:22px!important;
    display:grid!important;
    grid-template-rows:28px 14px!important;
    justify-items:center!important;
    align-items:center!important;
    gap:3px!important;
    color:#43526a!important;
    background:transparent!important;
    border:1px solid transparent!important;
    text-align:center!important;
    text-decoration:none!important;
    cursor:pointer!important;
    position:relative!important;
    transition:transform .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease!important;
    font-weight:900!important;
    line-height:1!important;
  }
  body.app-body .side-link:hover{
    transform:translateY(-1px)!important;
    background:rgba(239,246,255,.95)!important;
    color:#0f57c6!important;
    box-shadow:0 12px 26px rgba(29,115,248,.08)!important;
  }
  body.app-body .side-link.active{
    background:linear-gradient(145deg,#eef6ff,#ffffff)!important;
    border-color:rgba(183,211,255,.92)!important;
    color:#0f57c6!important;
    box-shadow:0 16px 34px rgba(29,115,248,.16)!important;
  }
  body.app-body .side-link .nav-icon{
    width:28px!important;height:28px!important;
    display:grid!important;place-items:center!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.66)!important;
  }
  body.app-body .side-link svg{
    width:22px!important;height:22px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.95!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  body.app-body .side-link span:not(.nav-icon){
    display:block!important;
    max-width:66px!important;
    font-size:10px!important;
    line-height:1.05!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.app-body .side-link i,
  body.app-body .nav-badge.private-unread-nav-badge{
    position:absolute!important;right:5px!important;top:4px!important;
    min-width:18px!important;width:auto!important;height:18px!important;
    padding:0 5px!important;border-radius:999px!important;
    display:grid!important;place-items:center!important;
    background:#ff285a!important;color:#fff!important;
    box-shadow:0 7px 16px rgba(255,40,90,.26)!important;
    font-size:10px!important;font-style:normal!important;font-weight:1000!important;
  }
  body.app-body .side-link i:empty,
  body.app-body .side-link:not(.has-badge) > i[id="navChatBadge"]{display:none!important;}

  body.app-body .side-user{
    width:72px!important;
    min-height:78px!important;
    margin-top:auto!important;
    padding:8px 5px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:3px!important;
    border-radius:22px!important;
    border:1px solid rgba(211,220,235,.92)!important;
    background:#fff!important;
    box-shadow:0 16px 32px rgba(15,23,42,.08)!important;
    position:relative!important;
  }
  body.app-body .side-user img{width:40px!important;height:40px!important;border-radius:16px!important;box-shadow:0 8px 18px rgba(15,23,42,.13)!important;}
  body.app-body .side-user div{min-width:0!important;text-align:center!important;}
  body.app-body .side-user b{font-size:11px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:62px!important;}
  body.app-body .side-user small{font-size:9.5px!important;line-height:1!important;}
  body.app-body .side-user a{position:absolute!important;right:6px!important;top:5px!important;margin:0!important;font-size:12px!important;}

  /* Left list column */
  body.app-body .list-panel{
    padding:18px 16px 14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.88))!important;
    border-right:1px solid rgba(211,220,235,.82)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable!important;
  }
  body.app-body .list-panel::-webkit-scrollbar{width:8px!important;}
  body.app-body .list-panel::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45)!important;border-radius:999px!important;}
  body.app-body .mobile-app-top,
  body.app-body .home-status-card-2026{display:none!important;}
  body.app-body .panel-header{align-items:center!important;margin:0 0 10px!important;}
  body.app-body .panel-header h1{font-size:30px!important;line-height:1!important;letter-spacing:-.055em!important;color:#07142b!important;}
  body.app-body .panel-header p{font-size:13px!important;font-weight:800!important;color:#627086!important;margin-top:4px!important;}
  body.app-body .visual-lock-badge{display:inline-flex!important;margin-top:7px!important;font-size:11px!important;font-weight:950!important;border-radius:999px!important;padding:4px 9px!important;background:#fff0f3!important;color:#ff285a!important;border:1px solid rgba(255,40,90,.14)!important;}
  body.app-body .icon-btn#refreshBtn{width:42px!important;height:42px!important;border-radius:17px!important;background:#fff!important;border:1px solid rgba(211,220,235,.92)!important;box-shadow:0 10px 24px rgba(15,23,42,.065)!important;color:#1d73f8!important;font-weight:1000!important;}

  body.app-body .home-quick-row-2026{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 136px!important;
    gap:9px!important;
    align-items:stretch!important;
    margin:10px 0 9px!important;
  }
  body.app-body .search-wrap{
    margin:0!important;
    height:48px!important;
    min-width:0!important;
    border-radius:20px!important;
    background:#fff!important;
    border:1px solid rgba(211,220,235,.92)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
    overflow:hidden!important;
  }
  body.app-body .search-wrap input{font-size:13px!important;font-weight:750!important;min-width:0!important;}
  body.app-body .search-icon,body.app-body .search-sliders{color:#7b8798!important;}
  body.app-body .home-language-row-2026{min-width:0!important;height:48px!important;margin:0!important;display:flex!important;align-items:stretch!important;gap:0!important;position:relative!important;}
  body.app-body .language-switch-pill{
    width:100%!important;height:48px!important;min-width:0!important;
    padding:5px 8px!important;border-radius:20px!important;
    background:#fff!important;border:1px solid rgba(211,220,235,.92)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
    overflow:hidden!important;cursor:pointer!important;
  }
  body.app-body .language-switch-pill .status-icon{width:30px!important;height:30px!important;min-width:30px!important;font-size:17px!important;border-radius:12px!important;}
  body.app-body .language-switch-pill .status-copy{min-width:0!important;}
  body.app-body .language-switch-pill .status-copy b{font-size:11px!important;line-height:1.05!important;max-width:72px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .language-switch-pill .status-copy small{font-size:8.8px!important;line-height:1!important;max-width:72px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .home-translate-icon-2026{display:none!important;}

  body.app-body .rbc-internal-status-row-2026{display:block!important;margin:8px 0 10px!important;overflow:visible!important;padding:0!important;}
  body.app-body .rbc-internal-status-row-2026 .my-presence-pill{
    width:100%!important;height:52px!important;min-width:0!important;
    border-radius:22px!important;padding:6px 11px!important;
    background:linear-gradient(135deg,#1fc56b,#27d27d)!important;
    color:#fff!important;border:0!important;
    box-shadow:0 16px 34px rgba(31,197,107,.23)!important;
    overflow:hidden!important;
  }
  body.app-body .rbc-internal-status-row-2026 .status-copy{min-width:0!important;}
  body.app-body .rbc-internal-status-row-2026 b,
  body.app-body .rbc-internal-status-row-2026 small{color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .rbc-internal-status-row-2026 b{font-size:13px!important;}
  body.app-body .rbc-internal-status-row-2026 small{font-size:11px!important;opacity:.88!important;}

  body.app-body .tab-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;margin:9px 0 12px!important;overflow:visible!important;}
  body.app-body .tab-row .chip{height:42px!important;border-radius:18px!important;padding:0 10px!important;font-size:12px!important;font-weight:1000!important;justify-content:center!important;white-space:nowrap!important;box-shadow:none!important;}
  body.app-body .tab-row .chip .chip-badge,body.app-body .chip-badge{min-width:22px!important;height:22px!important;font-size:10px!important;padding:0 5px!important;}
  body.app-body .recent-section-label-2026{margin:3px 0 8px!important;font-size:10.5px!important;font-weight:1000!important;letter-spacing:.06em!important;color:#69778e!important;}

  /* Chat list: fixed clicks, no desktop swipe overlay */
  body.app-body .chat-list,body.app-body .room-list,body.app-body .contacts-list,body.app-body .media-list{width:100%!important;min-width:0!important;overflow-x:hidden!important;}
  body.app-body .chat-list{display:grid!important;gap:9px!important;margin-top:0!important;padding-bottom:14px!important;}
  body.app-body .chat-list.hidden,body.app-body .room-list.hidden,body.app-body .contacts-list.hidden,body.app-body .media-list.hidden{display:none!important;}
  body.app-body .chat-swipe-row{position:relative!important;width:100%!important;min-width:0!important;overflow:visible!important;transform:none!important;--rbc-swipe-x:0px!important;}
  body.app-body .chat-swipe-actions{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  body.app-body .chat-swipe-row.is-swiped .chat-item,
  body.app-body .chat-swipe-row .chat-item{transform:none!important;margin:0!important;}
  body.app-body .chat-item{
    width:100%!important;min-width:0!important;min-height:74px!important;
    display:grid!important;grid-template-columns:52px minmax(0,1fr) 54px!important;gap:11px!important;align-items:center!important;
    padding:10px 12px!important;border-radius:23px!important;
    background:rgba(255,255,255,.92)!important;border:1px solid rgba(211,220,235,.88)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
    cursor:pointer!important;pointer-events:auto!important;position:relative!important;overflow:hidden!important;
  }
  body.app-body .chat-item:hover{background:#fff!important;border-color:rgba(146,188,255,.9)!important;box-shadow:0 18px 38px rgba(29,115,248,.11)!important;transform:translateY(-1px)!important;}
  body.app-body .chat-item.active{background:linear-gradient(135deg,#eef6ff,#fff8fb)!important;border-color:rgba(59,130,246,.54)!important;box-shadow:0 18px 38px rgba(29,115,248,.12)!important;}
  body.app-body .chat-item.active:before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:14px!important;bottom:14px!important;width:4px!important;border-radius:0 999px 999px 0!important;background:linear-gradient(180deg,#1d73f8,#ff285a)!important;}
  body.app-body .chat-item > span:not(.avatar-wrap):not(.chat-meta){min-width:0!important;overflow:hidden!important;}
  body.app-body .chat-item .avatar-wrap,body.app-body .chat-item img{width:48px!important;height:48px!important;min-width:48px!important;}
  body.app-body .chat-item img{border-radius:18px!important;border:2px solid #fff!important;box-shadow:0 9px 18px rgba(15,23,42,.12)!important;}
  body.app-body .chat-item b{font-size:15px!important;line-height:1.08!important;font-weight:1000!important;color:#07142b!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  body.app-body .chat-item small{font-size:12px!important;line-height:1.15!important;font-weight:800!important;color:#536174!important;margin-top:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  body.app-body .chat-meta{min-width:50px!important;width:54px!important;text-align:right!important;display:grid!important;justify-items:end!important;gap:4px!important;}
  body.app-body .chat-meta em{max-width:52px!important;font-size:10.5px!important;font-weight:800!important;color:#718096!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .private-unread-badge,body.app-body .badge{min-width:22px!important;height:22px!important;border-radius:999px!important;font-size:10px!important;box-shadow:0 8px 17px rgba(255,40,90,.2)!important;}
  body.app-body .empty-small{border-radius:22px!important;background:#fff!important;border-color:rgba(211,220,235,.92)!important;box-shadow:0 12px 28px rgba(15,23,42,.05)!important;}

  /* Rooms: compact categories, no text/button collisions */
  body.app-body .room-list{display:grid!important;gap:10px!important;margin-top:0!important;padding-bottom:18px!important;}
  body.app-body .rooms-hero-v280,
  body.app-body .rooms-hero-v280.rooms-project-hero-v308{
    width:100%!important;min-width:0!important;min-height:132px!important;height:auto!important;
    display:grid!important;grid-template-columns:74px minmax(0,1fr) 0!important;gap:12px!important;align-items:center!important;
    padding:16px!important;margin:0 0 12px!important;
    border-radius:26px!important;overflow:hidden!important;
    background:linear-gradient(135deg,#fff,#fff3f6 48%,#eef6ff)!important;
    border:1px solid rgba(255,40,90,.12)!important;
    box-shadow:0 16px 38px rgba(255,40,90,.08)!important;
  }
  body.app-body .rooms-hero-art-v280,
  body.app-body .rooms-project-hero-v308 .rooms-hero-art-v280{width:70px!important;height:70px!important;min-width:70px!important;border-radius:23px!important;transform:none!important;}
  body.app-body .rooms-hero-copy-v280{min-width:0!important;overflow:hidden!important;}
  body.app-body .rooms-hero-copy-v280 b{font-size:17px!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:100%!important;white-space:normal!important;display:block!important;}
  body.app-body .rooms-hero-copy-v280 small{font-size:12px!important;line-height:1.25!important;margin-top:4px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important;}
  body.app-body .rooms-hero-copy-v280 span{display:inline-flex!important;height:30px!important;max-width:100%!important;padding:0 11px!important;margin-top:8px!important;border-radius:999px!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .rooms-hero-bubble-v280,body.app-body .rooms-hero-bubble-v308{display:none!important;}

  body.app-body .room-section-v280{width:100%!important;min-width:0!important;display:grid!important;gap:8px!important;margin:0 0 10px!important;overflow:visible!important;}
  body.app-body .room-section-head-v280,
  body.app-body .room-section-head-photo-v302{
    width:100%!important;min-width:0!important;min-height:82px!important;
    display:grid!important;grid-template-columns:70px minmax(0,1fr) 76px!important;gap:10px!important;align-items:center!important;
    padding:10px 10px!important;border-radius:24px!important;
    background:rgba(255,255,255,.94)!important;border:1px solid rgba(211,220,235,.9)!important;
    box-shadow:0 14px 31px rgba(15,23,42,.06)!important;overflow:hidden!important;cursor:pointer!important;
  }
  body.app-body .room-section-head-v280:hover{border-color:rgba(59,130,246,.35)!important;box-shadow:0 18px 38px rgba(29,115,248,.1)!important;}
  body.app-body .room-section-head-v280:before{top:15px!important;bottom:15px!important;width:4px!important;border-radius:999px!important;}
  body.app-body .room-section-icon-v280,
  body.app-body .room-section-photo-v302{width:64px!important;height:58px!important;min-width:64px!important;border-radius:19px!important;overflow:hidden!important;}
  body.app-body .room-section-photo-v302 img{width:100%!important;height:100%!important;object-fit:cover!important;}
  body.app-body .room-section-copy-v280{min-width:0!important;overflow:hidden!important;}
  body.app-body .room-section-copy-v280 b{font-size:15px!important;line-height:1.08!important;font-weight:1000!important;letter-spacing:-.02em!important;color:#07142b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  body.app-body .room-section-copy-v280 small{font-size:11px!important;line-height:1.16!important;font-weight:800!important;color:#5c687a!important;margin-top:3px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important;max-width:100%!important;}
  body.app-body .room-section-copy-v280 em{display:none!important;}
  body.app-body .room-section-actions-v302,
  body.app-body .room-section-meta-v280{width:76px!important;min-width:76px!important;max-width:76px!important;display:grid!important;grid-template-columns:1fr!important;justify-items:end!important;align-items:center!important;gap:5px!important;}
  body.app-body .room-section-meta-v280 i,
  body.app-body .room-section-meta-v280 strong{min-width:28px!important;width:auto!important;height:26px!important;padding:0 7px!important;border-radius:12px!important;font-size:11px!important;}
  body.app-body .room-section-fav-v302{display:none!important;}
  body.app-body .room-section-open-v302{display:none!important;}
  body.app-body .room-section-chevron-v280{width:30px!important;height:30px!important;border-radius:13px!important;font-size:15px!important;}
  body.app-body .room-section-body-v280{display:grid!important;gap:8px!important;margin:0 0 0 8px!important;padding-left:8px!important;border-left:3px solid rgba(29,115,248,.12)!important;overflow:visible!important;}

  body.app-body .room-card.premium-room-card-v280,
  body.app-body .room-card-photo-v282{
    width:100%!important;min-width:0!important;min-height:74px!important;
    display:grid!important;grid-template-columns:58px minmax(0,1fr) 82px!important;gap:10px!important;align-items:center!important;
    padding:9px 10px!important;border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;border:1px solid rgba(211,220,235,.88)!important;
    box-shadow:0 12px 26px rgba(15,23,42,.055)!important;overflow:hidden!important;cursor:pointer!important;
  }
  body.app-body .room-card.premium-room-card-v280:hover,
  body.app-body .room-card.premium-room-card-v280.active{background:#fff!important;border-color:rgba(59,130,246,.42)!important;box-shadow:0 18px 36px rgba(29,115,248,.1)!important;}
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282{width:54px!important;height:48px!important;min-width:54px!important;border-radius:16px!important;overflow:hidden!important;}
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282 img{width:100%!important;height:100%!important;object-fit:cover!important;}
  body.app-body .room-card-copy{min-width:0!important;overflow:hidden!important;}
  body.app-body .room-card-copy b{font-size:14px!important;line-height:1.08!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  body.app-body .room-card-copy small{font-size:11px!important;line-height:1.14!important;font-weight:800!important;color:#5f6c7e!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  body.app-body .room-card-copy em{display:none!important;}
  body.app-body .premium-room-actions-v280{width:82px!important;min-width:82px!important;max-width:82px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;justify-items:end!important;}
  body.app-body .premium-room-actions-v280 .room-star{width:30px!important;height:30px!important;min-width:30px!important;border-radius:13px!important;display:grid!important;place-items:center!important;}
  body.app-body .premium-room-actions-v280 .room-open{height:32px!important;max-width:48px!important;padding:0 9px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:0!important;background:#06132b!important;color:#fff!important;box-shadow:0 10px 21px rgba(6,19,43,.16)!important;overflow:hidden!important;}
  body.app-body .premium-room-actions-v280 .room-open:before{content:"Open";font-size:10.5px!important;font-weight:1000!important;}
  html[lang="pl"] body.app-body .premium-room-actions-v280 .room-open:before{content:"Otwórz";}
  body.app-body .room-activity-badge{position:absolute!important;right:74px!important;top:8px!important;min-width:21px!important;height:21px!important;font-size:10px!important;}

  /* Chat workspace */
  body.app-body .chat-panel{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.55))!important;border-right:1px solid rgba(211,220,235,.82)!important;min-width:0!important;}
  body.app-body .chat-header{height:58px!important;min-height:58px!important;padding:9px 16px!important;background:rgba(255,255,255,.86)!important;border-bottom:1px solid rgba(211,220,235,.82)!important;}
  body.app-body .chat-header img{width:40px!important;height:40px!important;border-radius:15px!important;}
  body.app-body .chat-title b{font-size:15px!important;font-weight:1000!important;}
  body.app-body .chat-title small{font-size:11px!important;font-weight:800!important;color:#6d798d!important;}
  body.app-body .round-action{width:38px!important;height:38px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(211,220,235,.92)!important;box-shadow:0 9px 20px rgba(15,23,42,.055)!important;}
  body.app-body .messages{background:radial-gradient(circle at 50% 38%,rgba(29,115,248,.06),transparent 32%),radial-gradient(circle at 74% 85%,rgba(255,40,90,.085),transparent 27%)!important;}
  body.app-body .message.me{box-shadow:0 10px 24px rgba(29,115,248,.12)!important;}
  body.app-body .composer{height:56px!important;min-height:56px!important;padding:8px 14px!important;background:rgba(255,255,255,.92)!important;border-top:1px solid rgba(211,220,235,.82)!important;}
  body.app-body .composer input[name="body"]{height:38px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(211,220,235,.92)!important;padding:0 15px!important;}
  body.app-body .attach-btn,body.app-body .emoji-btn,body.app-body .mic-btn,body.app-body .send-btn{width:38px!important;height:38px!important;border-radius:16px!important;}

  /* Right profile */
  body.app-body .info-panel{padding:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(249,251,255,.86))!important;overflow-y:auto!important;overflow-x:hidden!important;}
  body.app-body .profile-card{border-radius:28px!important;padding:20px 14px 14px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border:1px solid rgba(211,220,235,.92)!important;box-shadow:0 18px 44px rgba(15,23,42,.075)!important;}
  body.app-body .profile-card img{width:78px!important;height:78px!important;border-radius:28px!important;box-shadow:0 16px 34px rgba(15,23,42,.1)!important;}
  body.app-body .profile-card h2{font-size:18px!important;margin-top:10px!important;}
  body.app-body .profile-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-top:14px!important;}
  body.app-body .profile-actions button{min-width:0!important;height:56px!important;border-radius:18px!important;background:#f7faff!important;border:1px solid rgba(211,220,235,.85)!important;cursor:pointer!important;font-weight:950!important;color:#22324a!important;}
  body.app-body .profile-actions button:hover{background:#eef6ff!important;color:#0f57c6!important;}
  body.app-body .profile-actions button span{display:block!important;margin-top:3px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .info-section{border-top:1px solid rgba(211,220,235,.82)!important;padding-top:16px!important;margin-top:16px!important;}
  body.app-body .info-section header{align-items:center!important;}
  body.app-body .info-section h3{font-size:13px!important;font-weight:1000!important;color:#07142b!important;}
  body.app-body #seeAllMedia{font-size:12px!important;font-weight:1000!important;color:#1d73f8!important;background:transparent!important;border:0!important;cursor:pointer!important;}
  body.app-body .media-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
  body.app-body .media-grid img,body.app-body .media-grid video{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:16px!important;}
  body.app-body .trust-strip{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  body.app-body .trust-strip span{font-size:10.5px!important;font-weight:900!important;border-radius:999px!important;background:#f4f7fb!important;border:1px solid rgba(211,220,235,.75)!important;padding:7px 9px!important;color:#4c596d!important;}

  body.app-body .bottom-nav{display:none!important;}
}

@media (min-width:981px) and (max-width:1280px){
  body.app-body .app-shell{width:calc(100vw - 24px)!important;height:calc(100dvh - 28px)!important;margin:14px auto!important;grid-template-columns:88px minmax(336px,360px) minmax(0,1fr) 278px!important;border-radius:26px!important;}
  body.app-body .list-panel{padding-left:12px!important;padding-right:12px!important;}
  body.app-body .panel-header h1{font-size:27px!important;}
  body.app-body .home-quick-row-2026{grid-template-columns:minmax(0,1fr)!important;}
  body.app-body .home-language-row-2026{height:44px!important;}
  body.app-body .language-switch-pill{height:44px!important;}
  body.app-body .chat-item{grid-template-columns:48px minmax(0,1fr) 46px!important;gap:9px!important;}
  body.app-body .chat-meta{width:46px!important;min-width:46px!important;}
  body.app-body .rooms-hero-v280,body.app-body .rooms-hero-v280.rooms-project-hero-v308{grid-template-columns:58px minmax(0,1fr)!important;min-height:110px!important;padding:13px!important;}
  body.app-body .rooms-hero-art-v280,body.app-body .rooms-project-hero-v308 .rooms-hero-art-v280{width:56px!important;height:56px!important;min-width:56px!important;}
  body.app-body .room-section-head-v280,body.app-body .room-section-head-photo-v302{grid-template-columns:58px minmax(0,1fr) 54px!important;gap:8px!important;min-height:76px!important;}
  body.app-body .room-section-icon-v280,body.app-body .room-section-photo-v302{width:54px!important;height:50px!important;min-width:54px!important;}
  body.app-body .room-section-actions-v302,body.app-body .room-section-meta-v280{width:54px!important;min-width:54px!important;max-width:54px!important;}
  body.app-body .room-section-meta-v280 strong{display:none!important;}
  body.app-body .room-card.premium-room-card-v280,body.app-body .room-card-photo-v282{grid-template-columns:50px minmax(0,1fr) 52px!important;gap:8px!important;}
  body.app-body .premium-room-actions-v280{width:52px!important;min-width:52px!important;max-width:52px!important;grid-template-columns:1fr!important;}
  body.app-body .premium-room-actions-v280 .room-star{display:none!important;}
  body.app-body .premium-room-actions-v280 .room-open{max-width:52px!important;}
}


/* === RedsBlack Chat v3.2.7 — restore clear video + voice call buttons === */
#chatHeaderVideoBtn,
#chatHeaderCallBtn{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}
#chatHeaderVideoBtn .rb-action-svg,
#chatHeaderCallBtn .rb-action-svg,
#chatHeaderMoreBtn .rb-action-svg{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  pointer-events:none;
}
#chatHeaderVideoBtn svg,
#chatHeaderCallBtn svg,
#chatHeaderMoreBtn svg{
  width:22px;
  height:22px;
  display:block;
  pointer-events:none;
}
#chatHeaderVideoBtn{
  color:#145cff!important;
  background:linear-gradient(180deg,#ffffff,#f4f8ff)!important;
}
#chatHeaderCallBtn{
  color:#0a7f4f!important;
  background:linear-gradient(180deg,#ffffff,#f2fff8)!important;
}
#chatHeaderMoreBtn{
  color:#526173!important;
}
#chatHeaderVideoBtn:hover,
#chatHeaderCallBtn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(15,23,42,.12)!important;
}
#chatHeaderVideoBtn.active-call,
#chatHeaderVideoBtn.active-video-call{
  color:#fff!important;
  background:linear-gradient(135deg,#1d73f8,#22c55e)!important;
}
#chatHeaderCallBtn.active-call{
  color:#fff!important;
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
}
.profile-actions [data-info-action="video"] .rb-profile-icon,
.profile-actions [data-info-action="call"] .rb-profile-icon{
  font-size:17px!important;
  line-height:1!important;
}
@media (max-width:980px){
  #chatHeaderVideoBtn .rb-action-svg,
  #chatHeaderCallBtn .rb-action-svg,
  #chatHeaderMoreBtn .rb-action-svg{width:21px;height:21px;}
  #chatHeaderVideoBtn svg,
  #chatHeaderCallBtn svg,
  #chatHeaderMoreBtn svg{width:21px;height:21px;}
}

/* === RedsBlack Chat v3.2.8 — admin-only stats shortcut + richer admin dashboard === */
.mobile-top-actions a.mini-round,
.rb-admin-quick-btn,
.rb-panel-admin-btn{
  text-decoration:none!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
}
.rb-admin-quick-btn svg,
.rb-panel-admin-btn svg{
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.05!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.panel-header-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
.rb-panel-admin-btn{
  color:#fff!important;
  background:linear-gradient(135deg,#07142b,#1d73f8)!important;
  border-color:rgba(29,115,248,.28)!important;
  box-shadow:0 12px 26px rgba(29,115,248,.20)!important;
}
.rb-panel-admin-btn:hover,
.rb-admin-quick-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 32px rgba(15,23,42,.16)!important;
}
@media (max-width:980px){
  .rb-panel-admin-btn{display:none!important;}
  .rb-admin-quick-btn{font-size:0!important;}
  .rb-admin-quick-btn svg{width:24px!important;height:24px!important;}
}

body.admin-body{
  min-height:100dvh;
  background:
    radial-gradient(circle at 6% 0%, rgba(255,40,90,.11), transparent 31%),
    radial-gradient(circle at 96% 4%, rgba(29,115,248,.16), transparent 34%),
    linear-gradient(135deg,#fff8fb 0%,#f7fbff 48%,#f2f8ff 100%)!important;
}
.rb-admin-v328{
  max-width:1440px!important;
  padding:30px 26px 44px!important;
}
.rb-admin-top-v328{
  padding:10px 0 4px!important;
}
.rb-admin-top-v328 .brand-mark{
  background:#fff!important;
  border:1px solid rgba(211,220,235,.9)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.rb-admin-top-actions-v328{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.rb-admin-hero-v328{
  margin:30px 0 18px!important;
  padding:28px!important;
  border:1px solid rgba(211,220,235,.86);
  border-radius:32px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,247,255,.86));
  box-shadow:0 26px 70px rgba(15,23,42,.10);
}
.rb-admin-kicker-v328{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:#fff0f3;
  color:#ff285a;
  border:1px solid rgba(255,40,90,.16);
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:12px;
}
.rb-admin-kicker-v328:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14);}
.rb-admin-hero-v328 h1{
  font-size:clamp(36px,4.5vw,62px)!important;
  letter-spacing:-.07em!important;
  line-height:.95!important;
  margin:0!important;
  color:#07142b!important;
}
.rb-admin-hero-v328 p{
  max-width:720px;
  font-size:16px;
  line-height:1.55;
  color:#667085!important;
  margin:12px 0 0!important;
}
.rb-admin-stat-grid-v328{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 14px!important;
}
.rb-admin-stat-grid-v328 article{
  min-height:122px;
  padding:18px!important;
  border-radius:26px!important;
  border:1px solid rgba(211,220,235,.88)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.075)!important;
  position:relative;
  overflow:hidden;
}
.rb-admin-stat-grid-main-v328 article:first-child{
  background:linear-gradient(145deg,#07142b,#13284d)!important;
  color:#fff!important;
}
.rb-admin-stat-grid-main-v328 article:first-child span,
.rb-admin-stat-grid-main-v328 article:first-child small{color:rgba(255,255,255,.72)!important;}
.rb-admin-stat-grid-v328 article:after{
  content:"";
  position:absolute;
  right:-32px;
  top:-38px;
  width:112px;
  height:112px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,115,248,.12),transparent 68%);
}
.rb-admin-stat-grid-v328 small{
  display:block;
  color:#6b7280;
  font-weight:1000;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.rb-admin-stat-grid-v328 b{
  margin-top:10px;
  font-size:40px!important;
  letter-spacing:-.055em;
  color:inherit;
}
.rb-admin-stat-grid-v328 span{
  font-size:13px;
  font-weight:850!important;
  color:#667085!important;
}
.rb-admin-split-v328{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:14px;
  align-items:start;
}
.rb-admin-card-v328{
  border-radius:28px!important;
  border:1px solid rgba(211,220,235,.88)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 22px 58px rgba(15,23,42,.085)!important;
  padding:18px!important;
}
.rb-admin-card-head-v328{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}
.rb-admin-card-head-v328 h2{
  margin:0!important;
  font-size:21px;
  letter-spacing:-.04em;
  color:#07142b;
}
.rb-admin-card-head-v328 p{
  margin:5px 0 0;
  color:#6b7280;
  font-size:13px;
  font-weight:750;
}
.rb-admin-table-v328{
  font-size:13px!important;
}
.rb-admin-table-v328 th{
  color:#667085;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:1000;
  background:#f8fbff;
  position:sticky;
  top:0;
  z-index:1;
}
.rb-admin-table-v328 td,
.rb-admin-table-v328 th{
  border-bottom:1px solid rgba(226,232,240,.92)!important;
  padding:11px 10px!important;
}
.rb-admin-table-v328 td small{
  display:block;
  color:#8a96aa;
  margin-top:3px;
  font-size:11px;
  font-weight:800;
}
.rb-admin-pill-v328{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 9px;
  border-radius:999px;
  background:#f3f6fb;
  color:#516071;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
}
.rb-admin-pill-v328.green{background:#eafff4;color:#0a7f4f;box-shadow:0 0 0 1px rgba(34,197,94,.15) inset;}
.rb-admin-pill-v328.blue{background:#eef6ff;color:#0f57c6;box-shadow:0 0 0 1px rgba(29,115,248,.14) inset;}
.rb-admin-pill-v328.red{background:#fff0f3;color:#ff285a;box-shadow:0 0 0 1px rgba(255,40,90,.14) inset;}
.rb-admin-shield-v328{
  display:inline-flex;
  margin-left:6px;
  vertical-align:middle;
  border-radius:999px;
  padding:3px 7px;
  background:#07142b;
  color:#fff;
  font-size:10px;
  font-weight:1000;
}
.rb-admin-v328 .small-btn{
  border-radius:999px!important;
  padding:8px 12px!important;
  font-size:12px!important;
  background:#eef6ff!important;
  color:#0f57c6!important;
  border:1px solid rgba(29,115,248,.12)!important;
}
.rb-admin-v328 .muted{color:#7b8798!important;font-weight:750;}
@media (max-width:1100px){
  .rb-admin-stat-grid-v328{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .rb-admin-split-v328{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .rb-admin-v328{padding:14px 12px 28px!important;}
  .rb-admin-top-v328{align-items:flex-start!important;}
  .rb-admin-top-actions-v328{width:100%;justify-content:stretch;}
  .rb-admin-top-actions-v328 .btn{flex:1;text-align:center;justify-content:center;}
  .rb-admin-hero-v328{padding:20px!important;border-radius:24px!important;margin-top:16px!important;}
  .rb-admin-stat-grid-v328{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .rb-admin-stat-grid-v328 article{min-height:104px;padding:14px!important;border-radius:22px!important;}
  .rb-admin-stat-grid-v328 b{font-size:30px!important;}
  .rb-admin-card-v328{border-radius:22px!important;padding:13px!important;}
  .rb-admin-table-v328{font-size:12px!important;}
}

/* === RedsBlack Chat v3.2.9 — Polish admin dashboard + live online badge === */
.rb-admin-live-count-btn,
.rb-admin-panel-live-btn{
  position:relative!important;
  overflow:visible!important;
}
.rb-admin-online-count{
  position:absolute!important;
  top:-7px!important;
  right:-7px!important;
  min-width:23px!important;
  height:23px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#07142b!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 10px 22px rgba(15,23,42,.22)!important;
  font-size:11px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  pointer-events:none!important;
  z-index:5!important;
}
.rb-admin-online-dot{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#22c55e!important;
  border:2px solid #fff!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.16)!important;
  pointer-events:none!important;
}
.rb-panel-admin-btn.rb-admin-panel-live-btn{
  width:auto!important;
  min-width:104px!important;
  padding:0 12px!important;
  gap:8px!important;
  border-radius:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.rb-panel-admin-btn.rb-admin-panel-live-btn svg{
  flex:0 0 auto!important;
}
.rb-admin-panel-online-copy{
  display:flex!important;
  align-items:baseline!important;
  gap:4px!important;
  color:#fff!important;
  font-weight:1000!important;
  line-height:1!important;
  pointer-events:none!important;
}
.rb-admin-panel-online-copy b{
  font-size:15px!important;
  letter-spacing:-.04em!important;
}
.rb-admin-panel-online-copy em{
  font-style:normal!important;
  font-size:10px!important;
  opacity:.78!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
@media (max-width:980px){
  .rb-admin-panel-live-btn{display:none!important;}
  .rb-admin-live-count-btn .rb-admin-online-count{top:-5px!important;right:-5px!important;}
}


/* === v3.3.4 — Android mobile media flicker stabilizer ===
   Keeps previous media size, but stops GPU/reflow shaking when opening chats that
   already contain photos/videos. */
@media (max-width:980px){
  body.rbc-chat-open.rbc-has-chat-media .messages,
  body.rbc-mobile.rbc-chat-open.rbc-has-chat-media .messages,
  .app-shell.chat-open .messages{
    overflow-anchor:none!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.rbc-mobile.rbc-chat-open.rbc-has-chat-media .messages{
    background:#f8fbff!important;
  }

  body.rbc-mobile.rbc-chat-open.rbc-has-chat-media .msg-bubble{
    box-shadow:0 4px 14px rgba(20,40,80,.07)!important;
  }

  body.rbc-chat-open .msg-media,
  .app-shell.chat-open .msg-media{
    contain:layout paint!important;
    transform:translateZ(0);
    backface-visibility:hidden;
  }

  body.rbc-chat-open .msg-media img,
  body.rbc-chat-open .msg-media video,
  .app-shell.chat-open .msg-media img,
  .app-shell.chat-open .msg-media video{
    width:100%!important;
    max-width:min(340px,78vw)!important;
    height:auto!important;
    border-radius:16px!important;
    object-fit:contain!important;
    transform:translateZ(0);
    backface-visibility:hidden;
  }

  body.rbc-chat-open .msg-media video,
  .app-shell.chat-open .msg-media video{
    max-height:min(58vh,430px)!important;
    background:#020617!important;
  }
}


/* === v3.3.4 — stop Android chat-panel repaint while media decodes === */
@media (max-width:980px){
  body.rbc-chat-open .chat-panel,
  .app-shell.chat-open .chat-panel{
    transition:none!important;
    will-change:auto!important;
    contain:layout paint!important;
  }
  body.rbc-chat-open .messages,
  .app-shell.chat-open .messages{
    overflow-anchor:none!important;
    overscroll-behavior:contain!important;
  }
  body.rbc-chat-open .msg-media img,
  body.rbc-chat-open .msg-media video,
  .app-shell.chat-open .msg-media img,
  .app-shell.chat-open .msg-media video{
    content-visibility:visible!important;
  }
}


/* === v3.3.5 — stable chat media frame, no full-page desktop stretch ===
   Images/videos are rendered inside a fixed-size frame using a small thumbnail for
   the chat view. The original opens/downloads from the ⋯ menu or preview. */
.msg-media.msg-media-image,
.msg-media.msg-media-video{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  width:min(340px, 100%)!important;
  max-width:340px!important;
  aspect-ratio:var(--rbc-media-ratio, 4/5)!important;
  border-radius:16px!important;
  background:#07111f!important;
  contain:layout paint!important;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.msg-media.msg-media-video{aspect-ratio:var(--rbc-media-ratio, 16/9)!important;background:#020617!important;}
.msg-media.msg-media-image img,
.msg-media.msg-media-video video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
}
.msg-media.msg-media-image .media-more-btn,
.msg-media.msg-media-video .media-more-btn{z-index:4!important;}

@media (min-width:981px){
  .msg-media.msg-media-image,
  .msg-media.msg-media-video{
    width:340px!important;
    max-width:340px!important;
  }
  .msg.mine .msg-media.msg-media-image,
  .msg.mine .msg-media.msg-media-video{
    margin-left:auto!important;
  }
}

@media (max-width:980px){
  .msg-media.msg-media-image,
  .msg-media.msg-media-video{
    width:min(78vw, 340px)!important;
    max-width:min(78vw, 340px)!important;
  }
  .msg{max-width:88%!important;}
  body.rbc-chat-open .chat-panel,
  .app-shell.chat-open .chat-panel{
    transition:none!important;
    contain:layout paint!important;
  }
  body.rbc-chat-open .messages,
  .app-shell.chat-open .messages{
    overflow-anchor:none!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* === v3.3.7 — video playback + WhatsApp-like photo albums === */
.msg-media.msg-media-video{
  aspect-ratio:var(--rbc-media-ratio, 9/16)!important;
  width:min(320px, 100%)!important;
  max-width:320px!important;
  min-height:220px!important;
}
.msg-media.msg-media-video video{
  pointer-events:auto!important;
  background:#020617!important;
}
.video-play-overlay{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  width:58px!important;
  height:58px!important;
  border:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.88)!important;
  color:#0f57c6!important;
  font-size:24px!important;
  font-weight:1000!important;
  box-shadow:0 16px 36px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.msg-media.msg-media-video.is-playing .video-play-overlay{display:none!important;}
@media (max-width:980px){
  .msg-media.msg-media-video{
    width:min(78vw, 320px)!important;
    max-width:min(78vw, 320px)!important;
    min-height:260px!important;
    max-height:62dvh!important;
  }
}

.msg-media-album{
  display:grid!important;
  gap:4px!important;
  width:min(340px,100%)!important;
  max-width:340px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#07111f!important;
  contain:layout paint!important;
  transform:translateZ(0);
}
.msg-media-album.album-count-two{grid-template-columns:repeat(2,1fr)!important;}
.msg-media-album.album-count-three,
.msg-media-album.album-count-four{grid-template-columns:repeat(2,1fr)!important;}
.msg-media-album .album-cell{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:#020617!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.msg-media-album .album-cell img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:0!important;
  display:block!important;
}
.album-more-count{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(2,6,23,.58)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:1000!important;
  text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
}
.msg.mine .msg-media-album{margin-left:auto!important;}
@media (max-width:980px){
  .msg-media-album{
    width:min(78vw,340px)!important;
    max-width:min(78vw,340px)!important;
  }
}
.album-preview-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(2,6,23,.88)!important;
  padding:18px!important;
}
.album-preview-backdrop.hidden{display:none!important;}
.album-preview-stage{
  position:relative!important;
  width:min(920px,100%)!important;
  height:min(82dvh,760px)!important;
  display:grid!important;
  place-items:center!important;
}
.album-preview-stage img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:18px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.4)!important;
}
.album-preview-close,
.album-preview-nav{
  position:absolute!important;
  z-index:2!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.9)!important;
  color:#111827!important;
  box-shadow:0 14px 34px rgba(0,0,0,.25)!important;
}
.album-preview-close{top:8px!important;right:8px!important;width:42px!important;height:42px!important;font-size:26px!important;}
.album-preview-nav{top:50%!important;transform:translateY(-50%)!important;width:46px!important;height:46px!important;font-size:34px!important;}
.album-preview-prev{left:8px!important;}
.album-preview-next{right:8px!important;}
.album-preview-nav.is-disabled{opacity:.35!important;}
.album-preview-count{
  position:absolute!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  background:rgba(255,255,255,.9)!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:900!important;
}


/* === v3.3.9 — hard clamp photo albums/video so mobile cannot create horizontal page overflow ===
   v3.3.7 added album markup, but old cached CSS could let the album grid stretch the
   chat wider than the viewport. These final overrides make the bubble, grid and cells
   shrink correctly on Android and keep the WhatsApp-like 2x2 preview. */
html, body.app-body{
  overflow-x:hidden!important;
  max-width:100vw!important;
}
body.app-body .app-shell,
body.app-body .chat-panel,
body.app-body .messages,
body.app-body .composer{
  min-width:0!important;
  max-width:100vw!important;
  box-sizing:border-box!important;
}
body.app-body .messages{
  overflow-x:hidden!important;
}
body.app-body .msg,
body.app-body .msg-bubble{
  min-width:0!important;
  box-sizing:border-box!important;
}
body.app-body .msg.has-album{
  max-width:min(88%, 372px)!important;
}
body.app-body .msg.has-album .msg-bubble{
  padding:6px!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body.app-body .msg-media-album{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;
  width:min(320px, 76vw)!important;
  max-width:100%!important;
  min-width:0!important;
  aspect-ratio:1/1!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#07111f!important;
  contain:layout paint!important;
  box-sizing:border-box!important;
}
body.app-body .msg-media-album.album-count-one{
  grid-template-columns:1fr!important;
}
body.app-body .msg-media-album.album-count-two,
body.app-body .msg-media-album.album-count-three,
body.app-body .msg-media-album.album-count-four{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.app-body .msg-media-album .album-cell{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#020617!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.app-body .msg-media-album .album-cell img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:0!important;
  transform:none!important;
}
body.app-body .msg.mine.has-album .msg-media-album{
  margin-left:auto!important;
}
body.app-body .msg-media.msg-media-video{
  width:min(320px, 76vw)!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.app-body .msg-media.msg-media-video video{
  object-fit:contain!important;
  width:100%!important;
  height:100%!important;
}
@media (max-width:980px){
  body.app-body .msg{
    max-width:88%!important;
  }
  body.app-body .msg.has-album{
    max-width:min(88vw, 344px)!important;
  }
  body.app-body .msg.has-album .msg-bubble{
    max-width:min(88vw, 344px)!important;
  }
  body.app-body .msg-media-album{
    width:min(78vw, 320px)!important;
    max-width:calc(100vw - 34px)!important;
  }
  body.app-body .msg-media.msg-media-video{
    width:min(78vw, 320px)!important;
    max-width:calc(100vw - 34px)!important;
  }
}
@media (max-width:430px){
  body.app-body .msg.has-album{
    max-width:min(88vw, 330px)!important;
  }
  body.app-body .msg.has-album .msg-bubble{
    max-width:min(88vw, 330px)!important;
  }
  body.app-body .msg-media-album{
    width:min(76vw, 310px)!important;
  }
}


/* === v3.3.9 — album emergency guard: never let image albums widen the chat viewport === */
body.app-body .msg.has-album,
body.app-body .msg.has-album *{
  box-sizing:border-box!important;
}
body.app-body .msg.has-album{
  min-width:0!important;
  max-width:min(88vw, 360px)!important;
  overflow:visible!important;
}
body.app-body .msg.has-album .msg-bubble{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body.app-body .msg.has-album .msg-media-album{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  width:min(320px, 76vw)!important;
  max-width:100%!important;
  min-width:0!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
}
body.app-body .msg.has-album .album-cell,
body.app-body .msg.has-album .album-cell img{
  min-width:0!important;
  max-width:none!important;
}
@media (min-width:981px){
  body.app-body .msg.has-album{max-width:372px!important;}
  body.app-body .msg.has-album .msg-media-album{width:320px!important;}
}
@media (max-width:430px){
  body.app-body .msg.has-album{max-width:min(88vw, 336px)!important;}
  body.app-body .msg.has-album .msg-media-album{width:min(76vw, 310px)!important;}
}

/* === v3.4.0 — Android-safe image preview / album viewer ===
   Do not let the preview use dynamic viewport units or decode original camera photos while visible.
   The JS locks preview height on open and swaps a decoded thumbnail into the visible image once. */
.image-preview-backdrop,
.album-preview-backdrop{
  height:var(--rbc-preview-h, 100vh)!important;
  min-height:var(--rbc-preview-h, 100vh)!important;
  max-height:var(--rbc-preview-h, 100vh)!important;
  overflow:hidden!important;
  contain:layout paint!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:auto!important;
}
.image-preview-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(2,6,23,.92)!important;
  padding:14px!important;
}
.image-preview-backdrop.hidden,
.album-preview-backdrop.hidden{display:none!important;}
.image-preview-stage,
.album-preview-stage{
  position:relative!important;
  width:min(100%, 980px)!important;
  height:calc(var(--rbc-preview-h, 100vh) - 32px)!important;
  max-height:calc(var(--rbc-preview-h, 100vh) - 32px)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.image-preview-stage img,
.album-preview-stage img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:16px!important;
  box-shadow:none!important;
  transform:none!important;
  backface-visibility:hidden!important;
  will-change:auto!important;
  background:#020617!important;
}
.image-preview-stage img.is-loading,
.album-preview-stage img.is-loading{
  opacity:.92!important;
}
.image-preview-loader,
.album-preview-loader{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  background:rgba(255,255,255,.88)!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:800!important;
  opacity:0!important;
  transition:none!important;
}
.image-preview-stage img.is-loading + .image-preview-loader,
.album-preview-stage img.is-loading + .album-preview-loader{opacity:1!important;}
.image-preview-stage button{
  position:absolute!important;
  right:10px!important;
  top:10px!important;
  z-index:4!important;
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#111827!important;
  font-size:26px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
}
.album-preview-close,
.album-preview-nav,
.album-preview-count{
  transition:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media (max-width:980px){
  .image-preview-backdrop,
  .album-preview-backdrop{padding:10px!important;}
  .image-preview-stage,
  .album-preview-stage{
    height:calc(var(--rbc-preview-h, 100vh) - 20px)!important;
    max-height:calc(var(--rbc-preview-h, 100vh) - 20px)!important;
  }
  .album-preview-prev{left:6px!important;}
  .album-preview-next{right:6px!important;}
}

/* =========================================================
   RedsBlack Chat v3.5.0 — Clean Messenger visual patch
   Scope: visual cleanup only. No backend, push, WebRTC, calls,
   media upload or message logic changes.
   Direction: professional messenger / light-first UI.
   ========================================================= */
@media (max-width:980px){
  :root{
    --rbc-clean-bg:#f5f7fb;
    --rbc-clean-card:#ffffff;
    --rbc-clean-card-2:#f9fbff;
    --rbc-clean-text:#0f172a;
    --rbc-clean-muted:#64748b;
    --rbc-clean-line:#dde5f0;
    --rbc-clean-red:#ef3152;
    --rbc-clean-blue:#2563eb;
    --rbc-clean-green:#18b66a;
    --rbc-clean-shadow:0 10px 26px rgba(15,23,42,.075);
    --rbc-clean-soft-shadow:0 6px 18px rgba(15,23,42,.055);
    --rbc-clean-nav-h:64px;
  }

  html:not([data-rbc-theme="dark"]) body.app-body,
  html:not([data-rbc-theme="dark"]) body.app-body .app-shell,
  html:not([data-rbc-theme="dark"]) body.app-body .list-panel{
    background:var(--rbc-clean-bg)!important;
    color:var(--rbc-clean-text)!important;
  }

  body.app-body .app-shell{
    background:var(--rbc-clean-bg)!important;
  }

  body.app-body .list-panel{
    padding:10px 14px calc(var(--rbc-clean-nav-h) + 28px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Top bar: less promo, more messenger. */
  body.app-body .mobile-app-top.rb-mobile-top-2026{
    min-height:46px!important;
    margin:0 0 10px!important;
    padding:0!important;
    align-items:center!important;
  }
  body.app-body .mobile-brand{
    min-width:0!important;
    gap:9px!important;
    font-size:18px!important;
    letter-spacing:-.035em!important;
  }
  body.app-body .mobile-brand .brand-mark{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
    color:var(--rbc-clean-red)!important;
  }
  body.app-body .mobile-brand .brand-mark:before,
  body.app-body .mobile-brand .brand-mark:after{
    display:none!important;
    content:none!important;
  }
  body.app-body .mobile-brand .brand-copy{
    min-width:0!important;
    display:block!important;
  }
  body.app-body .mobile-brand b{
    display:block!important;
    font-size:18px!important;
    line-height:1.05!important;
    color:var(--rbc-clean-text)!important;
    white-space:nowrap!important;
  }
  body.app-body .mobile-brand em{
    color:var(--rbc-clean-red)!important;
  }
  body.app-body .mobile-brand small{
    display:block!important;
    max-width:190px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:750!important;
    color:var(--rbc-clean-muted)!important;
  }
  body.app-body .mobile-top-actions{
    gap:8px!important;
    flex:0 0 auto!important;
  }
  body.app-body .mini-round,
  body.app-body .theme-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
    color:var(--rbc-clean-text)!important;
    font-size:19px!important;
  }
  body.app-body .mini-round.red,
  body.app-body .rb-admin-quick-btn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid rgba(239,49,82,.25)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
    color:var(--rbc-clean-red)!important;
  }
  body.app-body .rb-admin-quick-btn svg{
    width:20px!important;
    height:20px!important;
    stroke:currentColor!important;
  }
  body.app-body .rb-admin-online-dot{
    width:7px!important;
    height:7px!important;
    right:5px!important;
    bottom:5px!important;
    border:2px solid #fff!important;
  }
  body.app-body .rb-admin-online-count{
    top:-5px!important;
    right:-5px!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    padding:0!important;
    border-radius:999px!important;
    font-size:10px!important;
    background:var(--rbc-clean-text)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  /* Page title: stop oversized poster look. */
  body.app-body .panel-header{
    margin:4px 0 10px!important;
    align-items:center!important;
  }
  body.app-body .panel-header h1{
    font-size:32px!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    margin:0!important;
    color:var(--rbc-clean-text)!important;
    font-weight:950!important;
  }
  body.app-body .panel-header p{
    font-size:13px!important;
    line-height:1.25!important;
    margin:4px 0 0!important;
    color:var(--rbc-clean-muted)!important;
    font-weight:780!important;
  }
  body.app-body .panel-header p:before{
    content:none!important;
    display:none!important;
  }
  body.app-body .visual-lock-badge{
    display:none!important;
  }
  body.app-body .panel-header-actions{
    gap:7px!important;
    align-items:center!important;
  }
  body.app-body .panel-header-actions .rb-panel-admin-btn{
    display:none!important;
  }
  body.app-body #refreshBtn.icon-btn{
    position:static!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
    color:var(--rbc-clean-blue)!important;
    font-size:20px!important;
  }

  /* Compact status card: profile information should not dominate chat list. */
  body.app-body .home-status-card-2026,
  body.app-body .app-shell.is-chats-view .home-status-card-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:76px!important;
    margin:0 0 10px!important;
    padding:10px 12px!important;
    border-radius:20px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
    overflow:hidden!important;
  }
  body.app-body .home-status-card-2026:before,
  body.app-body .home-status-card-2026:after{
    display:none!important;
    content:none!important;
  }
  body.app-body .home-status-avatar-2026,
  body.app-body .home-status-avatar-2026 img,
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026,
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026 img{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:50%!important;
  }
  body.app-body .home-status-avatar-2026 img{
    border:2px solid #fff!important;
    box-shadow:none!important;
  }
  body.app-body .home-status-avatar-2026 i,
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026 i,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026 i{
    width:15px!important;
    height:15px!important;
    right:0!important;
    bottom:2px!important;
    border:2px solid #fff!important;
    background:var(--rbc-clean-green)!important;
  }
  body.app-body .home-status-main-2026{
    min-width:0!important;
    align-self:center!important;
  }
  body.app-body .home-status-main-2026 h2,
  body.app-body .app-shell.is-chats-view .home-status-main-2026 h2,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-main-2026 h2{
    font-size:20px!important;
    line-height:1.05!important;
    margin:0 0 5px!important;
    color:var(--rbc-clean-text)!important;
    letter-spacing:-.035em!important;
  }
  body.app-body .home-status-message-2026,
  body.app-body .app-shell.is-chats-view .home-status-message-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-message-2026{
    min-height:32px!important;
    height:32px!important;
    max-width:100%!important;
    padding:0 10px!important;
    border-radius:14px!important;
    background:var(--rbc-clean-card-2)!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:none!important;
    color:var(--rbc-clean-text)!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  body.app-body .home-status-message-2026 span{
    color:var(--rbc-clean-text)!important;
    -webkit-text-fill-color:currentColor!important;
  }
  body.app-body .home-status-message-2026 em{
    color:var(--rbc-clean-muted)!important;
  }
  body.app-body .home-status-state-2026,
  body.app-body .app-shell.is-chats-view .home-status-state-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-state-2026{
    margin-top:6px!important;
    gap:7px!important;
  }
  body.app-body .home-status-state-2026 strong,
  body.app-body .app-shell.is-chats-view .home-status-state-2026 strong,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-state-2026 strong{
    height:24px!important;
    min-width:auto!important;
    padding:0 9px!important;
    border-radius:999px!important;
    border:1px solid rgba(24,182,106,.30)!important;
    background:#effcf6!important;
    color:#08774b!important;
    font-size:11px!important;
    box-shadow:none!important;
  }
  body.app-body .home-status-state-2026 span,
  body.app-body .app-shell.is-chats-view .home-status-state-2026 span,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-state-2026 span{
    font-size:12px!important;
    color:var(--rbc-clean-muted)!important;
    font-weight:800!important;
  }

  /* Search + language controls: compact, aligned, no candy glass. */
  body.app-body .home-quick-row-2026,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 142px!important;
    gap:8px!important;
    margin:0 0 10px!important;
  }
  body.app-body .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .search-wrap,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .search-wrap,
  body.app-body .search-wrap{
    height:46px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
  }
  body.app-body .search-icon,
  body.app-body .search-sliders{
    font-size:20px!important;
    color:var(--rbc-clean-muted)!important;
  }
  body.app-body .search-wrap input,
  body.app-body .home-quick-row-2026 .search-wrap input{
    font-size:14px!important;
    font-weight:750!important;
    color:var(--rbc-clean-text)!important;
  }
  body.app-body .search-wrap input::placeholder{
    color:#94a3b8!important;
  }
  body.app-body .home-language-row-2026,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026{
    min-height:46px!important;
    height:46px!important;
    margin:0!important;
    padding:0 8px!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
  }
  body.app-body .home-language-row-2026 .language-switch-pill,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .language-switch-pill,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .language-switch-pill{
    height:44px!important;
    min-height:44px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
  }
  body.app-body .home-language-row-2026 .status-icon,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-icon,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:50%!important;
    background:#f8fafc!important;
    box-shadow:none!important;
  }
  body.app-body .home-language-row-2026 .status-copy b,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .status-copy b,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .status-copy b{
    max-width:58px!important;
    font-size:12px!important;
    font-weight:900!important;
    color:var(--rbc-clean-text)!important;
  }
  body.app-body .home-language-row-2026 .status-copy small,
  body.app-body .home-translate-icon-2026{
    display:none!important;
  }
  body.app-body .home-language-row-2026 .language-switch-pill:after{
    content:"⌄"!important;
    font-size:14px!important;
    color:var(--rbc-clean-muted)!important;
    margin-left:4px!important;
  }

  /* Internal push/presence row should not take visual space on the front screen. */
  body.app-body .rbc-internal-status-row-2026{
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Filter chips. */
  body.app-body .tab-row{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:8px!important;
    margin:0 0 12px!important;
    padding:0!important;
  }
  body.app-body .chip{
    height:42px!important;
    border-radius:15px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
    color:#334155!important;
    font-size:14px!important;
    font-weight:900!important;
    padding:0 6px!important;
  }
  body.app-body .chip.active{
    background:var(--rbc-clean-red)!important;
    border-color:var(--rbc-clean-red)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(239,49,82,.20)!important;
  }

  /* Section labels. */
  body.app-body .recent-section-label-2026,
  body.app-body .inbox-section-label-v236{
    margin:4px 2px 8px!important;
    padding:0!important;
    gap:8px!important;
    font-size:11px!important;
    letter-spacing:.08em!important;
    color:#64748b!important;
    font-weight:950!important;
  }
  body.app-body .recent-section-label-2026 i,
  body.app-body .inbox-section-label-v236:before{
    width:8px!important;
    height:8px!important;
    background:var(--rbc-clean-red)!important;
    box-shadow:none!important;
  }

  /* Chat rows: simple messenger list, no heavy colored slabs. */
  body.app-body .chat-list,
  body.app-body .room-list{
    gap:8px!important;
    padding-bottom:10px!important;
  }
  body.app-body .chat-swipe-row{
    border-radius:18px!important;
  }
  body.app-body .chat-item,
  body.app-body .chat-list .chat-item,
  body.app-body .chat-list .chat-item:first-child,
  body.app-body .chat-item.has-private-activity,
  body.app-body .chat-item.is-suggestion,
  body.app-body .chat-item.has-unread{
    min-height:70px!important;
    grid-template-columns:48px minmax(0,1fr) 46px!important;
    gap:11px!important;
    padding:9px 11px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:0 5px 14px rgba(15,23,42,.045)!important;
    transform:none!important;
  }
  body.app-body .chat-item:before,
  body.app-body .chat-item:after{
    display:none!important;
    content:none!important;
  }
  body.app-body .chat-item.active,
  body.app-body .chat-item:hover{
    background:#f8fbff!important;
    border-color:#bfdbfe!important;
    box-shadow:0 8px 18px rgba(37,99,235,.075)!important;
  }
  body.app-body .chat-item.active{
    box-shadow:inset 3px 0 0 var(--rbc-clean-blue), 0 8px 18px rgba(37,99,235,.075)!important;
  }
  body.app-body .avatar-wrap,
  body.app-body .avatar-wrap img{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:50%!important;
  }
  body.app-body .avatar-wrap{
    box-shadow:none!important;
  }
  body.app-body .avatar-wrap img{
    border:2px solid #fff!important;
    box-shadow:none!important;
  }
  body.app-body .avatar-wrap .presence{
    width:13px!important;
    height:13px!important;
    right:0!important;
    bottom:0!important;
    border:2px solid #fff!important;
    box-shadow:none!important;
  }
  body.app-body .chat-list .chat-item b,
  body.app-body .chat-item b{
    max-width:100%!important;
    font-size:18px!important;
    line-height:1.08!important;
    font-weight:900!important;
    color:var(--rbc-clean-text)!important;
    letter-spacing:-.035em!important;
  }
  body.app-body .chat-list .chat-item small,
  body.app-body .chat-item small,
  body.app-body .chat-item.has-unread small,
  body.app-body .chat-list .chat-item:first-child small{
    max-width:100%!important;
    margin-top:4px!important;
    font-size:13px!important;
    line-height:1.16!important;
    color:var(--rbc-clean-muted)!important;
    font-weight:760!important;
  }
  body.app-body .chat-meta{
    width:46px!important;
    min-width:46px!important;
    text-align:right!important;
  }
  body.app-body .chat-item .chat-meta em{
    display:block!important;
    max-width:46px!important;
    font-size:11.5px!important;
    line-height:1.05!important;
    font-weight:850!important;
    color:#64748b!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em{
    color:var(--rbc-clean-red)!important;
  }
  body.app-body .private-unread-badge,
  body.app-body .badge.private-unread-badge,
  body.app-body .badge{
    min-width:19px!important;
    height:19px!important;
    margin-top:5px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:var(--rbc-clean-red)!important;
    border:0!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:10.5px!important;
  }

  /* Rooms: professional directory, fewer golden/slot-machine elements. */
  body.app-body .app-shell.is-rooms-view .panel-header h1{
    font-size:34px!important;
  }
  body.app-body .room-section-head-v280,
  body.app-body .room-section-v280.is-open .room-section-head-v280{
    min-height:72px!important;
    grid-template-columns:50px minmax(0,1fr) 54px!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:0 5px 14px rgba(15,23,42,.045)!important;
  }
  body.app-body .room-section-head-v280:before,
  body.app-body .room-section-head-v280:after{
    display:none!important;
    content:none!important;
  }
  body.app-body .room-section-icon-v280,
  body.app-body .room-section-v280.is-open .room-section-icon-v280,
  body.app-body .room-section-photo-v302,
  body.app-body .room-section-photo-v302 img{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:15px!important;
    box-shadow:none!important;
  }
  body.app-body .room-section-copy-v280 b,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 b{
    font-size:16.5px!important;
    line-height:1.08!important;
    color:var(--rbc-clean-text)!important;
    font-weight:920!important;
  }
  body.app-body .room-section-copy-v280 small,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 small{
    margin-top:3px!important;
    font-size:11.5px!important;
    line-height:1.18!important;
    color:var(--rbc-clean-muted)!important;
    font-weight:760!important;
  }
  body.app-body .room-section-copy-v280 em,
  body.app-body .room-section-v280.is-open .room-section-copy-v280 em{
    display:none!important;
  }
  body.app-body .room-section-meta-v280,
  body.app-body .room-section-v280.is-open .room-section-meta-v280{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    gap:5px!important;
  }
  body.app-body .room-section-meta-v280 strong,
  body.app-body .room-section-v280.is-open .room-section-meta-v280 strong,
  body.app-body .room-section-counts-v302 strong{
    min-width:24px!important;
    height:24px!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#475569!important;
    border:0!important;
    font-size:11px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }
  body.app-body .room-section-counts-v302 i,
  body.app-body .room-activity-badge{
    min-width:20px!important;
    width:auto!important;
    height:20px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:var(--rbc-clean-red)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:900!important;
  }
  body.app-body .room-section-fav-v302,
  body.app-body .room-section-open-v302{
    display:none!important;
  }
  body.app-body .room-section-chevron-v280{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    color:#475569!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:none!important;
  }
  body.app-body .room-section-v280.is-open .room-section-body-v280{
    margin-left:8px!important;
    padding-left:8px!important;
    border-left:1px solid #dbe5f2!important;
    gap:7px!important;
  }
  body.app-body .room-card.premium-room-card-v280,
  body.app-body .room-card.premium-room-card-v280.room-card-photo-v282,
  body.app-body .my-room-card-v285{
    min-height:70px!important;
    grid-template-columns:48px minmax(0,1fr) 40px!important;
    gap:9px!important;
    padding:8px 10px!important;
    border-radius:17px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:0 4px 12px rgba(15,23,42,.04)!important;
    border-left:1px solid var(--rbc-clean-line)!important;
  }
  body.app-body .room-card.premium-room-card-v280:before,
  body.app-body .room-card.premium-room-card-v280:after{
    display:none!important;
    content:none!important;
  }
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282,
  body.app-body .premium-room-icon-v280,
  body.app-body .room-card-photo-v282 .room-photo-thumb-v282 img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 b,
  body.app-body .premium-room-copy-v280 b{
    font-size:15px!important;
    line-height:1.08!important;
    color:var(--rbc-clean-text)!important;
    font-weight:900!important;
    letter-spacing:-.03em!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 small,
  body.app-body .premium-room-copy-v280 small{
    font-size:11px!important;
    line-height:1.15!important;
    color:var(--rbc-clean-muted)!important;
    font-weight:740!important;
    -webkit-line-clamp:1!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-copy-v280 em,
  body.app-body .premium-room-copy-v280 em{
    display:none!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280,
  body.app-body .premium-room-actions-v280{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    gap:0!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-star,
  body.app-body .premium-room-actions-v280 .room-star{
    display:none!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open,
  body.app-body .premium-room-actions-v280 .room-open{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    padding:0!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    border:1px solid #dbe5f2!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:none!important;
    font-size:0!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-open:before,
  body.app-body .premium-room-actions-v280 .room-open:before{
    content:"›"!important;
    display:block!important;
    font-size:23px!important;
    line-height:1!important;
    color:#0f172a!important;
  }
  body.app-body .room-card-photo-v282 .premium-room-actions-v280 .room-activity-badge,
  body.app-body .premium-room-actions-v280 .room-activity-badge{
    position:absolute!important;
    right:34px!important;
    top:7px!important;
  }
  body.app-body .my-rooms-v285{
    margin:12px 0 0!important;
    padding:10px 0 0!important;
    border-top:1px solid var(--rbc-clean-line)!important;
  }
  body.app-body .my-rooms-head-v285{
    margin:0 2px 8px!important;
    color:var(--rbc-clean-text)!important;
  }
  body.app-body .my-rooms-head-v285 > span{
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    color:#94a3b8!important;
  }
  body.app-body .my-rooms-head-v285 b{
    font-size:13px!important;
  }
  body.app-body .my-rooms-head-v285 small{
    display:none!important;
  }

  /* Rooms promotional panel: reduce advert feel. */
  body.app-body .rooms-hero-v280,
  body.app-body .rooms-cta-v280,
  body.app-body .rooms-entry-v280,
  body.app-body .room-entry-v280,
  body.app-body .open-rooms-card-v280{
    min-height:auto!important;
    padding:12px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-soft-shadow)!important;
  }

  /* Bottom navigation: smaller dock, less glow. */
  body.app-body .bottom-nav{
    display:grid!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    height:62px!important;
    min-height:62px!important;
    grid-template-columns:1fr 1fr 58px 1fr 1fr!important;
    gap:2px!important;
    padding:6px 8px!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:0 12px 32px rgba(15,23,42,.13)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    z-index:9500!important;
  }
  body.app-body .bottom-link{
    color:#475569!important;
    border-radius:14px!important;
    background:transparent!important;
    font-size:16px!important;
    font-weight:900!important;
    gap:1px!important;
  }
  body.app-body .bottom-link span{
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  body.app-body .bottom-icon-2026{
    width:22px!important;
    height:22px!important;
  }
  body.app-body .bottom-icon-2026 svg{
    width:22px!important;
    height:22px!important;
    stroke:currentColor!important;
  }
  body.app-body .bottom-link.active{
    color:var(--rbc-clean-red)!important;
    background:transparent!important;
  }
  body.app-body .bottom-link.active:after{
    left:50%!important;
    right:auto!important;
    bottom:-2px!important;
    width:18px!important;
    height:3px!important;
    transform:translateX(-50%)!important;
    border-radius:999px!important;
    background:var(--rbc-clean-red)!important;
    box-shadow:none!important;
  }
  body.app-body .bottom-link.add.rb-brand-action{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:50%!important;
    transform:translateY(-8px)!important;
    background:var(--rbc-clean-red)!important;
    border:4px solid #fff!important;
    box-shadow:0 8px 20px rgba(239,49,82,.24)!important;
  }
  body.app-body .bottom-link.add.rb-brand-action .rb-mark-main{
    font-size:23px!important;
    letter-spacing:-.08em!important;
  }
  body.app-body .bottom-link.add.rb-brand-action small{
    display:none!important;
  }
  body.app-body .bottom-link .nav-badge,
  body.app-body .nav-badge{
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    font-size:10px!important;
    background:var(--rbc-clean-red)!important;
    border:2px solid #fff!important;
    box-shadow:none!important;
  }
}

@media (max-width:430px){
  body.app-body .list-panel{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.app-body .panel-header h1{
    font-size:30px!important;
  }
  body.app-body .home-quick-row-2026,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026{
    grid-template-columns:minmax(0,1fr) 128px!important;
    gap:7px!important;
  }
  body.app-body .home-language-row-2026 .status-copy b{
    max-width:48px!important;
  }
  body.app-body .chat-item,
  body.app-body .chat-list .chat-item,
  body.app-body .chat-list .chat-item:first-child,
  body.app-body .chat-item.has-private-activity,
  body.app-body .chat-item.is-suggestion,
  body.app-body .chat-item.has-unread{
    min-height:68px!important;
    grid-template-columns:46px minmax(0,1fr) 43px!important;
    gap:10px!important;
    padding:8px 10px!important;
    border-radius:17px!important;
  }
  body.app-body .avatar-wrap,
  body.app-body .avatar-wrap img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  body.app-body .chat-list .chat-item b,
  body.app-body .chat-item b{
    font-size:17px!important;
  }
  body.app-body .chat-list .chat-item small,
  body.app-body .chat-item small{
    font-size:12.5px!important;
  }
  body.app-body .bottom-nav{
    left:10px!important;
    right:10px!important;
    height:60px!important;
    min-height:60px!important;
    grid-template-columns:1fr 1fr 56px 1fr 1fr!important;
  }
  body.app-body .bottom-link.add.rb-brand-action{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    transform:translateY(-8px)!important;
  }
}

/* Clean professional dark mode: darker, but not neon. */
@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .list-panel{
    background:#0b1220!important;
    color:#e5edf7!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .mobile-brand b,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .panel-header h1,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-main-2026 h2,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-item b,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-copy-v280 b,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .premium-room-copy-v280 b{
    color:#f8fafc!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .mobile-brand small,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .panel-header p,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-item small,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-copy-v280 small,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .premium-room-copy-v280 small,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-meta em{
    color:#94a3b8!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .mobile-brand .brand-mark,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .mini-round,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme #refreshBtn.icon-btn,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-card-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-wrap,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chip,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-item,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-head-v280,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card.premium-room-card-v280,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-nav{
    background:#111827!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.20)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-message-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-open,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-section-chevron-v280{
    background:#0f172a!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#e5edf7!important;
    -webkit-text-fill-color:#e5edf7!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chip.active,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link.add.rb-brand-action{
    background:var(--rbc-clean-red)!important;
    border-color:var(--rbc-clean-red)!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link{
    color:#94a3b8!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-link.active{
    color:#fb7185!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.5.2 — Mobile professional polish
   Scope: visual only. Does not touch push, WebRTC, calls, media upload, API or DB.
   Goal: make the mobile home screen feel like a clean messenger, not a promo/gaming UI.
   ========================================================= */
@media (max-width:980px){
  :root{
    --rbc-clean-bg:#f6f8fb;
    --rbc-clean-card:#ffffff;
    --rbc-clean-line:#e2e8f0;
    --rbc-clean-muted:#64748b;
    --rbc-clean-text:#0f172a;
    --rbc-clean-red:#e92649;
    --rbc-clean-row-shadow:0 1px 0 rgba(15,23,42,.04);
    --rbc-clean-panel-shadow:0 8px 24px rgba(15,23,42,.055);
    --rbc-clean-nav-h:58px;
  }

  body.app-body .list-panel{
    padding:8px 12px calc(76px + env(safe-area-inset-bottom,0px))!important;
  }

  /* Top identity: smaller, cleaner, no poster/header feel. */
  body.app-body .mobile-app-top.rb-mobile-top-2026{
    min-height:42px!important;
    margin:0 0 6px!important;
  }
  body.app-body .mobile-brand{gap:8px!important;}
  body.app-body .mobile-brand .brand-mark{
    width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;
    box-shadow:0 3px 10px rgba(15,23,42,.055)!important;
  }
  body.app-body .mobile-brand b{font-size:17px!important;letter-spacing:-.045em!important;}
  body.app-body .mobile-brand small{font-size:10.5px!important;max-width:170px!important;}
  body.app-body .mini-round,
  body.app-body .theme-toggle,
  body.app-body .mini-round.red,
  body.app-body .rb-admin-quick-btn{
    width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;
    box-shadow:0 3px 10px rgba(15,23,42,.055)!important;
  }
  body.app-body .rb-admin-online-count{
    width:17px!important;height:17px!important;min-width:17px!important;font-size:9px!important;top:-4px!important;right:-4px!important;
  }

  /* Header: content-first. */
  body.app-body .panel-header{margin:2px 0 8px!important;}
  body.app-body .panel-header h1{font-size:27px!important;letter-spacing:-.055em!important;}
  body.app-body .panel-header p{font-size:12px!important;margin-top:2px!important;}
  body.app-body #refreshBtn.icon-btn{
    width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;font-size:18px!important;
    box-shadow:0 3px 10px rgba(15,23,42,.055)!important;
  }

  /* Profile/status strip: visible but not dominant. */
  body.app-body .home-status-card-2026,
  body.app-body .app-shell.is-chats-view .home-status-card-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026{
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:56px!important;
    gap:9px!important;
    margin:0 0 8px!important;
    padding:7px 10px!important;
    border-radius:16px!important;
    box-shadow:0 3px 12px rgba(15,23,42,.045)!important;
  }
  body.app-body .home-status-avatar-2026,
  body.app-body .home-status-avatar-2026 img,
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026,
  body.app-body .app-shell.is-chats-view .home-status-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-avatar-2026 img{
    width:42px!important;height:42px!important;min-width:42px!important;
  }
  body.app-body .home-status-avatar-2026 i{width:12px!important;height:12px!important;bottom:1px!important;right:0!important;}
  body.app-body .home-status-main-2026{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"name state" "message message"!important;
    align-items:center!important;
    gap:2px 8px!important;
  }
  body.app-body .home-status-main-2026 h2{grid-area:name!important;font-size:16px!important;line-height:1.1!important;margin:0!important;}
  body.app-body .home-status-message-2026{grid-area:message!important;min-height:0!important;height:18px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  body.app-body .home-status-message-2026 span{font-size:12px!important;color:var(--rbc-clean-muted)!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .home-status-message-2026 em{display:none!important;}
  body.app-body .home-status-state-2026{grid-area:state!important;justify-self:end!important;gap:0!important;}
  body.app-body .home-status-state-2026 strong{
    height:20px!important;padding:0 8px!important;font-size:10px!important;background:#ecfdf5!important;border-color:#bbf7d0!important;color:#047857!important;
  }
  body.app-body .home-status-state-2026 span{display:none!important;}

  /* Search and language: slimmer controls. */
  body.app-body .home-quick-row-2026,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026{
    grid-template-columns:minmax(0,1fr) 118px!important;
    gap:7px!important;
    margin:0 0 8px!important;
  }
  body.app-body .home-quick-row-2026 .search-wrap,
  body.app-body .home-language-row-2026,
  body.app-body .search-wrap{
    height:40px!important;min-height:40px!important;border-radius:14px!important;box-shadow:0 3px 12px rgba(15,23,42,.045)!important;
  }
  body.app-body .home-language-row-2026 .language-switch-pill{height:38px!important;min-height:38px!important;}
  body.app-body .home-language-row-2026 .status-icon{width:27px!important;height:27px!important;min-width:27px!important;}
  body.app-body .home-language-row-2026 .status-copy b{max-width:44px!important;font-size:11px!important;}
  body.app-body .search-icon,
  body.app-body .search-sliders{font-size:17px!important;}
  body.app-body .search-wrap input{font-size:13px!important;}

  /* Filters: less chunky. */
  body.app-body .tab-row{gap:6px!important;margin:0 0 9px!important;}
  body.app-body .chip{
    height:34px!important;border-radius:12px!important;font-size:12px!important;font-weight:900!important;box-shadow:none!important;
  }
  body.app-body .chip.active{box-shadow:none!important;}

  body.app-body .recent-section-label-2026{margin:6px 2px 7px!important;}
  body.app-body .recent-section-label-2026 span{font-size:10px!important;letter-spacing:.10em!important;color:#6b7280!important;}
  body.app-body .recent-section-label-2026 i{width:6px!important;height:6px!important;box-shadow:none!important;}

  /* Chat list: Messenger/Telegram-like rows inside one clean panel. */
  body.app-body .chat-list{
    display:block!important;
    gap:0!important;
    margin-top:0!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-panel-shadow)!important;
    overflow:hidden!important;
  }
  body.app-body .chat-item,
  body.app-body .chat-list .chat-item,
  body.app-body .chat-list .chat-item:first-child,
  body.app-body .chat-item.has-private-activity,
  body.app-body .chat-item.has-unread,
  body.app-body .chat-item.is-suggestion{
    min-height:62px!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:10px!important;
    margin:0!important;
    padding:9px 11px!important;
    border:0!important;
    border-bottom:1px solid rgba(226,232,240,.9)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.app-body .chat-list .chat-item:last-child{border-bottom:0!important;}
  body.app-body .chat-item:hover,
  body.app-body .chat-item.active{
    background:#f8fafc!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.app-body .chat-item.active:before,
  body.app-body .chat-item.has-private-activity:before,
  body.app-body .chat-item.has-unread:before{display:none!important;content:none!important;}
  body.app-body .chat-item .avatar-wrap,
  body.app-body .chat-item .avatar-wrap img,
  body.app-body .avatar-wrap,
  body.app-body .avatar-wrap img{
    width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;
  }
  body.app-body .chat-list .chat-item b,
  body.app-body .chat-item b{font-size:15.5px!important;line-height:1.15!important;font-weight:900!important;}
  body.app-body .chat-list .chat-item small,
  body.app-body .chat-item small{font-size:12px!important;line-height:1.25!important;margin-top:3px!important;max-width:100%!important;color:#64748b!important;}
  body.app-body .chat-meta{font-size:10.5px!important;line-height:1.1!important;min-width:38px!important;color:#94a3b8!important;}
  body.app-body .chat-meta em{font-size:10.5px!important;color:#94a3b8!important;}
  body.app-body .private-unread-nav-badge,
  body.app-body .chat-item .nav-badge,
  body.app-body .chat-item .room-activity-badge{
    min-width:17px!important;height:17px!important;font-size:10px!important;box-shadow:none!important;border:2px solid #fff!important;
  }

  /* Rooms/Pokoje: clean directory rows, no slot-machine styling. */
  body.app-body .room-list{
    display:block!important;
    gap:0!important;
    margin-top:0!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid var(--rbc-clean-line)!important;
    box-shadow:var(--rbc-clean-panel-shadow)!important;
    overflow:hidden!important;
  }
  body.app-body .room-card,
  body.app-body .room-card.premium-room-card-v280,
  body.app-body .room-card-photo-v282,
  body.app-body .room-list .room-card{
    min-height:64px!important;
    grid-template-columns:44px minmax(0,1fr) 34px!important;
    gap:10px!important;
    margin:0!important;
    padding:9px 10px!important;
    border:0!important;
    border-bottom:1px solid rgba(226,232,240,.9)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.app-body .room-list .room-card:last-child{border-bottom:0!important;}
  body.app-body .room-card:hover,
  body.app-body .room-card.active{background:#f8fafc!important;box-shadow:none!important;transform:none!important;}
  body.app-body .room-card:before,
  body.app-body .room-card:after{display:none!important;content:none!important;}
  body.app-body .room-card-icon,
  body.app-body .premium-room-icon-v280,
  body.app-body .room-card-photo-v282 .premium-room-icon-v280{
    width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;box-shadow:none!important;
  }
  body.app-body .room-card-copy b,
  body.app-body .premium-room-copy-v280 b{font-size:15px!important;line-height:1.16!important;}
  body.app-body .room-card-copy small,
  body.app-body .premium-room-copy-v280 small{font-size:11.8px!important;line-height:1.25!important;margin-top:3px!important;}
  body.app-body .room-open,
  body.app-body .room-section-chevron-v280{
    width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;background:#f8fafc!important;border:1px solid var(--rbc-clean-line)!important;box-shadow:none!important;
  }
  body.app-body .room-star{width:28px!important;height:28px!important;border-radius:10px!important;background:#f8fafc!important;color:#94a3b8!important;box-shadow:none!important;}
  body.app-body .room-star.is-on{color:#eab308!important;background:#fffbeb!important;}
  body.app-body .room-activity-badge{box-shadow:none!important;}

  /* Hide over-promotional empty/entry panels when they are not needed visually. */
  body.app-body .rooms-hero-v280,
  body.app-body .rooms-cta-v280,
  body.app-body .rooms-entry-v280,
  body.app-body .room-entry-v280,
  body.app-body .open-rooms-card-v280{
    padding:10px!important;border-radius:16px!important;box-shadow:0 3px 12px rgba(15,23,42,.045)!important;
  }

  /* Bottom dock: smaller and calmer. */
  body.app-body .bottom-nav{
    left:12px!important;right:12px!important;bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;
    height:56px!important;min-height:56px!important;
    grid-template-columns:1fr 1fr 50px 1fr 1fr!important;
    padding:5px 7px!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(15,23,42,.12)!important;
  }
  body.app-body .bottom-link{font-size:15px!important;border-radius:13px!important;}
  body.app-body .bottom-link span{font-size:10.5px!important;font-weight:850!important;}
  body.app-body .bottom-icon-2026,
  body.app-body .bottom-icon-2026 svg{width:20px!important;height:20px!important;}
  body.app-body .bottom-link.add.rb-brand-action{
    width:50px!important;height:50px!important;min-width:50px!important;transform:translateY(-7px)!important;box-shadow:0 7px 16px rgba(233,38,73,.22)!important;
  }
  body.app-body .bottom-link.add.rb-brand-action .rb-mark-main{font-size:20px!important;}
  body.app-body .bottom-link.active:after{bottom:-1px!important;width:16px!important;height:2px!important;}
}

@media (max-width:430px){
  body.app-body .list-panel{padding-left:10px!important;padding-right:10px!important;}
  body.app-body .panel-header h1{font-size:25px!important;}
  body.app-body .home-quick-row-2026,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026{
    grid-template-columns:minmax(0,1fr) 106px!important;
  }
  body.app-body .home-language-row-2026 .status-copy b{max-width:38px!important;}
  body.app-body .chat-item,
  body.app-body .chat-list .chat-item,
  body.app-body .room-card,
  body.app-body .room-list .room-card{padding-left:10px!important;padding-right:9px!important;}
  body.app-body .bottom-nav{left:10px!important;right:10px!important;height:55px!important;min-height:55px!important;grid-template-columns:1fr 1fr 48px 1fr 1fr!important;}
  body.app-body .bottom-link.add.rb-brand-action{width:48px!important;height:48px!important;min-width:48px!important;}
}

/* Dark mode polish for v3.5.2 rows. */
@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-list,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-item,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card{
    background:#111827!important;border-color:rgba(148,163,184,.16)!important;box-shadow:none!important;
  }
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-item,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card{border-bottom-color:rgba(148,163,184,.14)!important;}
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-item:hover,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-item.active,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card:hover,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .room-card.active{background:#0f172a!important;}
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-status-card-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .search-wrap,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .home-language-row-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chip,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .bottom-nav{box-shadow:none!important;}
}


/* === RedsBlack Chat v3.5.3 — clean composer plus sheet: Media, Camera, Location === */
#rbcNativePlusSheet.rbc-native-plus-sheet.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#rbcNativePlusSheet.rbc-native-plus-sheet:not(.hidden){
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#rbcNativePlusSheet .rbc-native-plus-card{
  width:min(480px, calc(100vw - 24px))!important;
  border-radius:26px!important;
  padding:18px 16px 16px!important;
  background:#ffffff!important;
  border:1px solid rgba(208,218,233,.95)!important;
  box-shadow:0 22px 70px rgba(15,23,42,.24)!important;
}
html[data-rbc-theme="dark"] #rbcNativePlusSheet .rbc-native-plus-card,
body.rbc-dark-theme #rbcNativePlusSheet .rbc-native-plus-card{
  background:#111827!important;
  border-color:rgba(71,85,105,.9)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.52)!important;
}
#rbcNativePlusSheet .rbc-native-plus-card h2{
  margin:0 52px 4px 2px!important;
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  color:#111827!important;
}
#rbcNativePlusSheet .rbc-native-plus-muted{
  margin:0 52px 13px 2px!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:700!important;
}
html[data-rbc-theme="dark"] #rbcNativePlusSheet .rbc-native-plus-card h2,
body.rbc-dark-theme #rbcNativePlusSheet .rbc-native-plus-card h2{color:#f8fafc!important;}
html[data-rbc-theme="dark"] #rbcNativePlusSheet .rbc-native-plus-muted,
body.rbc-dark-theme #rbcNativePlusSheet .rbc-native-plus-muted{color:#aeb9ca!important;}
#rbcNativePlusSheet .rbc-native-plus-x{
  top:14px!important;
  right:14px!important;
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  background:#f3f5f9!important;
  color:#111827!important;
  font-size:24px!important;
  box-shadow:none!important;
}
html[data-rbc-theme="dark"] #rbcNativePlusSheet .rbc-native-plus-x,
body.rbc-dark-theme #rbcNativePlusSheet .rbc-native-plus-x{
  background:#1f2937!important;
  color:#f8fafc!important;
}
#rbcNativePlusSheet .rbc-native-plus-option,
.rbc-plus-menu-clean-v353 .rbc-plus-menu-option{
  min-height:62px!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:1px!important;
  margin:8px 0 0!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  background:#ffffff!important;
  border:1px solid rgba(213,221,234,.96)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
}
html[data-rbc-theme="dark"] #rbcNativePlusSheet .rbc-native-plus-option,
body.rbc-dark-theme #rbcNativePlusSheet .rbc-native-plus-option,
html[data-rbc-theme="dark"] .rbc-plus-menu-clean-v353 .rbc-plus-menu-option,
body.rbc-dark-theme .rbc-plus-menu-clean-v353 .rbc-plus-menu-option{
  background:#172033!important;
  border-color:rgba(71,85,105,.95)!important;
  box-shadow:none!important;
}
#rbcNativePlusSheet .rbc-native-plus-option:active,
.rbc-plus-menu-clean-v353 .rbc-plus-menu-option:active{
  transform:scale(.985)!important;
}
#rbcNativePlusSheet .rbc-native-plus-icon,
#rbcNativePlusSheet .rbc-native-plus-option>span,
.rbc-plus-menu-clean-v353 .rbc-plus-menu-option>span{
  grid-row:1 / span 2!important;
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef3fb!important;
  color:#334155!important;
  font-size:20px!important;
}
#rbcNativePlusSheet .rbc-native-plus-icon svg{
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#rbcNativePlusSheet .rbc-native-plus-option b,
.rbc-plus-menu-clean-v353 .rbc-plus-menu-option b{
  grid-column:2!important;
  font-size:15px!important;
  line-height:1.08!important;
  letter-spacing:-.01em!important;
  color:#111827!important;
}
#rbcNativePlusSheet .rbc-native-plus-option small,
.rbc-plus-menu-clean-v353 .rbc-plus-menu-option small{
  grid-column:2!important;
  justify-self:start!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.1!important;
  white-space:normal!important;
}
html[data-rbc-theme="dark"] #rbcNativePlusSheet .rbc-native-plus-option b,
body.rbc-dark-theme #rbcNativePlusSheet .rbc-native-plus-option b,
html[data-rbc-theme="dark"] .rbc-plus-menu-clean-v353 .rbc-plus-menu-option b,
body.rbc-dark-theme .rbc-plus-menu-clean-v353 .rbc-plus-menu-option b{color:#f8fafc!important;}
html[data-rbc-theme="dark"] #rbcNativePlusSheet .rbc-native-plus-option small,
body.rbc-dark-theme #rbcNativePlusSheet .rbc-native-plus-option small,
html[data-rbc-theme="dark"] .rbc-plus-menu-clean-v353 .rbc-plus-menu-option small,
body.rbc-dark-theme .rbc-plus-menu-clean-v353 .rbc-plus-menu-option small{color:#aeb9ca!important;}
#rbcNativePlusSheet .rbc-native-plus-media .rbc-native-plus-icon,
#rbcNativePlusSheet .rbc-native-plus-media>span,
.rbc-plus-menu-clean-v353 .rbc-plus-media>span{
  background:#eef5ff!important;
  color:#1d4ed8!important;
}
#rbcNativePlusSheet .rbc-native-plus-camera .rbc-native-plus-icon,
#rbcNativePlusSheet .rbc-native-plus-camera>span,
.rbc-plus-menu-clean-v353 .rbc-plus-camera>span{
  background:#fff1f3!important;
  color:#be123c!important;
}
#rbcNativePlusSheet .rbc-native-plus-location .rbc-native-plus-icon,
#rbcNativePlusSheet .rbc-native-plus-location>span,
.rbc-plus-menu-clean-v353 .rbc-plus-location>span{
  background:#eefcf4!important;
  color:#12804d!important;
}
@media (max-width:640px){
  #rbcNativePlusSheet.rbc-native-plus-sheet{
    padding:10px 10px calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  #rbcNativePlusSheet .rbc-native-plus-card{
    border-radius:24px!important;
    padding:16px 14px 14px!important;
  }
}

/* =======================================================================
   v3.5.4 — Home profile hero cleanup
   Cleaner Messenger-style profile header: larger avatar, no fake status text,
   no "Online / Dostępny" pills, lighter professional composition.
   ======================================================================= */
@media (max-width: 980px){
  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026{
    position:relative!important;
    display:grid!important;
    grid-template-columns:124px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
    min-height:154px!important;
    margin:0 0 12px!important;
    padding:16px 16px 16px 14px!important;
    overflow:hidden!important;
    border:1px solid rgba(226,232,240,.96)!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 16% 28%, rgba(239,68,68,.11), transparent 34%),
      linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.96))!important;
    box-shadow:0 14px 34px rgba(15,23,42,.075)!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026:before,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026:before{
    content:""!important;
    position:absolute!important;
    left:-42px!important;
    top:-48px!important;
    width:170px!important;
    height:170px!important;
    border-radius:50%!important;
    background:rgba(239,68,68,.08)!important;
    pointer-events:none!important;
  }
  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026:after,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026:after{
    opacity:.7!important;
    background:linear-gradient(90deg, rgba(239,68,68,.55), rgba(15,23,42,.08), transparent)!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026,
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026 img{
    width:116px!important;
    height:116px!important;
    min-width:116px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026{
    position:relative!important;
    z-index:1!important;
    border-radius:34px!important;
    padding:4px!important;
    background:linear-gradient(135deg, rgba(239,68,68,.95), rgba(15,23,42,.12))!important;
    box-shadow:0 16px 34px rgba(15,23,42,.16)!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026 img{
    border:4px solid rgba(255,255,255,.98)!important;
    border-radius:30px!important;
    object-fit:cover!important;
    box-shadow:none!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026 i,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026 i{
    width:19px!important;
    height:19px!important;
    right:8px!important;
    bottom:8px!important;
    border:3px solid #fff!important;
    box-shadow:0 0 0 3px rgba(34,197,94,.13)!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-main-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026{
    position:relative!important;
    z-index:1!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-kicker-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-kicker-2026{
    display:inline-flex!important;
    align-items:center!important;
    height:23px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:rgba(239,68,68,.09)!important;
    color:#b91c1c!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    margin:0 0 7px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-main-2026 h2,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026 h2{
    max-width:100%!important;
    margin:0!important;
    color:#111827!important;
    font-size:25px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-subtitle-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-subtitle-2026{
    margin:5px 0 11px!important;
    color:#64748b!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.2!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-edit-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026{
    width:auto!important;
    min-width:118px!important;
    min-height:36px!important;
    height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0 13px!important;
    border:1px solid rgba(226,232,240,.96)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.92)!important;
    color:#111827!important;
    box-shadow:0 8px 18px rgba(15,23,42,.055)!important;
    font-size:12.5px!important;
    font-weight:900!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-edit-2026 span,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026 span{
    display:inline!important;
    max-width:none!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-edit-2026 em,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026 em{
    width:18px!important;
    height:18px!important;
    display:inline-grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#ef4444!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1!important;
    font-style:normal!important;
    transform:none!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-hero-2026 .home-status-state-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-hero-2026 .home-status-state-2026{
    display:none!important;
  }
}
@media (max-width: 380px){
  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:13px!important;
    min-height:142px!important;
    padding:14px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026,
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026 img{
    width:102px!important;
    height:102px!important;
    min-width:102px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-main-2026 h2,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026 h2{
    font-size:22px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-subtitle-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-subtitle-2026{
    font-size:12px!important;
  }
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026{
  border-color:rgba(51,65,85,.9)!important;
  background:
    radial-gradient(circle at 16% 28%, rgba(239,68,68,.18), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(30,41,59,.94))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-chats-view .home-profile-main-2026 h2,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026 h2{
  color:#f8fafc!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-chats-view .home-profile-subtitle-2026,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-subtitle-2026{
  color:#94a3b8!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-chats-view .home-profile-kicker-2026,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-kicker-2026{
  background:rgba(239,68,68,.18)!important;
  color:#fecaca!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-chats-view .home-profile-edit-2026,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026{
  border-color:rgba(51,65,85,.88)!important;
  background:rgba(15,23,42,.82)!important;
  color:#f8fafc!important;
}


/* v3.5.5 cumulative hard fix: + menu close/state and profile hero */
#rbcActionModal.modal-backdrop.hidden,
#rbcActionModal.hidden,
#rbcNativePlusSheet.rbc-native-plus-sheet.hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#rbcActionModal.modal-backdrop:not(.hidden),
#rbcNativePlusSheet.rbc-native-plus-sheet:not(.hidden){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#rbcNativePlusSheet .rbc-native-plus-card{
  transform:none!important;
}
body.rbc-plus-sheet-open{
  overflow:hidden!important;
}

/* === v3.5.7 — Professional structure polish + language-safe UI ===
   Visual-only cleanup. Keeps calls, push, WebRTC, uploads and API untouched. */
@media (max-width: 860px){
  /* Profile should feel like settings/profile, not like the chats dashboard. */
  body.app-body .app-shell.is-profile-view .home-status-card-2026,
  body.app-body .app-shell.is-profile-view .home-quick-row-2026,
  body.app-body .app-shell.is-profile-view .tab-row,
  body.app-body .app-shell.is-profile-view .recent-section-label-2026{
    display:none!important;
  }

  /* Contacts needs its own people/invite flow, not the global All/Reachable/Rooms filters. */
  body.app-body .app-shell.is-contacts-view .home-status-card-2026,
  body.app-body .app-shell.is-contacts-view .tab-row,
  body.app-body .app-shell.is-contacts-view .recent-section-label-2026{
    display:none!important;
  }
  body.app-body .app-shell.is-contacts-view .home-quick-row-2026{
    margin-top:8px!important;
    margin-bottom:16px!important;
  }

  /* Rooms hero: quieter, more product-like, less advertising banner. */
  body.app-body .rooms-project-hero-v308,
  body.app-body .rooms-hero-v280.rooms-project-hero-v308{
    min-height:0!important;
    padding:16px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.92))!important;
    border:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.065)!important;
    overflow:hidden!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-art-v280{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 b{
    font-size:20px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 small{
    margin-top:5px!important;
    font-size:13px!important;
    line-height:1.22!important;
    color:#64748b!important;
  }
  body.app-body .rooms-project-hero-v308 .rooms-hero-copy-v280 span{
    width:auto!important;
    min-height:32px!important;
    margin-top:10px!important;
    padding:8px 13px!important;
    border-radius:999px!important;
    font-size:12.5px!important;
    font-weight:900!important;
    box-shadow:0 8px 20px rgba(244,63,94,.16)!important;
  }
  body.app-body .rooms-hero-bubble-v280,
  body.app-body .rooms-hero-bubble-v308{
    display:none!important;
  }

  /* Recent chats: show more conversations per screen. */
  body.app-body .chat-list .chat-swipe-row{
    margin-bottom:10px!important;
  }
  body.app-body .chat-list .chat-item{
    min-height:76px!important;
    padding:12px 14px!important;
    border-radius:22px!important;
    box-shadow:0 10px 22px rgba(15,23,42,.055)!important;
  }
  body.app-body .chat-list .chat-item .avatar-wrap,
  body.app-body .chat-list .chat-item .avatar-wrap img{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
  }
  body.app-body .chat-list .chat-item b{
    font-size:21px!important;
    line-height:1.05!important;
  }
  body.app-body .chat-list .chat-item small{
    font-size:14px!important;
    line-height:1.15!important;
  }
  body.app-body .chat-list .chat-meta em{
    font-size:13px!important;
  }

  /* Bottom navigation badge: more app-like, less dominant. */
  body.app-body .bottom-nav .private-unread-badge,
  body.app-body .bottom-nav i.badge,
  body.app-body .bottom-link .badge,
  body.app-body .bottom-link[data-view="rooms"] i:not(.bottom-icon-2026){
    transform:scale(.88)!important;
    box-shadow:0 8px 18px rgba(244,63,94,.18)!important;
  }

  /* Profile settings: replace emoji look with clean line-icon rows. */
  body.app-body .profile-v357 .settings-list-v357 button{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    align-items:center!important;
    text-align:left!important;
    min-height:76px!important;
    padding:14px!important;
    border-radius:22px!important;
  }
  body.app-body .profile-v357 .settings-list-v357 button .settings-svg-icon{
    grid-row:1 / span 2!important;
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    background:#f1f5f9!important;
    color:#ef174f!important;
  }
  body.app-body .profile-v357 .settings-list-v357 button .settings-svg-icon svg{
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  body.app-body .profile-v357 .settings-list-v357 button b{
    grid-column:2!important;
    font-size:19px!important;
    line-height:1.05!important;
  }
  body.app-body .profile-v357 .settings-list-v357 button span:not(.settings-svg-icon){
    grid-column:2!important;
    font-size:14px!important;
    line-height:1.2!important;
    color:#64748b!important;
  }
  body.app-body .profile-v357 .rb-delete-account-v357{
    color:#b91c1c!important;
    background:rgba(255,255,255,.82)!important;
    border-color:rgba(248,113,113,.22)!important;
    box-shadow:none!important;
  }
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-profile-view .mobile-profile-card,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-contacts-view .contacts-list > *,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rooms-project-hero-v308{
  background:linear-gradient(135deg, rgba(15,23,42,.98), rgba(30,41,59,.94))!important;
  border-color:rgba(51,65,85,.9)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .profile-v357 .settings-list-v357 button .settings-svg-icon{
  background:rgba(30,41,59,.96)!important;
  color:#fb7185!important;
}

/* v3.5.8 — professional chat/room options menu */
.rbc-chat-options-modal-v358 .modal-card{
  max-width: min(520px, calc(100vw - 28px));
}
.rbc-options-menu-v358{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.rbc-options-head-v358{
  padding:14px 14px 12px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:22px;
  background:linear-gradient(135deg, rgba(248,250,252,.96), rgba(255,255,255,.88));
}
.rbc-options-head-v358 b{
  display:block;
  color:#0f172a;
  font-size:18px;
  line-height:1.15;
  margin-bottom:4px;
}
.rbc-options-head-v358 small{
  display:block;
  color:#e11d48;
  font-weight:900;
  font-size:13px;
}
.rbc-options-head-v358 p{
  margin:8px 0 0;
  color:#64748b;
  font-weight:700;
  font-size:13px;
  line-height:1.35;
}
.rbc-options-grid-v358{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.rbc-options-grid-v358 button{
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  background:#fff;
  min-height:66px;
  padding:12px;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  color:#0f172a;
  box-shadow:0 12px 26px rgba(15,23,42,.06);
  cursor:pointer;
}
.rbc-options-grid-v358 button span{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#f1f5f9;
  font-size:17px;
}
.rbc-options-grid-v358 button b{
  font-size:13.5px;
  line-height:1.15;
  font-weight:900;
}
.rbc-options-grid-v358 button:active{
  transform:translateY(1px);
}
.rbc-options-grid-v358 button.danger{
  color:#be123c;
  border-color:rgba(244,63,94,.18);
  background:linear-gradient(135deg,#fff,#fff7f7);
}
.rbc-options-grid-v358 button.danger span{
  background:#ffe4e6;
}
body.dark .rbc-options-head-v358{
  background:linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.9));
  border-color:rgba(148,163,184,.18);
}
body.dark .rbc-options-head-v358 b{color:#f8fafc;}
body.dark .rbc-options-head-v358 p{color:#cbd5e1;}
body.dark .rbc-options-grid-v358 button{
  background:#111827;
  border-color:rgba(148,163,184,.18);
  color:#f8fafc;
  box-shadow:0 14px 32px rgba(0,0,0,.24);
}
body.dark .rbc-options-grid-v358 button span{background:#1f2937;}
body.dark .rbc-options-grid-v358 button.danger{background:linear-gradient(135deg,#1f1220,#111827);color:#fb7185;}
body.dark .rbc-options-grid-v358 button.danger span{background:rgba(244,63,94,.16);}
@media (max-width:420px){
  .rbc-options-grid-v358{grid-template-columns:1fr;}
}


/* === RedsBlack Chat v3.5.9 — force-visible chat options button on mobile ===
   Earlier mobile CSS hid every 3rd+ chat action button. After adding the More/Options
   button as the third action, Android showed only video + phone. Keep the old compact
   header, but explicitly show the real options button. */
.chat-actions #chatHeaderMoreBtn{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  color:#374151!important;
  background:linear-gradient(180deg,#ffffff,#f7f9fd)!important;
  border:1px solid rgba(211,220,235,.95)!important;
  box-shadow:0 9px 20px rgba(15,23,42,.055)!important;
}
.chat-actions #chatHeaderMoreBtn:hover,
.chat-actions #chatHeaderMoreBtn:focus-visible{
  color:#111827!important;
  background:#fff!important;
  box-shadow:0 12px 24px rgba(15,23,42,.10)!important;
}
@media (max-width:980px){
  body.app-body .chat-header{gap:8px!important;padding:9px 9px!important;}
  body.app-body .chat-header img{width:38px!important;height:38px!important;min-width:38px!important;}
  body.app-body .mobile-back{width:36px!important;height:36px!important;min-width:36px!important;font-size:28px!important;}
  body.app-body .chat-title{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;}
  body.app-body .chat-title b{font-size:15.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .chat-title small{font-size:11.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.app-body .chat-actions{gap:5px!important;margin-left:4px!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;}
  body.app-body .chat-actions #chatHeaderVideoBtn,
  body.app-body .chat-actions #chatHeaderCallBtn,
  body.app-body .chat-actions #chatHeaderMoreBtn{
    display:inline-grid!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:13px!important;
  }
  body.app-body .chat-actions #chatHeaderMoreBtn .rb-action-svg,
  body.app-body .chat-actions #chatHeaderMoreBtn svg{width:19px!important;height:19px!important;}
}
@media (max-width:360px){
  body.app-body .chat-header img{display:none!important;}
  body.app-body .chat-actions{gap:4px!important;}
  body.app-body .chat-actions #chatHeaderVideoBtn,
  body.app-body .chat-actions #chatHeaderCallBtn,
  body.app-body .chat-actions #chatHeaderMoreBtn{width:32px!important;height:32px!important;min-width:32px!important;}
}


/* === RedsBlack Chat v3.6.0 — robust tappable chat options button === */
body.app-body .chat-actions #chatHeaderMoreBtn,
body.app-body #chatHeaderMoreBtn[data-rbc-chat-options="1"]{
  position:relative!important;
  z-index:35!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.app-body #chatHeaderMoreBtn[data-rbc-chat-options="1"] *{
  pointer-events:none!important;
}


/* === RedsBlack Chat v3.6.1 — native reliable chat options menu === */
.chat-actions .rbc-chat-more-details-v361{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  z-index:60!important;
}
.rbc-chat-more-details-v361 > summary{
  list-style:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  display:grid!important;
  place-items:center!important;
}
.rbc-chat-more-details-v361 > summary::-webkit-details-marker{display:none!important;}
.rbc-chat-more-details-v361[open] > summary{
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 12px 26px rgba(15,23,42,.13)!important;
}
.rbc-native-chat-options-v361{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 10px)!important;
  width:min(292px, calc(100vw - 18px))!important;
  max-height:min(70dvh, 560px)!important;
  overflow:auto!important;
  display:grid!important;
  gap:6px!important;
  padding:10px!important;
  border-radius:22px!important;
  border:1px solid rgba(211,220,235,.95)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  z-index:9999!important;
  transform-origin:top right!important;
}
.rbc-native-chat-options-head-v361{
  padding:8px 9px 10px!important;
  border-bottom:1px solid rgba(226,232,240,.92)!important;
  margin-bottom:2px!important;
}
.rbc-native-chat-options-head-v361 b{
  display:block!important;
  font-size:14px!important;
  font-weight:1000!important;
  color:#0f172a!important;
}
.rbc-native-chat-options-head-v361 small{
  display:block!important;
  margin-top:2px!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#64748b!important;
}
.rbc-native-chat-options-v361 button{
  width:100%!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  color:#111827!important;
  padding:8px 9px!important;
  text-align:left!important;
  cursor:pointer!important;
  font:inherit!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
.rbc-native-chat-options-v361 button:hover,
.rbc-native-chat-options-v361 button:focus-visible{
  background:#f3f7fc!important;
  outline:none!important;
}
.rbc-native-chat-options-v361 button span{
  width:30px!important;
  height:30px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef4ff!important;
  font-size:14px!important;
}
.rbc-native-chat-options-v361 button b{
  min-width:0!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.rbc-native-chat-options-v361 button.danger{color:#b42318!important;}
.rbc-native-chat-options-v361 button.danger span{background:#fff1f2!important;}
.rbc-native-toast-v361{
  position:fixed!important;
  left:50%!important;
  bottom:calc(84px + env(safe-area-inset-bottom, 0px))!important;
  transform:translate(-50%, 18px)!important;
  opacity:0!important;
  z-index:2147483647!important;
  max-width:calc(100vw - 28px)!important;
  padding:11px 14px!important;
  border-radius:999px!important;
  background:#0f172a!important;
  color:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.24)!important;
  font-size:13px!important;
  font-weight:900!important;
  pointer-events:none!important;
  transition:opacity .18s ease, transform .18s ease!important;
}
.rbc-native-toast-v361.show{opacity:1!important;transform:translate(-50%, 0)!important;}
.rbc-native-toast-v361.is-error{background:#b42318!important;}
html[data-rbc-theme="dark"] .rbc-native-chat-options-v361,
body.rbc-dark-theme .rbc-native-chat-options-v361{
  background:rgba(18,24,36,.98)!important;
  border-color:rgba(71,85,105,.82)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.44)!important;
}
html[data-rbc-theme="dark"] .rbc-native-chat-options-head-v361,
body.rbc-dark-theme .rbc-native-chat-options-head-v361{border-bottom-color:rgba(71,85,105,.72)!important;}
html[data-rbc-theme="dark"] .rbc-native-chat-options-head-v361 b,
body.rbc-dark-theme .rbc-native-chat-options-head-v361 b,
html[data-rbc-theme="dark"] .rbc-native-chat-options-v361 button,
body.rbc-dark-theme .rbc-native-chat-options-v361 button{color:#f8fafc!important;}
html[data-rbc-theme="dark"] .rbc-native-chat-options-head-v361 small,
body.rbc-dark-theme .rbc-native-chat-options-head-v361 small{color:#a8b3c7!important;}
html[data-rbc-theme="dark"] .rbc-native-chat-options-v361 button:hover,
body.rbc-dark-theme .rbc-native-chat-options-v361 button:hover,
html[data-rbc-theme="dark"] .rbc-native-chat-options-v361 button:focus-visible,
body.rbc-dark-theme .rbc-native-chat-options-v361 button:focus-visible{background:rgba(148,163,184,.12)!important;}
html[data-rbc-theme="dark"] .rbc-native-chat-options-v361 button span,
body.rbc-dark-theme .rbc-native-chat-options-v361 button span{background:rgba(59,130,246,.16)!important;}
@media (max-width:980px){
  body.app-body .chat-actions .rbc-chat-more-details-v361,
  body.app-body .chat-actions .rbc-chat-more-summary-v361{
    display:inline-grid!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:13px!important;
  }
  body.app-body .rbc-chat-more-summary-v361 .rb-action-svg,
  body.app-body .rbc-chat-more-summary-v361 svg{width:19px!important;height:19px!important;}
  .rbc-native-chat-options-v361{right:-2px!important;top:calc(100% + 9px)!important;}
}
@media (max-width:360px){
  body.app-body .chat-actions .rbc-chat-more-details-v361,
  body.app-body .chat-actions .rbc-chat-more-summary-v361{width:32px!important;height:32px!important;min-width:32px!important;}
  .rbc-native-chat-options-v361{right:-4px!important;width:min(286px, calc(100vw - 12px))!important;}
}


/* === RedsBlack Chat v3.6.2 — chat options overlay above messages ===
   Fix: native <details> menu opened under the message list on mobile.
   Keep the menu above the chat header/messages/composer without touching calls/push. */
body.app-body .chat-panel,
body.app-body .app-shell.chat-open .chat-panel,
body.rbc-chat-open .chat-panel{
  overflow:visible!important;
}
body.app-body .chat-header,
body.app-body .app-shell.chat-open .chat-header,
body.rbc-chat-open .chat-header{
  position:relative!important;
  z-index:12050!important;
  overflow:visible!important;
  isolation:isolate!important;
}
body.app-body .chat-actions,
body.app-body .chat-actions .rbc-chat-more-details-v361{
  position:relative!important;
  z-index:12060!important;
  overflow:visible!important;
}
body.app-body .messages{
  position:relative!important;
  z-index:1!important;
}
body.app-body .composer{
  position:relative!important;
  z-index:20!important;
}
body.app-body .rbc-chat-more-details-v361[open] .rbc-native-chat-options-v361{
  z-index:2147483646!important;
}
@media (max-width:980px){
  body.app-body .rbc-chat-more-details-v361[open] .rbc-native-chat-options-v361,
  body.rbc-chat-open .rbc-chat-more-details-v361[open] .rbc-native-chat-options-v361,
  body.app-body .app-shell.chat-open .rbc-chat-more-details-v361[open] .rbc-native-chat-options-v361{
    position:fixed!important;
    top:calc(62px + env(safe-area-inset-top, 0px))!important;
    right:10px!important;
    left:auto!important;
    width:min(310px, calc(100vw - 20px))!important;
    max-height:calc(100dvh - 92px - env(safe-area-inset-bottom, 0px))!important;
    overflow:auto!important;
    transform:none!important;
    z-index:2147483646!important;
  }
  body.app-body .rbc-chat-more-details-v361[open] > summary{
    z-index:2147483647!important;
  }
}
@media (max-width:360px){
  body.app-body .rbc-chat-more-details-v361[open] .rbc-native-chat-options-v361,
  body.rbc-chat-open .rbc-chat-more-details-v361[open] .rbc-native-chat-options-v361,
  body.app-body .app-shell.chat-open .rbc-chat-more-details-v361[open] .rbc-native-chat-options-v361{
    right:8px!important;
    width:min(292px, calc(100vw - 16px))!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.6.5 — premium light home correction
   Fix: previous premium hero was too dark on mobile.
   Scope: first/dashboard screen only. Chat, calls, push, WebRTC untouched.
   ========================================================= */
@media (max-width:980px){

  html:not([data-rbc-theme="dark"]) body.app-body,
  html[data-rbc-theme="light"] body.app-body{
    background:
      radial-gradient(320px 180px at 98% 2%, rgba(239,35,60,.055), transparent 72%),
      radial-gradient(280px 190px at -16% 14%, rgba(29,115,248,.045), transparent 72%),
      linear-gradient(180deg,#ffffff 0%,#f8fbff 58%,#fff7fa 100%)!important;
  }

  html:not([data-rbc-theme="dark"]) body.app-body .app-shell,
  html[data-rbc-theme="light"] body.app-body .app-shell{
    background:transparent!important;
  }

  html:not([data-rbc-theme="dark"]) body.app-body .list-panel,
  html[data-rbc-theme="light"] body.app-body .list-panel{
    background:
      radial-gradient(300px 170px at 105% 0%, rgba(239,35,60,.055), transparent 72%),
      radial-gradient(240px 170px at -18% 15%, rgba(29,115,248,.045), transparent 70%),
      linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.98) 100%)!important;
  }

  /* Header: keep black button only for RB/notification, rest readable */
  body.app-body .mobile-brand .brand-mark{
    background:linear-gradient(145deg,#101827,#030712)!important;
    color:#ef233c!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.12)!important;
    font-size:0!important;
  }

  body.app-body .mobile-brand .brand-mark:before,
  body.app-body .mobile-brand .brand-mark:after{
    display:none!important;
  }

  body.app-body .mobile-brand .brand-mark{
    font-size:20px!important;
    font-weight:950!important;
    letter-spacing:-.05em!important;
    display:grid!important;
    place-items:center!important;
  }

  body.app-body .mobile-brand .brand-mark::before{
    content:"RB"!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    position:static!important;
    border:0!important;
    color:#ef233c!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:950!important;
  }

  body.app-body .mobile-brand .brand-copy b{
    color:#07142b!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
  }

  body.app-body .mobile-brand .brand-copy em{
    color:#ef233c!important;
  }

  body.app-body .mobile-brand .brand-copy small{
    color:#667085!important;
    font-weight:800!important;
  }

  body.app-body .mini-round{
    background:rgba(255,255,255,.96)!important;
    color:#07142b!important;
    border:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.075)!important;
  }

  body.app-body .mini-round.red,
  body.app-body .rb-admin-quick-btn{
    background:linear-gradient(145deg,#101827,#020617)!important;
    color:#fff!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 12px 26px rgba(15,23,42,.15)!important;
  }

  /* Light premium hero — removes the heavy black block */
  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026{
    position:relative!important;
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
    min-height:168px!important;
    margin:8px 0 16px!important;
    padding:18px 16px!important;
    overflow:hidden!important;
    border-radius:27px!important;
    border:1px solid rgba(226,232,240,.95)!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 46%,rgba(255,241,245,.96) 100%)!important;
    box-shadow:0 16px 36px rgba(15,23,42,.075)!important;
  }

  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026:before,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    right:-44px!important;
    bottom:-72px!important;
    left:auto!important;
    top:auto!important;
    width:220px!important;
    height:170px!important;
    border-radius:55% 0 0 0!important;
    background:linear-gradient(135deg,rgba(239,35,60,.06),rgba(239,35,60,.20))!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026:after,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    opacity:.65!important;
    background:
      radial-gradient(circle at 82% 24%, rgba(239,35,60,.055), transparent 28%),
      linear-gradient(120deg, transparent 0 54%, rgba(239,35,60,.065) 54% 100%)!important;
    pointer-events:none!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026{
    position:relative!important;
    z-index:2!important;
    width:104px!important;
    height:104px!important;
    min-width:104px!important;
    padding:4px!important;
    border-radius:32px!important;
    background:#fff!important;
    border:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 14px 26px rgba(15,23,42,.10)!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026 img{
    width:96px!important;
    height:96px!important;
    min-width:96px!important;
    border-radius:28px!important;
    border:0!important;
    object-fit:cover!important;
    box-shadow:none!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026::before,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026::before{
    content:""!important;
    position:absolute!important;
    inset:-5px!important;
    border-radius:36px!important;
    background:linear-gradient(145deg,rgba(239,35,60,.55),rgba(255,255,255,0))!important;
    z-index:-1!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026 i,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026 i{
    width:19px!important;
    height:19px!important;
    right:6px!important;
    bottom:6px!important;
    border:4px solid #fff!important;
    background:#22c55e!important;
    box-shadow:0 4px 12px rgba(34,197,94,.22)!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-main-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
    align-items:flex-start!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-kicker-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-kicker-2026{
    height:28px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:linear-gradient(145deg,#ff3b5d,#ef233c)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 8px 18px rgba(239,35,60,.18)!important;
    font-size:12px!important;
    line-height:28px!important;
    font-weight:950!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    margin:0 0 9px!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-main-2026 h2,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026 h2{
    color:#07142b!important;
    font-size:31px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.06em!important;
    margin:0!important;
    text-shadow:none!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-subtitle-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-subtitle-2026{
    margin:7px 0 13px!important;
    color:#1f2937!important;
    font-size:17px!important;
    line-height:1.1!important;
    font-weight:850!important;
  }

  body.app-body .home-profile-subtitle-2026 em{
    color:#ef233c!important;
    font-style:normal!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-edit-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026{
    min-width:142px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:21px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(226,232,240,.96)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.075)!important;
    color:#1f2937!important;
    font-size:15px!important;
    font-weight:900!important;
    padding:0 13px 0 16px!important;
    gap:10px!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-edit-2026 em,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026 em{
    width:26px!important;
    height:26px!important;
    background:linear-gradient(145deg,#ff3b5d,#ef233c)!important;
    color:#fff!important;
    font-size:24px!important;
    box-shadow:0 8px 16px rgba(239,35,60,.16)!important;
  }

  /* Search + language: both light and readable */
  body.app-body .home-quick-row-2026{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0 0 14px!important;
  }

  body.app-body .search-wrap{
    height:58px!important;
    margin:0!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(226,232,240,.96)!important;
    box-shadow:0 12px 26px rgba(15,23,42,.055)!important;
    padding:0 16px!important;
  }

  body.app-body .search-icon{
    color:#111827!important;
    font-size:25px!important;
  }

  body.app-body .search-wrap input{
    color:#111827!important;
    font-size:18px!important;
    font-weight:700!important;
  }

  body.app-body .search-wrap input::placeholder{
    color:#7b8493!important;
    font-weight:700!important;
  }

  body.app-body .search-sliders{
    display:none!important;
  }

  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026,
  body.app-body .home-language-row-2026{
    display:flex!important;
    align-items:center!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(226,232,240,.96)!important;
    box-shadow:0 12px 26px rgba(15,23,42,.055)!important;
  }

  body.app-body .home-language-row-2026 .language-switch-pill,
  body.app-body .app-shell.is-chats-view .home-quick-row-2026 .home-language-row-2026 .language-switch-pill,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-quick-row-2026 .home-language-row-2026 .language-switch-pill{
    width:100%!important;
    height:100%!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    color:#111827!important;
  }

  body.app-body .home-language-row-2026 .status-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:50%!important;
    background:#fff1f3!important;
    color:#ef233c!important;
    box-shadow:inset 0 0 0 1px rgba(239,35,60,.10)!important;
    font-size:21px!important;
  }

  body.app-body .home-language-row-2026 .status-copy b{
    color:#111827!important;
    font-size:17px!important;
    font-weight:950!important;
    line-height:1.05!important;
    max-width:none!important;
  }

  body.app-body .home-language-row-2026 .status-copy small{
    color:#667085!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  body.app-body .home-language-row-2026 .language-switch-pill:after{
    content:"⌄"!important;
    margin-left:auto!important;
    color:#667085!important;
    font-size:21px!important;
  }

  body.app-body .home-translate-icon-2026{
    display:none!important;
  }

  /* Tabs: calmer, premium segmented control */
  body.app-body .tab-row{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:0!important;
    height:56px!important;
    margin:0 0 15px!important;
    padding:4px!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(226,232,240,.96)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
    overflow:visible!important;
  }

  body.app-body .chip{
    height:48px!important;
    min-width:0!important;
    border-radius:18px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#1f2937!important;
    font-size:15.5px!important;
    font-weight:950!important;
    padding:0 8px!important;
  }

  body.app-body .chip.active{
    background:linear-gradient(145deg,#fff1f3,#ffffff)!important;
    color:#ef233c!important;
    border:1px solid rgba(239,35,60,.18)!important;
    box-shadow:0 8px 18px rgba(239,35,60,.08)!important;
  }

  body.app-body .app-shell.is-rooms-view .tab-row .chip[data-filter="groups"]{
    background:linear-gradient(145deg,#2f8bff,#0d63e8)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 10px 20px rgba(29,115,248,.22)!important;
  }

  body.app-body .chip[data-filter="groups"]::after{
    background:linear-gradient(145deg,#ff3b5d,#ef233c)!important;
    color:#fff!important;
    box-shadow:0 8px 16px rgba(239,35,60,.18)!important;
  }

  body.app-body .recent-section-label-2026{
    color:#6b7280!important;
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
    margin:2px 0 8px!important;
  }

  body.app-body .recent-section-label-2026 i,
  body.app-body .recent-section-label-2026:before{
    background:#ef233c!important;
    box-shadow:0 0 0 6px rgba(239,35,60,.10)!important;
  }

  /* Chat cards: flatter, cleaner, more adult */
  body.app-body .chat-list{
    gap:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
    border:1px solid rgba(226,232,240,.95)!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 14px 30px rgba(15,23,42,.06)!important;
  }

  body.app-body .chat-list .chat-item,
  body.app-body .chat-item{
    min-height:78px!important;
    border-radius:0!important;
    border:0!important;
    border-bottom:1px solid rgba(226,232,240,.78)!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.96)!important;
    padding:10px 13px!important;
    grid-template-columns:58px minmax(0,1fr) auto!important;
    gap:12px!important;
  }

  body.app-body .chat-list .chat-item:nth-of-type(2){
    background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(240,253,244,.72))!important;
  }

  body.app-body .chat-list .chat-item:nth-of-type(3){
    background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(253,244,255,.72))!important;
  }

  body.app-body .chat-list .chat-item:last-child{
    border-bottom:0!important;
  }

  body.app-body .avatar-wrap,
  body.app-body .avatar-wrap img{
    width:50px!important;
    height:50px!important;
    border-radius:50%!important;
  }

  body.app-body .chat-item b{
    color:#07142b!important;
    font-size:20px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
  }

  body.app-body .chat-item small{
    color:#667085!important;
    font-size:13.5px!important;
    font-weight:800!important;
  }

  body.app-body .chat-meta em{
    color:#64748b!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  body.app-body .chat-meta:after{
    content:"›"!important;
    color:#98a2b3!important;
    font-size:23px!important;
    line-height:1!important;
    margin-left:8px!important;
  }

  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{
    background:linear-gradient(145deg,#ff3b5d,#ef233c)!important;
    color:#fff!important;
    box-shadow:0 8px 16px rgba(239,35,60,.18)!important;
  }

  /* Bottom nav: remove heavy dark centre button from last version */
  body.app-body .bottom-nav{
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 18px 42px rgba(15,23,42,.12)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  body.app-body .bottom-link{
    color:#667085!important;
  }

  body.app-body .bottom-link.active{
    background:#fff1f3!important;
    color:#ef233c!important;
  }

  body.app-body .bottom-link.add.rb-brand-action{
    background:linear-gradient(145deg,#ff3b5d,#d90f2d)!important;
    color:#fff!important;
    border:5px solid rgba(255,255,255,.96)!important;
    box-shadow:0 14px 28px rgba(239,35,60,.25),0 0 0 1px rgba(239,35,60,.10)!important;
  }

  body.app-body .bottom-link.add.rb-brand-action .rb-mark-main{
    color:#fff!important;
  }
}

@media (max-width:380px){
  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:13px!important;
    min-height:156px!important;
    padding:16px 13px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026{
    width:96px!important;
    height:96px!important;
    min-width:96px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026 img,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026 img{
    width:88px!important;
    height:88px!important;
    min-width:88px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-main-2026 h2,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026 h2{
    font-size:27px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-subtitle-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-subtitle-2026{
    font-size:15px!important;
  }
  body.app-body .app-shell.is-chats-view .home-profile-edit-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026{
    min-width:128px!important;
    font-size:13.5px!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.6.6 — logo fix + compact Rooms list
   Fixes: top RB logo duplicated as "RBRB"; Rooms cards too stretched.
   ========================================================= */
@media (max-width:980px){

  /* Header logo: one clean RB only */
  body.app-body .mobile-brand .brand-mark,
  body.app-body .rb-brand-2026.mobile-brand .brand-mark{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:17px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,#111827,#020617)!important;
    border:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.13)!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:0!important;
  }
  body.app-body .mobile-brand .brand-mark::before,
  body.app-body .rb-brand-2026.mobile-brand .brand-mark::before{
    content:"RB"!important;
    display:block!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    border:0!important;
    border-radius:0!important;
    transform:none!important;
    background:transparent!important;
    color:#ef233c!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.07em!important;
    text-indent:0!important;
  }
  body.app-body .mobile-brand .brand-mark::after,
  body.app-body .rb-brand-2026.mobile-brand .brand-mark::after{
    content:none!important;
    display:none!important;
  }

  /* Rooms screen: more compact and less stretched */
  body.app-body .app-shell.is-rooms-view .list-panel{
    padding-top:8px!important;
  }

  body.app-body .app-shell.is-rooms-view .panel-header{
    margin-bottom:8px!important;
  }
  body.app-body .app-shell.is-rooms-view .panel-header h1{
    font-size:39px!important;
    line-height:.95!important;
    margin:4px 0 2px!important;
  }
  body.app-body .app-shell.is-rooms-view .panel-header p{
    font-size:15px!important;
    line-height:1.15!important;
  }

  body.app-body .app-shell.is-rooms-view .search-wrap{
    height:50px!important;
    border-radius:20px!important;
    margin-bottom:10px!important;
  }
  body.app-body .app-shell.is-rooms-view .search-wrap input{
    font-size:16px!important;
  }

  body.app-body .app-shell.is-rooms-view .tab-row{
    height:50px!important;
    margin-bottom:10px!important;
    border-radius:20px!important;
  }
  body.app-body .app-shell.is-rooms-view .chip{
    height:42px!important;
    border-radius:16px!important;
    font-size:14.5px!important;
  }

  body.app-body .app-shell.is-rooms-view .room-list{
    gap:8px!important;
    padding-bottom:8px!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-v280{
    min-height:116px!important;
    margin:0 0 9px!important;
    padding:13px 14px!important;
    border-radius:22px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.app-body .app-shell.is-rooms-view .rooms-hero-art-v280{
    width:54px!important;
    height:54px!important;
    border-radius:18px!important;
  }
  body.app-body .app-shell.is-rooms-view .rooms-hero-art-v280 svg{
    width:28px!important;
    height:28px!important;
  }
  body.app-body .app-shell.is-rooms-view .rooms-hero-copy-v280 b{
    font-size:23px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  body.app-body .app-shell.is-rooms-view .rooms-hero-copy-v280 small{
    font-size:13px!important;
    line-height:1.18!important;
    margin-top:5px!important;
  }
  body.app-body .app-shell.is-rooms-view .rooms-hero-copy-v280 span{
    height:38px!important;
    max-width:100%!important;
    padding:0 14px!important;
    margin-top:9px!important;
    border-radius:18px!important;
    font-size:13px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-v280,
  body.app-body .app-shell.is-rooms-view .my-rooms-v285{
    margin:0 0 8px!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-head-v280.room-section-head-photo-v302,
  body.app-body .app-shell.is-rooms-view .room-section-head-v280{
    min-height:78px!important;
    padding:9px 10px!important;
    border-radius:21px!important;
    grid-template-columns:58px minmax(0,1fr) auto!important;
    gap:10px!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-icon-v280,
  body.app-body .app-shell.is-rooms-view .room-section-photo-v302{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:17px!important;
  }
  body.app-body .app-shell.is-rooms-view .room-section-icon-v280 img,
  body.app-body .app-shell.is-rooms-view .room-section-photo-v302 img{
    width:54px!important;
    height:54px!important;
    object-fit:cover!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-copy-v280 b{
    font-size:19px!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
  }
  body.app-body .app-shell.is-rooms-view .room-section-copy-v280 small{
    font-size:12.5px!important;
    line-height:1.16!important;
    margin-top:3px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.app-body .app-shell.is-rooms-view .room-section-copy-v280 em{
    display:none!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-counts-v302{
    gap:5px!important;
  }
  body.app-body .app-shell.is-rooms-view .room-section-counts-v302 i,
  body.app-body .app-shell.is-rooms-view .room-section-counts-v302 strong{
    min-width:28px!important;
    height:28px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
  body.app-body .app-shell.is-rooms-view .room-section-open-v302,
  body.app-body .app-shell.is-rooms-view .room-section-fav-v302{
    display:none!important;
  }
  body.app-body .app-shell.is-rooms-view .room-section-chevron-v280{
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    font-size:19px!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-body-v280,
  body.app-body .app-shell.is-rooms-view .my-rooms-list-v285{
    display:grid!important;
    gap:7px!important;
    padding:7px 0 0!important;
  }

  body.app-body .app-shell.is-rooms-view .room-card.premium-room-card-v280.room-card-photo-v282,
  body.app-body .app-shell.is-rooms-view .room-card.premium-room-card-v280,
  body.app-body .app-shell.is-rooms-view .my-room-card-v285{
    min-height:68px!important;
    grid-template-columns:48px minmax(0,1fr) 38px!important;
    gap:10px!important;
    padding:8px 9px!important;
    border-radius:19px!important;
    margin:0!important;
  }

  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-icon-v280,
  body.app-body .app-shell.is-rooms-view .premium-room-icon-v280,
  body.app-body .app-shell.is-rooms-view .room-photo-thumb-v282{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:15px!important;
  }
  body.app-body .app-shell.is-rooms-view .premium-room-icon-v280 img,
  body.app-body .app-shell.is-rooms-view .room-photo-thumb-v282 img{
    width:46px!important;
    height:46px!important;
    object-fit:cover!important;
  }

  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-copy-v280 b,
  body.app-body .app-shell.is-rooms-view .premium-room-copy-v280 b{
    font-size:17px!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
  }
  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-copy-v280 small,
  body.app-body .app-shell.is-rooms-view .premium-room-copy-v280 small{
    font-size:12px!important;
    line-height:1.14!important;
    margin-top:2px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-copy-v280 em,
  body.app-body .app-shell.is-rooms-view .premium-room-copy-v280 em{
    display:none!important;
  }

  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280{
    width:36px!important;
    min-width:36px!important;
    justify-content:flex-end!important;
  }
  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-star{
    display:none!important;
  }
  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-open{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    padding:0!important;
    font-size:0!important;
    background:#f1f5f9!important;
    border:1px solid rgba(226,232,240,.92)!important;
    color:#94a3b8!important;
    box-shadow:none!important;
  }
  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-open::before{
    content:"›"!important;
    font-size:23px!important;
    line-height:1!important;
  }
  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-activity-badge{
    right:28px!important;
    top:5px!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    font-size:10px!important;
  }

  body.app-body .app-shell.is-rooms-view .my-rooms-head-v285{
    min-height:42px!important;
    padding:4px 2px 4px!important;
    margin:0 0 6px!important;
  }
  body.app-body .app-shell.is-rooms-view .my-rooms-head-v285 span{
    width:34px!important;
    height:34px!important;
    border-radius:14px!important;
  }
  body.app-body .app-shell.is-rooms-view .my-rooms-head-v285 b{
    font-size:18px!important;
  }
  body.app-body .app-shell.is-rooms-view .my-rooms-head-v285 small{
    display:none!important;
  }
}

@media (max-width:380px){
  body.app-body .mobile-brand .brand-mark,
  body.app-body .rb-brand-2026.mobile-brand .brand-mark{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:15px!important;
  }
  body.app-body .mobile-brand .brand-mark::before,
  body.app-body .rb-brand-2026.mobile-brand .brand-mark::before{
    font-size:18px!important;
  }
  body.app-body .app-shell.is-rooms-view .room-section-copy-v280 b{
    font-size:17.5px!important;
  }
  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-copy-v280 b,
  body.app-body .app-shell.is-rooms-view .premium-room-copy-v280 b{
    font-size:16px!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.6.7 — dark mode tab readability fix
   Fixes: "All / Reachable / Rooms" text too pale in dark theme.
   ========================================================= */
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row{
  background:rgba(15,23,42,.92)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  color:#e5edf7!important;
  -webkit-text-fill-color:#e5edf7!important;
  text-shadow:none!important;
  opacity:1!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip[data-filter="all"]{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip[data-filter="online"]{
  color:#d8fbe6!important;
  -webkit-text-fill-color:#d8fbe6!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip.active{
  background:linear-gradient(145deg,#ff6681,#ef476f)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 12px 24px rgba(239,71,111,.26)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .tab-row .chip[data-filter="groups"]{
  background:linear-gradient(145deg,#2f8bff,#0d63e8)!important;
  border-color:rgba(255,255,255,.06)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 12px 24px rgba(29,115,248,.24)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip .chip-badge{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  background:#ffffff!important;
  box-shadow:none!important;
}


/* =========================================================
   RedsBlack Chat v3.6.8 — compact chats + lighter RB logo
   - makes chat cards tighter / less stretched
   - improves right-side unread/time layout
   - refines top RB logo to a cleaner, brighter premium mark
   ========================================================= */
body.app-body .mobile-brand.rb-brand-2026 .brand-mark{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.22), transparent 32%),
    linear-gradient(145deg,#0f1b33 0%, #081223 58%, #15294a 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#ff355d!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.09em!important;
  box-shadow:
    0 12px 26px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 0 1px rgba(239,35,60,.06)!important;
  display:grid!important;
  place-items:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.08)!important;
}
body.app-body .mobile-brand.rb-brand-2026 .brand-mark:before,
body.app-body .mobile-brand.rb-brand-2026 .brand-mark:after{
  content:none!important;
  display:none!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .mobile-brand.rb-brand-2026 .brand-mark{
  background:
    radial-gradient(circle at 32% 20%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(145deg,#10203a 0%, #0a1325 55%, #132546 100%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#ff476f!important;
}

body.app-body .chat-list{
  gap:8px!important;
}
body.app-body .chat-item,
body.app-body .chat-list .chat-item,
body.app-body .chat-list .chat-item:first-child{
  min-height:74px!important;
  grid-template-columns:54px minmax(0,1fr) 58px!important;
  gap:10px!important;
  padding:9px 11px!important;
  border-radius:20px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
}
body.app-body .avatar-wrap,
body.app-body .avatar-wrap img,
body.app-body .chat-list .chat-item .avatar-wrap,
body.app-body .chat-list .chat-item img{
  width:48px!important;
  height:48px!important;
}
body.app-body .chat-list .chat-item img{
  border-radius:17px!important;
}
body.app-body .avatar-wrap .presence{
  width:14px!important;
  height:14px!important;
  border-width:3px!important;
}
body.app-body .chat-item b,
body.app-body .chat-list .chat-item b{
  font-size:17px!important;
  line-height:1.04!important;
  font-weight:950!important;
  max-width:100%!important;
}
body.app-body .chat-item small,
body.app-body .chat-list .chat-item small{
  margin-top:3px!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:800!important;
  max-width:100%!important;
}
body.app-body .chat-meta,
body.app-body .chat-item .chat-meta{
  min-width:54px!important;
  width:54px!important;
  justify-items:end!important;
  align-content:center!important;
  gap:4px!important;
  text-align:right!important;
}
body.app-body .chat-meta em,
body.app-body .chat-item .chat-meta em{
  max-width:54px!important;
  font-size:11px!important;
  line-height:1.05!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#ef3b5d!important;
}
body.app-body .chat-item.has-unread .chat-meta em{
  font-size:0!important;
}
body.app-body .chat-item.has-unread .chat-meta em:before{
  content:"New"!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#ef3b5d!important;
  letter-spacing:.01em!important;
}
body.app-body .badge.private-unread-badge,
body.app-body .private-unread-badge{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:15px!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 8px 18px rgba(239,59,93,.22)!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-item,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .chat-item,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .chat-list .chat-item:first-child{
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
}


/* =========================================================
   RedsBlack Chat v3.6.9 — room stars back + stronger arrows
   Fixes: favorite stars disappeared after compact Rooms patch;
   open arrows were too pale in dark mode.
   ========================================================= */
@media (max-width:980px){

  body.app-body .app-shell.is-rooms-view .room-card.premium-room-card-v280.room-card-photo-v282,
  body.app-body .app-shell.is-rooms-view .room-card.premium-room-card-v280,
  body.app-body .app-shell.is-rooms-view .my-room-card-v285{
    grid-template-columns:46px minmax(0,1fr) 78px!important;
    gap:9px!important;
    min-height:68px!important;
    padding:8px 9px!important;
  }

  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280,
  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-actions-v280{
    width:76px!important;
    min-width:76px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    position:relative!important;
  }

  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-star,
  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-actions-v280 .room-star,
  body.app-body .app-shell.is-rooms-view .my-room-card-v285 .premium-room-actions-v280 .room-star{
    display:grid!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:50%!important;
    place-items:center!important;
    background:linear-gradient(145deg,#fff9db,#ffd84d)!important;
    color:#9a6500!important;
    border:1px solid rgba(245,158,11,.32)!important;
    box-shadow:0 7px 16px rgba(245,158,11,.20)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-star.is-on,
  body.app-body .app-shell.is-rooms-view .my-room-card-v285 .premium-room-actions-v280 .room-star.is-on{
    background:linear-gradient(145deg,#ffd84d,#f59e0b)!important;
    color:#ffffff!important;
    border-color:rgba(255,255,255,.42)!important;
    box-shadow:0 8px 18px rgba(245,158,11,.34)!important;
  }

  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-star svg,
  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-actions-v280 .room-star svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    opacity:1!important;
    stroke:currentColor!important;
    fill:currentColor!important;
    stroke-width:1.8!important;
  }

  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-open,
  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-actions-v280 .room-open{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:50%!important;
    padding:0!important;
    font-size:0!important;
    background:#ffffff!important;
    color:#1f2937!important;
    border:1px solid rgba(203,213,225,.95)!important;
    box-shadow:0 7px 16px rgba(15,23,42,.11)!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-open:before,
  body.app-body .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-actions-v280 .room-open:before{
    content:"›"!important;
    display:block!important;
    font-size:27px!important;
    line-height:1!important;
    color:#1f2937!important;
    -webkit-text-fill-color:#1f2937!important;
    font-weight:950!important;
    transform:translateX(1px)!important;
    opacity:1!important;
  }

  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-activity-badge{
    right:68px!important;
    top:0!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    font-size:10px!important;
    z-index:3!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .premium-room-actions-v280 .room-star,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-actions-v280 .room-star{
    background:linear-gradient(145deg,#fff3bf,#fbbf24)!important;
    color:#4b3411!important;
    border-color:rgba(251,191,36,.38)!important;
    box-shadow:0 8px 18px rgba(251,191,36,.25)!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .premium-room-actions-v280 .room-star.is-on,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .my-room-card-v285 .premium-room-actions-v280 .room-star.is-on{
    background:linear-gradient(145deg,#ffd84d,#f59e0b)!important;
    color:#ffffff!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .premium-room-actions-v280 .room-open,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-actions-v280 .room-open{
    background:#f8fafc!important;
    color:#0f172a!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .premium-room-actions-v280 .room-open:before,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-card-photo-v282 .premium-room-actions-v280 .room-open:before{
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }
}

@media (max-width:380px){
  body.app-body .app-shell.is-rooms-view .room-card.premium-room-card-v280.room-card-photo-v282,
  body.app-body .app-shell.is-rooms-view .room-card.premium-room-card-v280,
  body.app-body .app-shell.is-rooms-view .my-room-card-v285{
    grid-template-columns:44px minmax(0,1fr) 72px!important;
  }
  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280{
    width:70px!important;
    min-width:70px!important;
    gap:5px!important;
  }
  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-star,
  body.app-body .app-shell.is-rooms-view .premium-room-actions-v280 .room-open{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.7.0 — compact chats + round avatars + slimmer tabs
   Fixes:
   - recent chats were too tall / too stretched, especially with unread badge
   - user avatars looked too square; now larger and fully round
   - All / Reachable / Rooms tabs are slimmer, smaller and sit higher
   ========================================================= */
@media (max-width:980px){
  /* slimmer top filters on home + rooms */
  body.app-body .tab-row{
    height:48px!important;
    margin:-2px 0 10px!important;
    padding:3px!important;
    border-radius:18px!important;
  }
  body.app-body .chip{
    height:40px!important;
    border-radius:14px!important;
    font-size:13.5px!important;
    letter-spacing:-.01em!important;
    padding:0 7px!important;
  }
  body.app-body .chip[data-filter="groups"]::after{
    min-width:22px!important;
    height:22px!important;
    font-size:11px!important;
    padding:0 7px!important;
    margin-left:7px!important;
  }

  body.app-body .app-shell.is-rooms-view .tab-row{
    height:46px!important;
    margin:-1px 0 8px!important;
    border-radius:18px!important;
  }
  body.app-body .app-shell.is-rooms-view .chip{
    height:38px!important;
    border-radius:14px!important;
    font-size:13px!important;
  }

  /* recent chats: tighter cards */
  body.app-body .chat-list{
    gap:0!important;
    border-radius:22px!important;
  }
  body.app-body .chat-list .chat-item,
  body.app-body .chat-item{
    min-height:68px!important;
    grid-template-columns:64px minmax(0,1fr) 42px!important;
    gap:10px!important;
    padding:8px 10px!important;
    align-items:center!important;
  }
  body.app-body .chat-list .chat-item > span:not(.avatar-wrap):not(.chat-meta),
  body.app-body .chat-item > span:not(.avatar-wrap):not(.chat-meta){
    min-width:0!important;
    overflow:hidden!important;
  }

  /* avatars: bigger and fully circular */
  body.app-body .avatar-wrap,
  body.app-body .avatar-wrap img,
  body.app-body .chat-list .chat-item .avatar-wrap,
  body.app-body .chat-list .chat-item img{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    border-radius:50%!important;
  }
  body.app-body .avatar-wrap,
  body.app-body .chat-list .chat-item .avatar-wrap{
    overflow:hidden!important;
    border-radius:50%!important;
  }
  body.app-body .avatar-wrap img,
  body.app-body .chat-list .chat-item img{
    object-fit:cover!important;
    border-radius:50%!important;
  }
  body.app-body .avatar-wrap .presence{
    width:16px!important;
    height:16px!important;
    border-width:3px!important;
    right:0!important;
    bottom:0!important;
  }

  body.app-body .chat-item b,
  body.app-body .chat-list .chat-item b{
    font-size:18px!important;
    line-height:1.03!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    display:block!important;
  }
  body.app-body .chat-item small,
  body.app-body .chat-list .chat-item small{
    margin-top:2px!important;
    font-size:12.5px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    display:block!important;
  }

  /* keep right column narrow so unread state does not stretch the row */
  body.app-body .chat-meta,
  body.app-body .chat-item .chat-meta{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    display:grid!important;
    justify-items:end!important;
    align-content:center!important;
    gap:4px!important;
    text-align:right!important;
  }
  body.app-body .chat-meta em,
  body.app-body .chat-item .chat-meta em{
    display:block!important;
    max-width:42px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:0!important;
  }
  body.app-body .chat-meta:after,
  body.app-body .chat-item .chat-meta:after{
    font-size:20px!important;
    margin-left:0!important;
  }
  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:999px!important;
    font-size:12px!important;
    font-weight:950!important;
    margin:0!important;
    box-shadow:0 8px 16px rgba(239,35,60,.18)!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em,
  body.app-body .chat-list .chat-item.has-unread .chat-meta em{
    font-size:0!important;
    max-height:0!important;
    overflow:hidden!important;
    margin:0!important;
  }

  /* slightly brighter RB logo */
  body.app-body .mobile-brand .brand-mark,
  body.app-body .rb-brand-2026.mobile-brand .brand-mark{
    background:linear-gradient(145deg,#15203a,#071226)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 10px 20px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
}

@media (max-width:420px){
  body.app-body .tab-row{
    height:46px!important;
    margin:-2px 0 9px!important;
  }
  body.app-body .chip{
    height:38px!important;
    font-size:12.8px!important;
  }
  body.app-body .chat-list .chat-item,
  body.app-body .chat-item{
    min-height:66px!important;
    grid-template-columns:60px minmax(0,1fr) 40px!important;
    padding:8px 9px!important;
    gap:9px!important;
  }
  body.app-body .avatar-wrap,
  body.app-body .avatar-wrap img,
  body.app-body .chat-list .chat-item .avatar-wrap,
  body.app-body .chat-list .chat-item img{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }
  body.app-body .chat-item b,
  body.app-body .chat-list .chat-item b{
    font-size:17px!important;
  }
  body.app-body .chat-item small,
  body.app-body .chat-list .chat-item small{
    font-size:12px!important;
  }
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip{
  color:#e9eef8!important;
  -webkit-text-fill-color:#e9eef8!important;
}
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .tab-row .chip[data-filter="online"]{
  color:#d9fae7!important;
  -webkit-text-fill-color:#d9fae7!important;
}


/* =========================================================
   RedsBlack Chat v3.7.1 — truly round avatars + stable compact rows
   ========================================================= */
@media (max-width:980px){
  body.app-body .chat-list{gap:0!important;border-radius:22px!important;overflow:hidden!important;}
  body.app-body .chat-list .chat-item,
  body.app-body .chat-item{
    min-height:66px!important;
    grid-template-columns:62px minmax(0,1fr) 42px!important;
    gap:9px!important;
    padding:8px 10px!important;
    align-items:center!important;
  }
  body.app-body .chat-item > span:not(.avatar-wrap):not(.chat-meta),
  body.app-body .chat-list .chat-item > span:not(.avatar-wrap):not(.chat-meta){min-width:0!important;overflow:hidden!important;}
  body.app-body .avatar-wrap,
  body.app-body .chat-list .chat-item .avatar-wrap{
    position:relative!important;
    width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
    border-radius:50%!important;
    overflow:visible!important;
    display:block!important;
    box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
    background:#fff!important;
  }
  body.app-body .avatar-wrap img,
  body.app-body .chat-list .chat-item img{
    width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:block!important;
    overflow:hidden!important;
    border:3px solid #fff!important;
    box-shadow:none!important;
  }
  body.app-body .avatar-wrap .presence,
  body.app-body .chat-list .chat-item .avatar-wrap .presence{
    position:absolute!important;
    width:16px!important;height:16px!important;
    right:0!important;bottom:0!important;
    border-radius:50%!important;
    border:3px solid #fff!important;
    z-index:4!important;
    box-shadow:0 4px 10px rgba(15,23,42,.14)!important;
  }
  body.app-body .chat-item b,
  body.app-body .chat-list .chat-item b{
    font-size:17px!important;line-height:1.03!important;max-width:100%!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.app-body .chat-item small,
  body.app-body .chat-list .chat-item small{
    margin-top:2px!important;font-size:12px!important;line-height:1.1!important;max-width:100%!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.app-body .chat-meta,
  body.app-body .chat-item .chat-meta{
    width:42px!important;min-width:42px!important;max-width:42px!important;
    display:grid!important;justify-items:end!important;align-content:center!important;gap:3px!important;text-align:right!important;
  }
  body.app-body .chat-meta em,
  body.app-body .chat-item .chat-meta em{
    max-width:42px!important;font-size:10.5px!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.app-body .chat-item.has-unread .chat-meta em{display:none!important;}
  body.app-body .badge.private-unread-badge,
  body.app-body .private-unread-badge{
    width:26px!important;height:26px!important;min-width:26px!important;border-radius:999px!important;
    font-size:12px!important;margin:0!important;
  }
  body.app-body .tab-row{height:46px!important;margin:-3px 0 9px!important;padding:3px!important;border-radius:18px!important;}
  body.app-body .chip{height:38px!important;border-radius:14px!important;font-size:13px!important;padding:0 7px!important;}
}
@media (max-width:420px){
  body.app-body .chat-list .chat-item,
  body.app-body .chat-item{
    min-height:64px!important;
    grid-template-columns:60px minmax(0,1fr) 40px!important;
    padding:7px 9px!important;
  }
  body.app-body .avatar-wrap,
  body.app-body .chat-list .chat-item .avatar-wrap,
  body.app-body .avatar-wrap img,
  body.app-body .chat-list .chat-item img{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
  }
  body.app-body .chat-item b,
  body.app-body .chat-list .chat-item b{font-size:16.5px!important;}
}


/* =========================================================
   RedsBlack Chat v3.7.8 — latest Urbiax listing card in chat flow
   This keeps the top horizontal feed and adds the newest listing as a larger
   clickable card inside the Urbiax Rentals conversation.
   ========================================================= */
.urbiax-chat-latest-card{
  width:min(100%, 560px);
  margin:6px auto 10px;
  align-self:center;
  border-radius:24px;
  border:1px solid rgba(29,115,248,.18);
  background:linear-gradient(145deg,#ffffff 0%,#f6fbff 56%,#fff1f5 100%);
  box-shadow:0 16px 36px rgba(15,23,42,.10);
  overflow:hidden;
}
.urbiax-chat-latest-link{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:12px;
  padding:12px;
  text-decoration:none;
  color:#07142b;
}
.urbiax-chat-latest-image,
.urbiax-chat-latest-image img,
.urbiax-chat-latest-image .urbiax-no-photo{
  width:118px;
  height:118px;
  min-height:118px;
  border-radius:20px;
  overflow:hidden;
}
.urbiax-chat-latest-image img{object-fit:cover;display:block;}
.urbiax-chat-latest-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px;}
.urbiax-chat-latest-label{
  width:max-content;
  max-width:100%;
  padding:4px 9px;
  border-radius:999px;
  background:linear-gradient(145deg,#ff3b5d,#ef233c);
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:950;
  box-shadow:0 8px 16px rgba(239,35,60,.18);
}
.urbiax-chat-latest-copy b{
  color:#07142b;
  font-size:18px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.035em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.urbiax-chat-latest-copy em{
  font-style:normal;
  color:#ef233c;
  font-size:16px;
  line-height:1;
  font-weight:950;
}
.urbiax-chat-latest-copy small{
  color:#64748b;
  font-size:12px;
  line-height:1.15;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.urbiax-chat-latest-desc{
  color:#475569;
  font-size:12px;
  line-height:1.25;
  font-weight:650;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.urbiax-chat-latest-cta{
  width:max-content;
  max-width:100%;
  margin-top:2px;
  padding:7px 11px;
  border-radius:999px;
  background:#07142b;
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:950;
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .urbiax-chat-latest-card{
  border-color:rgba(148,163,184,.20);
  background:linear-gradient(145deg,#111827 0%,#0b1220 58%,#1b1225 100%);
  box-shadow:0 16px 36px rgba(0,0,0,.30);
}
html[data-rbc-theme="dark"] body.rbc-dark-theme .urbiax-chat-latest-copy b{color:#f8fafc;}
html[data-rbc-theme="dark"] body.rbc-dark-theme .urbiax-chat-latest-copy small,
html[data-rbc-theme="dark"] body.rbc-dark-theme .urbiax-chat-latest-desc{color:#a8b3c7;}
html[data-rbc-theme="dark"] body.rbc-dark-theme .urbiax-chat-latest-cta{background:#f8fafc;color:#07142b;}
@media (max-width:520px){
  .urbiax-chat-latest-card{margin:6px 0 10px;border-radius:22px;}
  .urbiax-chat-latest-link{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:10px;}
  .urbiax-chat-latest-image,
  .urbiax-chat-latest-image img,
  .urbiax-chat-latest-image .urbiax-no-photo{width:104px;height:104px;min-height:104px;border-radius:18px;}
  .urbiax-chat-latest-copy b{font-size:16px;}
  .urbiax-chat-latest-copy em{font-size:14px;}
}
@media (max-width:380px){
  .urbiax-chat-latest-link{grid-template-columns:92px minmax(0,1fr);}
  .urbiax-chat-latest-image,
  .urbiax-chat-latest-image img,
  .urbiax-chat-latest-image .urbiax-no-photo{width:92px;height:92px;min-height:92px;}
  .urbiax-chat-latest-desc{display:none;}
}


/* =========================================================
   RedsBlack Chat v3.7.9 — compact Rooms intro + category tint cards
   Scope: Rooms overview only. Keeps previous fixes intact.
   ========================================================= */
@media (max-width:980px){

  /* Small informative banner instead of a huge hero card */
  body.app-body .app-shell.is-rooms-view .rooms-hero-v280,
  body.app-body .app-shell.is-rooms-view .rooms-project-hero-v308{
    min-height:58px!important;
    margin:0 0 8px!important;
    padding:8px 10px!important;
    border-radius:18px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,242,246,.92))!important;
    border:1px solid rgba(239,35,60,.12)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
    overflow:hidden!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-v280:before,
  body.app-body .app-shell.is-rooms-view .rooms-project-hero-v308:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:10px!important;
    bottom:10px!important;
    width:4px!important;
    border-radius:999px!important;
    background:#ef233c!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-art-v280{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:12px!important;
    box-shadow:inset 0 0 0 1px rgba(239,35,60,.10)!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-art-v280 svg{
    width:18px!important;
    height:18px!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-copy-v280{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-copy-v280 b{
    font-size:14.5px!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-copy-v280 small{
    display:none!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-copy-v280 span{
    width:max-content!important;
    max-width:100%!important;
    height:26px!important;
    min-height:26px!important;
    margin-top:2px!important;
    padding:0 10px!important;
    border-radius:13px!important;
    font-size:11.5px!important;
    line-height:26px!important;
    box-shadow:0 7px 14px rgba(239,35,60,.13)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.app-body .app-shell.is-rooms-view .rooms-hero-bubble-v280,
  body.app-body .app-shell.is-rooms-view .rooms-hero-bubble-v308{
    display:none!important;
  }

  /* Give every main section a clearer visual identity */
  body.app-body .app-shell.is-rooms-view .room-section-v280{
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);
    --rbc-section-border:rgba(226,232,240,.92);
    --rbc-section-shadow:0 8px 18px rgba(15,23,42,.045);
    margin:0 0 7px!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-london_community{
    --rbc-sec:#ef233c;
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#fff4f6 100%);
    --rbc-section-border:rgba(239,35,60,.16);
  }

  body.app-body .app-shell.is-rooms-view .room-section-homes_rentals{
    --rbc-sec:#18a56f;
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#effdf6 100%);
    --rbc-section-border:rgba(24,165,111,.18);
  }

  body.app-body .app-shell.is-rooms-view .room-section-marketplace{
    --rbc-sec:#f28c18;
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%);
    --rbc-section-border:rgba(242,140,24,.20);
  }

  body.app-body .app-shell.is-rooms-view .room-section-adult_18{
    --rbc-sec:#e83d75;
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#fff1f7 100%);
    --rbc-section-border:rgba(232,61,117,.20);
  }

  body.app-body .app-shell.is-rooms-view .room-section-entertainment{
    --rbc-sec:#7a4df3;
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#f4f0ff 100%);
    --rbc-section-border:rgba(122,77,243,.20);
  }

  body.app-body .app-shell.is-rooms-view .room-section-work_london{
    --rbc-sec:#2f80ed;
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#eef6ff 100%);
    --rbc-section-border:rgba(47,128,237,.20);
  }

  body.app-body .app-shell.is-rooms-view .room-section-housing_london{
    --rbc-sec:#0ea5a4;
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#ecfeff 100%);
    --rbc-section-border:rgba(14,165,164,.20);
  }

  body.app-body .app-shell.is-rooms-view .room-section-general{
    --rbc-sec:#64748b;
    --rbc-section-bg:linear-gradient(135deg,#ffffff 0%,#f6f7fb 100%);
    --rbc-section-border:rgba(100,116,139,.18);
  }

  body.app-body .app-shell.is-rooms-view .room-section-head-v280,
  body.app-body .app-shell.is-rooms-view .room-section-head-v280.room-section-head-photo-v302{
    background:var(--rbc-section-bg)!important;
    border-color:var(--rbc-section-border)!important;
    box-shadow:var(--rbc-section-shadow)!important;
    min-height:74px!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-head-v280:before{
    background:var(--rbc-sec)!important;
    opacity:.95!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-icon-v280,
  body.app-body .app-shell.is-rooms-view .room-section-photo-v302{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.9),
      0 7px 14px rgba(15,23,42,.055)!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-counts-v302 i{
    background:linear-gradient(145deg,#ff4f73,#ef233c)!important;
    color:#fff!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-counts-v302 strong{
    background:rgba(255,255,255,.72)!important;
    color:#334155!important;
    border-color:rgba(226,232,240,.82)!important;
  }

  body.app-body .app-shell.is-rooms-view .room-section-chevron-v280{
    background:rgba(255,255,255,.82)!important;
    color:#334155!important;
  }
}

/* Dark theme keeps the same identity but with readable dark cards */
@media (max-width:980px){
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .rooms-hero-v280,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .rooms-project-hero-v308{
    background:linear-gradient(135deg,#151e31,#0f172a)!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-head-v280,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-head-v280.room-section-head-photo-v302{
    background:
      linear-gradient(135deg,rgba(15,23,42,.98),rgba(17,24,39,.92))!important;
    border-color:rgba(148,163,184,.16)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-london_community .room-section-head-v280{background:linear-gradient(135deg,#111827,#24121a)!important;}
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-homes_rentals .room-section-head-v280{background:linear-gradient(135deg,#111827,#0f241b)!important;}
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-marketplace .room-section-head-v280{background:linear-gradient(135deg,#111827,#281b0f)!important;}
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-adult_18 .room-section-head-v280{background:linear-gradient(135deg,#111827,#281323)!important;}
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-entertainment .room-section-head-v280{background:linear-gradient(135deg,#111827,#1b1730)!important;}
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-work_london .room-section-head-v280{background:linear-gradient(135deg,#111827,#101f36)!important;}
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-housing_london .room-section-head-v280{background:linear-gradient(135deg,#111827,#0d2526)!important;}

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-counts-v302 strong,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-rooms-view .room-section-chevron-v280{
    background:rgba(255,255,255,.08)!important;
    color:#dbe7ff!important;
    border-color:rgba(148,163,184,.16)!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.8.2 — Profile Settings Hub
   Privacy/Safety, Notifications, Data & Storage, Appearance
   ========================================================= */
.rbc-profile-settings-sheet-v382 .rbc-action-card,
.rbc-profile-settings-sheet-v382 .modal-card{
  max-width:min(430px, calc(100vw - 22px))!important;
  border-radius:28px!important;
  padding:18px!important;
}

.rbc-profile-settings-v382{
  display:grid!important;
  gap:12px!important;
  text-align:left!important;
}

.rbc-settings-lead-v382{
  margin:0 0 2px!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

.rbc-settings-info-row-v382{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}

.rbc-settings-info-row-v382 > span{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:#fff1f3!important;
  color:#ef233c!important;
  font-size:20px!important;
}

.rbc-settings-info-row-v382 b{
  display:block!important;
  color:#101828!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

.rbc-settings-info-row-v382 small{
  display:block!important;
  margin-top:4px!important;
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
}

.rbc-settings-status-v382{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:11px 12px!important;
  border-radius:18px!important;
  background:#0f172a!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(15,23,42,.18)!important;
}

.rbc-settings-status-v382 span{
  font-size:13px!important;
  font-weight:850!important;
  color:#cbd5e1!important;
}

.rbc-settings-status-v382 b{
  font-size:14px!important;
  font-weight:950!important;
  color:#fff!important;
}

.rbc-settings-actions-v382{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-top:2px!important;
}

.rbc-settings-actions-v382 button{
  min-height:44px!important;
  border:0!important;
  border-radius:18px!important;
  padding:0 14px!important;
  background:linear-gradient(145deg,#ff3b5d,#ef233c)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(239,35,60,.18)!important;
}

.rbc-settings-actions-v382 button.danger{
  background:linear-gradient(145deg,#111827,#020617)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.18)!important;
}

.rbc-settings-actions-v382.theme-actions-v382{
  grid-template-columns:1fr 1fr!important;
}

.rbc-settings-actions-v382.theme-actions-v382 button:last-child{
  grid-column:1 / -1!important;
  background:linear-gradient(145deg,#111827,#020617)!important;
}

.rbc-settings-note-v382{
  margin:0!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:#fff7ed!important;
  color:#9a3412!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:750!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-profile-settings-sheet-v382 .modal-card,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-profile-settings-sheet-v382 .rbc-action-card{
  background:#0f172a!important;
  border-color:rgba(148,163,184,.18)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-settings-info-row-v382{
  background:linear-gradient(135deg,#111827,#0f172a)!important;
  border-color:rgba(148,163,184,.16)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-settings-info-row-v382 b{
  color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-settings-info-row-v382 small,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-settings-lead-v382{
  color:#a8b3c7!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-settings-info-row-v382 > span{
  background:rgba(239,35,60,.14)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-settings-note-v382{
  background:rgba(251,146,60,.12)!important;
  color:#fed7aa!important;
}


/* =========================================================
   RedsBlack Chat v3.8.3 — glass profile hero card
   Scope: top "Your profile" card only.
   ========================================================= */
@media (max-width:980px){

  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026{
    position:relative!important;
    overflow:hidden!important;
    border-radius:30px!important;
    border:1px solid rgba(255,255,255,.78)!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.46) 42%,rgba(255,229,236,.56) 100%)!important;
    box-shadow:
      0 22px 52px rgba(15,23,42,.12),
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -1px 0 rgba(255,255,255,.38)!important;
    backdrop-filter:blur(18px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.35)!important;
    isolation:isolate!important;
  }

  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026:before,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026:before{
    content:""!important;
    position:absolute!important;
    inset:auto -32px -52px auto!important;
    width:255px!important;
    height:190px!important;
    border-radius:58% 0 0 0!important;
    background:
      radial-gradient(circle at 58% 42%,rgba(255,255,255,.32),transparent 34%),
      linear-gradient(135deg,rgba(255,73,109,.18),rgba(239,35,60,.36))!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.app-body .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026:after,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(118deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.10) 28%,rgba(255,255,255,0) 44%),
      radial-gradient(circle at 82% 22%,rgba(255,35,74,.20),transparent 28%),
      radial-gradient(circle at 8% 12%,rgba(255,255,255,.70),transparent 26%)!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:1!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026{
    z-index:3!important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.56))!important;
    border:1px solid rgba(255,255,255,.88)!important;
    box-shadow:
      0 18px 34px rgba(15,23,42,.14),
      0 0 0 7px rgba(239,35,60,.14),
      inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-avatar-2026:before,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-avatar-2026:before{
    background:linear-gradient(145deg,rgba(255,35,74,.90),rgba(255,255,255,.12))!important;
    opacity:.95!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-main-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026{
    z-index:3!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-kicker-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-kicker-2026{
    background:linear-gradient(145deg,#ff476b,#e90633)!important;
    color:#fff!important;
    box-shadow:
      0 10px 24px rgba(239,35,60,.26),
      inset 0 1px 0 rgba(255,255,255,.32)!important;
    border:1px solid rgba(255,255,255,.26)!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-main-2026 h2,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-main-2026 h2{
    color:#07142b!important;
    text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-subtitle-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-subtitle-2026{
    color:#24304a!important;
    text-shadow:0 1px 0 rgba(255,255,255,.36)!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-edit-2026,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026{
    background:rgba(255,255,255,.66)!important;
    border:1px solid rgba(255,255,255,.88)!important;
    box-shadow:
      0 12px 28px rgba(15,23,42,.10),
      inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(14px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.25)!important;
    color:#344054!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-edit-2026 em,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-edit-2026 em{
    background:linear-gradient(145deg,#ff4167,#ef233c)!important;
    box-shadow:
      0 8px 18px rgba(239,35,60,.26),
      inset 0 1px 0 rgba(255,255,255,.28)!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026{
    border-color:rgba(255,255,255,.10)!important;
    background:
      linear-gradient(135deg,rgba(17,24,39,.82),rgba(15,23,42,.66) 48%,rgba(55,13,28,.62))!important;
    box-shadow:
      0 24px 58px rgba(0,0,0,.32),
      inset 0 1px 0 rgba(255,255,255,.10)!important;
    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-chats-view .home-status-card-2026.home-profile-hero-2026:after,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-status-card-2026.home-profile-hero-2026:after{
    background:
      linear-gradient(118deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 38%,transparent 52%),
      radial-gradient(circle at 82% 22%,rgba(255,35,74,.28),transparent 30%)!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.8.4 — About me preview in profile hero
   Replaces "Edit profile" text with one-line About me preview.
   ========================================================= */
@media (max-width:980px){
  body.app-body .app-shell.is-chats-view .home-profile-about-preview-384,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-about-preview-384{
    max-width:min(230px, 100%)!important;
    min-width:142px!important;
    justify-content:space-between!important;
    padding-left:15px!important;
  }

  body.app-body .app-shell.is-chats-view .home-profile-about-preview-384 span,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-about-preview-384 span{
    display:block!important;
    min-width:0!important;
    max-width:168px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
    color:#344054!important;
    font-weight:900!important;
  }

  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell.is-chats-view .home-profile-about-preview-384 span,
  html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-about-preview-384 span{
    color:#f8fafc!important;
  }
}

@media (max-width:380px){
  body.app-body .app-shell.is-chats-view .home-profile-about-preview-384 span,
  body.app-body .app-shell:not(.is-rooms-view):not(.is-contacts-view):not(.is-profile-view) .home-profile-about-preview-384 span{
    max-width:142px!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.8.5 — Mini profile modal + profile gallery
   ========================================================= */
.profile-gallery-manager-v385{
  display:grid!important;
  gap:10px!important;
  margin:14px 0!important;
  padding:12px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,242,246,.82))!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.055)!important;
}

.profile-gallery-head-v385{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

.profile-gallery-head-v385 b{
  display:block!important;
  color:#101828!important;
  font-size:15px!important;
  font-weight:950!important;
}

.profile-gallery-head-v385 small{
  display:block!important;
  margin-top:3px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:750!important;
}

.profile-gallery-upload-v385{
  min-width:max-content!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 12px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#ff3b5d,#ef233c)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:0 9px 18px rgba(239,35,60,.18)!important;
}

.profile-gallery-upload-v385 input{
  display:none!important;
}

.profile-gallery-grid-v385,
.rbc-mini-gallery-grid-v385{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:7px!important;
}

.rbc-profile-photo-v385{
  position:relative!important;
  aspect-ratio:1/1!important;
  border:0!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#f1f5f9!important;
  box-shadow:0 7px 14px rgba(15,23,42,.08)!important;
}

.rbc-profile-photo-v385 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.rbc-profile-photo-v385 i{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(15,23,42,.76)!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:14px!important;
  font-weight:950!important;
}

.profile-gallery-loading-v385,
.rbc-profile-empty-v385{
  grid-column:1 / -1!important;
  padding:14px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:800!important;
  text-align:center!important;
}

.rbc-mini-profile-sheet-v385 .modal-card,
.rbc-mini-profile-sheet-v385 .rbc-action-card{
  max-width:min(430px,calc(100vw - 22px))!important;
  border-radius:30px!important;
  padding:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,250,.94))!important;
  border:1px solid rgba(255,255,255,.80)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.20)!important;
}

.rbc-mini-profile-v385{
  display:grid!important;
  gap:13px!important;
}

.rbc-mini-profile-hero-v385{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,230,237,.64))!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

.rbc-mini-profile-hero-v385 img{
  width:92px!important;
  height:92px!important;
  border-radius:28px!important;
  object-fit:cover!important;
  border:4px solid #fff!important;
  box-shadow:0 14px 28px rgba(15,23,42,.14),0 0 0 6px rgba(239,35,60,.12)!important;
}

.rbc-mini-profile-hero-v385 b{
  display:block!important;
  color:#07142b!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}

.rbc-mini-profile-hero-v385 small{
  display:block!important;
  margin-top:5px!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:850!important;
}

.rbc-mini-profile-section-v385{
  display:grid!important;
  gap:7px!important;
  padding:12px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}

.rbc-mini-profile-section-v385 h3{
  margin:0!important;
  color:#101828!important;
  font-size:14px!important;
  font-weight:950!important;
}

.rbc-mini-profile-section-v385 p{
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

.rbc-mini-profile-actions-v385{
  display:grid!important;
}

.rbc-mini-profile-actions-v385 button{
  min-height:44px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ff3b5d,#ef233c)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(239,35,60,.18)!important;
}

.rbc-profile-photo-viewer-v385 .modal-card,
.rbc-profile-photo-viewer-v385 .rbc-action-card{
  max-width:min(480px,calc(100vw - 18px))!important;
  padding:10px!important;
  border-radius:24px!important;
}

.rbc-profile-photo-full-v385 img{
  width:100%!important;
  max-height:72vh!important;
  object-fit:contain!important;
  border-radius:18px!important;
  display:block!important;
  background:#0f172a!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .profile-gallery-manager-v385,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-mini-profile-section-v385,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-mini-profile-sheet-v385 .modal-card,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-mini-profile-sheet-v385 .rbc-action-card{
  background:linear-gradient(135deg,#111827,#0f172a)!important;
  border-color:rgba(148,163,184,.18)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-mini-profile-hero-v385{
  background:linear-gradient(135deg,rgba(17,24,39,.92),rgba(55,13,28,.62))!important;
  border-color:rgba(255,255,255,.10)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .profile-gallery-head-v385 b,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-mini-profile-hero-v385 b,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-mini-profile-section-v385 h3{
  color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .profile-gallery-head-v385 small,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-mini-profile-hero-v385 small,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-mini-profile-section-v385 p{
  color:#a8b3c7!important;
}

@media (max-width:380px){
  .profile-gallery-grid-v385,
  .rbc-mini-gallery-grid-v385{
    grid-template-columns:repeat(4,1fr)!important;
  }
  .rbc-mini-profile-hero-v385{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
  .rbc-mini-profile-hero-v385 img{
    width:78px!important;
    height:78px!important;
    border-radius:24px!important;
  }
}


/* =========================================================
   RedsBlack Chat v3.8.6 — First Start / Empty Chats Onboarding
   ========================================================= */
.rbc-first-start-v386{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  gap:12px!important;
  margin:4px 0 14px!important;
  padding:18px!important;
  border-radius:28px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,242,246,.72))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:
    0 18px 42px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.90)!important;
  backdrop-filter:blur(16px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.25)!important;
  isolation:isolate!important;
}

.rbc-first-start-glow-v386{
  position:absolute!important;
  right:-70px!important;
  top:-70px!important;
  width:190px!important;
  height:190px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(239,35,60,.22),transparent 68%)!important;
  z-index:0!important;
  pointer-events:none!important;
}

.rbc-first-start-icon-v386{
  position:relative!important;
  z-index:1!important;
  width:56px!important;
  height:56px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,#17223f,#081226 62%,#1b3158)!important;
  color:#ff3b64!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.08em!important;
  box-shadow:0 12px 26px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.rbc-first-start-v386 h2{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  color:#07142b!important;
  font-size:24px!important;
  line-height:1.04!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}

.rbc-first-start-v386 p{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

.rbc-first-start-actions-v386{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}

.rbc-first-start-actions-v386 button{
  width:100%!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:11px!important;
  align-items:center!important;
  text-align:left!important;
  padding:10px 12px!important;
  border:1px solid rgba(226,232,240,.92)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.88)!important;
  color:#101828!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}

.rbc-first-start-actions-v386 button span{
  grid-row:1 / 3!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:#fff1f3!important;
  color:#ef233c!important;
  font-size:20px!important;
}

.rbc-first-start-actions-v386 button b{
  display:block!important;
  color:#101828!important;
  font-size:15px!important;
  line-height:1.08!important;
  font-weight:950!important;
}

.rbc-first-start-actions-v386 button small{
  display:block!important;
  margin-top:3px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:750!important;
}

.rbc-first-start-translate-v386{
  position:relative!important;
  z-index:1!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#0f172a,#1f2937)!important;
  color:#f8fafc!important;
  font-size:12.5px!important;
  line-height:1.28!important;
  font-weight:850!important;
  box-shadow:0 10px 22px rgba(15,23,42,.16)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-first-start-v386{
  background:linear-gradient(135deg,rgba(17,24,39,.92),rgba(55,13,28,.62))!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-first-start-v386 h2,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-first-start-actions-v386 button b{
  color:#f8fafc!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-first-start-v386 p,
html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-first-start-actions-v386 button small{
  color:#a8b3c7!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-first-start-actions-v386 button{
  background:rgba(15,23,42,.76)!important;
  border-color:rgba(148,163,184,.18)!important;
}

html[data-rbc-theme="dark"] body.app-body.rbc-dark-theme .rbc-first-start-actions-v386 button span{
  background:rgba(239,35,60,.15)!important;
  color:#ff6b89!important;
}

@media (min-width:520px) and (max-width:980px){
  .rbc-first-start-actions-v386{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .rbc-first-start-actions-v386 button{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .rbc-first-start-actions-v386 button span{
    grid-row:auto!important;
  }
}


/* === RedsBlack Chat v4.2.3 — restore tight stacked public-room messages ===
   Fixes stretched gaps in Rooms/Public room view so messages sit one under another again.
   Does not touch private chats, API, uploads or translations logic. */
body.app-body.rbc-public-room-active .messages{
  gap:2px!important;
}
body.app-body.rbc-public-room-active .msg.room-msg{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
}
body.app-body.rbc-public-room-active .msg-room-line-compact{
  align-items:flex-start!important;
  gap:6px!important;
  min-height:auto!important;
  padding:1px 3px!important;
}
body.app-body.rbc-public-room-active .msg-room-stack{
  display:block!important;
  width:auto!important;
  min-width:0!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-bubble{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:min(100%,calc(100vw - 64px))!important;
  vertical-align:top!important;
}
body.app-body.rbc-public-room-active .msg-room-flow,
body.app-body.rbc-public-room-active .msg-room-topline{
  display:inline!important;
  min-width:0!important;
  line-height:1.24!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .sender-name,
body.app-body.rbc-public-room-active .msg.room-msg .msg-text,
body.app-body.rbc-public-room-active .msg-room-inline-meta{
  display:inline!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-translation{
  display:block!important;
  width:fit-content!important;
  max-width:min(100%,calc(100vw - 74px))!important;
  margin:2px 0 0!important;
  padding:4px 7px!important;
}
body.app-body.rbc-public-room-active .msg.room-msg .msg-media{
  margin:4px 0 1px!important;
}
@media (max-width:720px){
  body.app-body.rbc-public-room-active .msg-room-line-compact{
    gap:5px!important;
    padding:1px 2px!important;
  }
  body.app-body.rbc-public-room-active .msg-sender-avatar{
    flex-basis:24px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
  }
  body.app-body.rbc-public-room-active .msg.room-msg .sender-name{
    font-size:12px!important;
  }
  body.app-body.rbc-public-room-active .msg.room-msg .msg-text{
    font-size:12.8px!important;
    line-height:1.26!important;
  }
  body.app-body.rbc-public-room-active .msg-room-inline-meta{
    font-size:9.7px!important;
    margin-left:4px!important;
  }
}