:root{--bg:#0b0f14;--panel:#111821;--panel2:#151e28;--line:#263241;--text:#edf3f8;--muted:#8fa2b5;--green:#21c47b;--red:#ff6470;--amber:#f4ba4a;--blue:#6ca8ff;--shadow:0 18px 45px rgba(0,0,0,.22)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:linear-gradient(180deg,#0a0e13,#0d131a 45%,#0b1016);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,14,19,.88);backdrop-filter:blur(14px)}.brand{font-weight:850;font-size:18px;letter-spacing:-.5px;white-space:nowrap}.nav{display:flex;gap:5px;flex:1;overflow:auto}.nav a,.linkbtn{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:9px;white-space:nowrap;cursor:pointer}.nav a:hover,.linkbtn:hover{background:#17212c;color:var(--text)}.logout{margin:0}.wrap{width:min(1180px,calc(100% - 28px));margin:28px auto 70px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:6px 0 24px;padding:28px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 85% 10%,rgba(33,196,123,.13),transparent 28%),var(--panel);box-shadow:var(--shadow)}.hero.compact{padding:22px 24px}.hero h1{font-size:34px;line-height:1.05;margin:5px 0 7px;letter-spacing:-1px}.hero.compact h1{font-size:30px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--green);margin:0}.muted{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.stat{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:28px;margin-top:5px}.stat:hover{border-color:#38506a;transform:translateY(-1px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 10px 25px rgba(0,0,0,.08)}.panel.flush{padding:0;overflow:hidden}.panelhead,.accountHead,.messageTop,.eventhead{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel h2,.accountHead h2{margin:0;font-size:18px}.panelhead{margin-bottom:14px}.panelhead>a{color:var(--blue)}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:700}.primary{background:var(--green);color:#04140d;border-color:var(--green)}.secondary{background:#17222e;color:var(--text);border-color:#314255}.dangerbtn{background:#2a171b;color:#ffadb4;border-color:#63313a}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions form{margin:0}.empty{padding:24px;color:var(--muted);text-align:center}.accountrowgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.accountmini{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:13px;background:var(--panel2);border:1px solid var(--line)}.accountmini small{display:block;color:var(--muted);margin-top:2px}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.badge.ok{background:rgba(33,196,123,.13);color:#62e5a7;border:1px solid rgba(33,196,123,.28)}.badge.bad{background:rgba(255,100,112,.12);color:#ff9ca5;border:1px solid rgba(255,100,112,.28)}.badge.wait{background:rgba(244,186,74,.11);color:#f8cf7e;border:1px solid rgba(244,186,74,.27)}.messageList{display:flex;flex-direction:column}.messageItem{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:14px 6px;border-top:1px solid rgba(255,255,255,.055)}.flush .messageItem{padding:15px 18px}.messageItem:first-child{border-top:0}.messageItem:hover{background:#141e29}.avatar{width:38px;height:38px;border-radius:12px;background:#1c2b39;display:grid;place-items:center;color:#a8c5dd;font-weight:900}.messageMain{min-width:0}.messageTop strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messageTop span,.messageMeta{color:var(--muted);font-size:11px}.messageMeta{display:flex;gap:5px;margin-top:2px}.messageMain p{margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbd7e1}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:9px;align-items:center}.filters input,.filters select,.addAccount input,.stack input{width:100%;background:#0d141c;border:1px solid #2b3a4a;color:var(--text);border-radius:10px;padding:10px 11px;outline:none}.filters input:focus,.filters select:focus,.addAccount input:focus,.stack input:focus{border-color:#4d7196}.check{display:flex;gap:7px;align-items:center;white-space:nowrap;color:var(--muted)}.check input{width:auto}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0}.currentMessage{padding:18px;border-radius:14px;background:#0d141c;border:1px solid #253443}.currentMessage small{color:var(--muted)}.currentMessage p{font-size:18px;white-space:pre-wrap;margin:8px 0 0}.detailgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-top:14px}.detailgrid>div{background:var(--panel2);border:1px solid var(--line);padding:12px;border-radius:12px;min-width:0}.detailgrid span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.detailgrid code{display:block;overflow:hidden;text-overflow:ellipsis}.goodtext{color:#63e6a8}.badtext{color:#ff8e98}.timeline{padding-left:12px}.event{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:16px}.event:before{content:"";position:absolute;left:6px;top:16px;bottom:-3px;border-left:1px solid #314355}.event:last-child:before{display:none}.eventdot{width:13px;height:13px;border-radius:50%;background:var(--green);margin-top:16px;z-index:1;box-shadow:0 0 0 5px rgba(33,196,123,.09)}.eventcard{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:13px 14px}.eventhead span{font-size:11px;color:var(--muted)}.eventcard p{white-space:pre-wrap}.eventcard small{color:var(--muted)}.hash{display:block;margin-top:8px;color:#60758a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addAccount{display:flex;gap:9px;margin-top:12px}.accountCards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.accountCards .panel{margin:0}.accountDetail{color:var(--muted);min-height:21px}.qrWrap{text-align:center;background:#fff;border-radius:14px;padding:14px;margin:14px 0;color:#26313b}.qrWrap.hidden{display:none}.qr{display:block;width:min(330px,100%);margin:auto}.qrWrap p{margin:8px 0 0;font-weight:700}.integritybox{display:flex;align-items:center;gap:18px;padding:28px}.integrityicon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900}.integrityok .integrityicon{background:rgba(33,196,123,.14);color:#60e6a5}.integritybad .integrityicon{background:rgba(255,100,112,.14);color:#ff919b}.loginbody{display:grid;place-items:center;padding:20px}.loginbox{width:min(390px,100%);padding:28px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.loginbox h1{margin:8px 0 0}.logoMark{width:48px;height:48px;border-radius:14px;background:var(--green);color:#04140d;display:grid;place-items:center;font-weight:950}.stack{display:flex;flex-direction:column;gap:13px;margin-top:22px}.stack label{color:var(--muted);font-size:12px}.stack input{display:block;margin-top:5px;color:var(--text)}.alert{padding:10px 12px;border-radius:10px;margin-top:14px}.alert.danger{background:#2c171b;color:#ffadb5;border:1px solid #613039}.footer{color:#627487;text-align:center;padding:0 16px 35px;font-size:12px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.detailgrid{grid-template-columns:1fr 1fr}.accountCards{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-wrap:wrap}.nav{order:3;width:100%}.logout{margin-left:auto}}@media(max-width:600px){.wrap{width:min(100% - 18px,1180px);margin-top:14px}.hero{padding:20px;align-items:flex-start;flex-direction:column}.hero h1,.hero.compact h1{font-size:27px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:23px}.accountrowgrid{grid-template-columns:1fr}.messageItem{grid-template-columns:36px 1fr}.messageItem>.badge{grid-column:2;justify-self:start}.filters{grid-template-columns:1fr}.detailgrid{grid-template-columns:1fr}.addAccount{flex-direction:column}.eventhead{align-items:flex-start;flex-direction:column}.topbar{padding:11px 12px}.panel{padding:15px}}

/* v2.2 grouped conversations */
.stats{grid-template-columns:repeat(6,1fr)}
.chatFilters{grid-template-columns:2fr 1fr auto}
.chatList{display:flex;flex-direction:column}
.chatItem{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-top:1px solid rgba(255,255,255,.055)}
.chatItem:first-child{border-top:0}.chatItem:hover{background:#141e29}.avatar.big{width:48px;height:48px;border-radius:16px;font-size:17px}.chatMain{min-width:0}.chatMain p{margin:6px 0 4px;color:#cbd7e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contactIdentity{font-size:12px;color:#7fa0bd;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatCounts{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px}.conversationHero{align-items:center}.renamePanel{display:flex;align-items:end;justify-content:space-between;gap:18px}.renameForm{display:flex;align-items:end;gap:10px;min-width:min(560px,100%)}.renameForm label{flex:1;color:var(--muted);font-size:12px}.renameForm input{display:block;width:100%;margin-top:5px;background:#0d141c;border:1px solid #2b3a4a;color:var(--text);border-radius:10px;padding:10px 11px;outline:none}.conversationStats{display:flex;gap:16px;color:var(--muted);font-size:12px;white-space:nowrap}.conversationStats strong{color:var(--text)}.conversationPanel{padding:18px}.thread{display:flex;flex-direction:column;gap:8px;max-width:920px;margin:auto}.bubbleRow{display:flex}.bubbleRow.mine{justify-content:flex-end}.bubbleRow.theirs{justify-content:flex-start}.bubble{max-width:min(72%,700px);min-width:170px;padding:10px 12px;border-radius:15px;background:#17222e;border:1px solid #2d3d4e}.mine .bubble{background:#123329;border-color:#245c49}.bubble:hover{filter:brightness(1.06)}.deletedBubble{border-color:#6b333a;background:#2b171b}.mine .deletedBubble{background:#351c20}.bubbleSender{font-size:11px;font-weight:800;color:#7fd2aa;margin-bottom:4px}.theirs .bubbleSender{color:#91b9dc}.bubbleText{white-space:pre-wrap;word-break:break-word}.bubbleMeta{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;color:var(--muted);font-size:10px}
@media(max-width:900px){.stats{grid-template-columns:repeat(3,1fr)}.renamePanel{align-items:stretch;flex-direction:column}.renameForm{min-width:0}.conversationStats{white-space:normal;flex-wrap:wrap}}
@media(max-width:600px){.stats{grid-template-columns:repeat(2,1fr)}.chatFilters{grid-template-columns:1fr}.chatItem{grid-template-columns:44px 1fr}.chatItem>.badge{grid-column:2;justify-self:start}.avatar.big{width:42px;height:42px}.bubble{max-width:88%}.renameForm{align-items:stretch;flex-direction:column}}

/* v2.3 professional number-based chat workspace */
.wrap{width:min(1500px,calc(100% - 28px))}
.chatWorkspace{height:calc(100vh - 132px);min-height:670px;display:grid;grid-template-columns:390px minmax(0,1fr);overflow:hidden;border:1px solid #263647;border-radius:22px;background:#0c131a;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.chatRail{min-width:0;display:flex;flex-direction:column;background:#101821;border-right:1px solid #263647}
.chatRailHeader{padding:22px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.chatRailHeader h1{font-size:28px;letter-spacing:-.8px;margin:2px 0 0}.sectionKicker{font-size:10px;letter-spacing:1.35px;font-weight:900;color:#48d89a}.liveDotWrap{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(33,196,123,.09);border:1px solid rgba(33,196,123,.18);font-size:11px;color:#81e6b8;font-weight:750}.liveDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32d98b;box-shadow:0 0 0 4px rgba(50,217,139,.1)}
.chatSearch{padding:8px 14px 12px;display:grid;grid-template-columns:1fr 120px auto;gap:7px}.searchField{position:relative;min-width:0}.searchField input,.chatSearch select{width:100%;height:40px;background:#0a1118;border:1px solid #263749;color:#eaf1f6;border-radius:11px;outline:none}.searchField input{padding:0 12px 0 34px}.searchField input:focus,.chatSearch select:focus{border-color:#477099;box-shadow:0 0 0 3px rgba(79,122,162,.1)}.searchIcon{position:absolute;left:12px;top:8px;color:#70879b;font-size:18px}.chatSearch select{padding:0 8px}.iconSearchBtn{min-height:40px;padding:0 11px;border-radius:11px;background:#172330;border-color:#2b3f52;color:#d9e4ed;font-size:12px}
.chatRailMeta{padding:0 18px 10px;color:#71869a;font-size:11px;display:flex;align-items:center;gap:6px}.chatRailMeta strong{color:#b9c9d6}.unresolvedHint{margin-left:auto;color:#d8b76a}
.chatListPro{overflow:auto;overscroll-behavior:contain;flex:1;border-top:1px solid rgba(255,255,255,.045);scrollbar-width:thin;scrollbar-color:#304254 transparent}.chatEmpty{padding:50px 22px;text-align:center;color:#91a4b5;line-height:1.7}.chatEmpty span{font-size:12px;color:#667b8e}.chatRowPro{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.045);transition:background .14s ease,border-color .14s ease;position:relative}.chatRowPro:hover{background:#15202b}.chatRowPro.active{background:linear-gradient(90deg,rgba(33,196,123,.13),rgba(33,196,123,.025));box-shadow:inset 3px 0 #27c980}.chatRowPro.unresolved{opacity:.78}.chatAvatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#263a4b,#172633);border:1px solid #32495d;color:#d5e6f3;font-size:16px;font-weight:850}.chatRowPro.active .chatAvatar{background:linear-gradient(145deg,#1f6a50,#174331);border-color:#2d7f61}.chatRowBody{min-width:0}.chatRowTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.chatRowTop strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatRowTop time{flex:0 0 auto;color:#718598;font-size:10px}.chatNumber{margin-top:1px;color:#84a8c5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatNumber span{color:#62788b}.chatPreview{margin-top:6px;display:flex;align-items:center;gap:8px;min-width:0}.chatPreview>span{flex:1;min-width:0;color:#aabac7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatPreview.deletedPreview>span{color:#d5949a}.miniBadges{display:flex;flex:0 0 auto}.miniBadge{font-style:normal;font-size:9px;padding:3px 6px;border-radius:999px;font-weight:800}.miniBadge.danger{color:#ff9da6;background:rgba(255,100,112,.1);border:1px solid rgba(255,100,112,.18)}
.chatStage{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 10%,rgba(72,102,125,.08),transparent 28%),#0b1218}.noChatSelected{margin:auto;text-align:center;max-width:440px;padding:34px;color:#8ca0b1}.noChatIcon{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:#15222d;border:1px solid #293b4a;color:#4ad59a;font-size:20px;font-weight:900;box-shadow:0 14px 40px rgba(0,0,0,.2)}.noChatSelected h2{color:#dfeaf2;margin:0 0 8px}.noChatSelected p{margin:0;line-height:1.7}
.contactBar{min-height:88px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(15,23,31,.95);border-bottom:1px solid #263647;backdrop-filter:blur(10px)}.contactMain{display:flex;align-items:center;min-width:0;gap:13px}.contactAvatar{width:50px;height:50px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#27634f,#173c31);border:1px solid #39755f;color:#e2fff2;font-weight:900;font-size:17px}.contactText{min-width:0}.contactTitleRow{display:flex;align-items:center;gap:9px;min-width:0}.contactTitleRow h2{margin:0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contactNumber{margin-top:1px;color:#7fcaa8;font-size:12px;font-weight:750}.contactSub{display:flex;align-items:center;gap:6px;color:#71869a;font-size:10px;margin-top:2px}.deletedCountPill{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.3px;color:#ffa2aa;background:rgba(255,100,112,.1);border:1px solid rgba(255,100,112,.22);padding:4px 7px;border-radius:999px}.contactActions{display:flex;align-items:center;gap:12px}.threadCounters{display:flex;align-items:center;gap:10px;color:#718598;font-size:10px}.threadCounters span{padding:6px 8px;border-radius:9px;background:#111b24;border:1px solid #22313f}.threadCounters b{color:#cdd9e2}.renameMenu{position:relative}.renameMenu summary{list-style:none;cursor:pointer;padding:8px 10px;border:1px solid #2e4052;background:#15212c;border-radius:10px;color:#c8d6e1;font-size:11px;font-weight:750}.renameMenu summary::-webkit-details-marker{display:none}.renameMenu[open] form{position:absolute;right:0;top:42px;z-index:10;width:280px;padding:12px;background:#111a23;border:1px solid #304356;border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.35);display:flex;gap:7px}.renameMenu input{min-width:0;flex:1;background:#0b1218;border:1px solid #2d3d4d;border-radius:9px;color:#e8f0f6;padding:8px 9px}.renameMenu button{min-height:34px;padding:7px 10px;font-size:11px}
.threadViewport{position:relative;flex:1;overflow:auto;overscroll-behavior:contain;background:linear-gradient(rgba(9,15,20,.94),rgba(9,15,20,.94)),radial-gradient(circle at 20% 30%,#173126 0 1px,transparent 1px);background-size:auto,34px 34px;scrollbar-width:thin;scrollbar-color:#304254 transparent}.threadInner{width:min(920px,calc(100% - 40px));margin:0 auto;padding:24px 0 34px}.dateDivider{display:flex;justify-content:center;margin:10px 0 18px}.dateDivider span{font-size:10px;font-weight:750;color:#8498aa;background:#14202a;border:1px solid #263847;padding:5px 9px;border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,.12)}.proBubbleRow{display:flex;margin:5px 0}.proBubbleRow.mine{justify-content:flex-end}.proBubbleRow.theirs{justify-content:flex-start}.proBubble{display:block;max-width:min(72%,690px);min-width:120px;padding:9px 11px 7px;border:1px solid #293b4b;border-radius:13px 13px 13px 4px;background:#15212b;box-shadow:0 3px 10px rgba(0,0,0,.13);transition:filter .12s ease}.proBubbleRow.mine .proBubble{background:#12392d;border-color:#235e49;border-radius:13px 13px 4px 13px}.proBubble:hover{filter:brightness(1.055)}.proBubble.isDeleted{background:#28171b;border-color:#61313a}.proBubbleRow.mine .proBubble.isDeleted{background:#321b1f;border-color:#6b3740}.bubbleAuthor{font-size:10px;color:#8fc2e8;font-weight:850;margin-bottom:3px}.bubbleBody{white-space:pre-wrap;word-break:break-word;color:#e5edf3;font-size:13px;line-height:1.48}.isDeleted .bubbleBody{color:#f0c4c8}.bubbleFooter{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px;min-height:13px}.bubbleFooter time{color:#77909f;font-size:9px}.stateTag{font-size:8px;text-transform:uppercase;letter-spacing:.3px;font-weight:900;padding:2px 5px;border-radius:999px}.editedTag{color:#9db7ca;background:rgba(130,159,180,.1)}.deletedTag{color:#ff9aa3;background:rgba(255,100,112,.11)}.newMessageJump{position:sticky;bottom:15px;float:right;margin-right:18px;border-radius:999px;background:#1f7658;color:#e8fff4;border-color:#328b6a;box-shadow:0 8px 24px rgba(0,0,0,.3);font-size:11px}.hidden{display:none!important}
.archiveStatusBar{min-height:34px;padding:8px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#657c8f;font-size:9px;border-top:1px solid #22313f;background:#0f171e}.archiveStatusBar span{display:flex;align-items:center;gap:6px}.archiveStatusBar .liveDot{width:6px;height:6px}
@media(max-width:1100px){.chatWorkspace{grid-template-columns:340px minmax(0,1fr)}.threadCounters{display:none}.chatSearch{grid-template-columns:1fr 105px}.iconSearchBtn{display:none}}
@media(max-width:780px){.wrap{width:100%;margin:0}.topbar{position:relative}.chatWorkspace{height:calc(100vh - 126px);min-height:620px;border-radius:0;border-left:0;border-right:0;grid-template-columns:1fr}.chatWorkspace[data-chat=""] .chatRail{display:flex}.chatWorkspace[data-chat=""] .chatStage{display:none}.chatWorkspace:not([data-chat=""]) .chatRail{display:none}.chatStage{display:flex}.threadInner{width:calc(100% - 20px)}.proBubble{max-width:88%}.contactBar{padding:10px 12px}.contactAvatar{width:42px;height:42px}.contactActions{gap:5px}.renameMenu{display:none}.archiveStatusBar span:nth-child(2){display:none}}

/* v2.4 professional workspace + reliable independent scrolling */
@media (min-width:781px){
  body:has(.chatWorkspace){overflow:hidden}
  .wrap:has(.chatWorkspace){margin:14px auto 0}
  body:has(.chatWorkspace) .footer{display:none}
  .chatWorkspace{height:calc(100dvh - 112px);min-height:0;grid-template-columns:410px minmax(0,1fr)}
}
.chatWorkspace{isolation:isolate}
.chatRail{min-height:0;overflow:hidden}
.chatStage{min-height:0;overflow:hidden}
.chatListPro{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior-y:contain}
.threadViewport{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior-y:contain}
.chatListPro::-webkit-scrollbar,.threadViewport::-webkit-scrollbar{width:10px}
.chatListPro::-webkit-scrollbar-track,.threadViewport::-webkit-scrollbar-track{background:transparent}
.chatListPro::-webkit-scrollbar-thumb,.threadViewport::-webkit-scrollbar-thumb{background:#2b3f50;border:3px solid transparent;background-clip:padding-box;border-radius:999px}
.chatListPro::-webkit-scrollbar-thumb:hover,.threadViewport::-webkit-scrollbar-thumb:hover{background:#40596d;border:3px solid transparent;background-clip:padding-box}
.chatTypeTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 14px 8px;padding:4px;background:#0a1118;border:1px solid #223240;border-radius:12px}
.chatTypeTabs a{display:flex;align-items:center;justify-content:center;height:32px;border-radius:8px;color:#75899b;font-size:11px;font-weight:800;transition:.15s ease}
.chatTypeTabs a:hover{color:#dce8f0;background:#14202a}
.chatTypeTabs a.active{color:#eafff4;background:#184735;box-shadow:inset 0 0 0 1px #286a51}
.filteredHint{margin-left:auto;color:#5f8b77;border:1px solid rgba(64,174,125,.18);background:rgba(44,156,107,.07);padding:2px 6px;border-radius:999px;white-space:nowrap}
.unresolvedHint+.filteredHint{margin-left:4px}
.chatRailHeader{flex:0 0 auto}
.chatTypeTabs,.chatSearch,.chatRailMeta{flex:0 0 auto}
.chatRowPro{min-height:82px;padding:14px 15px}
.chatRowPro.active{background:linear-gradient(90deg,rgba(33,196,123,.16),rgba(33,196,123,.025) 82%)}
.chatRowTop strong{font-size:14.5px;letter-spacing:-.12px}
.chatNumber{font-variant-numeric:tabular-nums;color:#91acc0}
.chatPreview>span{font-size:12.5px;line-height:1.35}
.contactBar{flex:0 0 auto;box-shadow:0 8px 30px rgba(0,0,0,.10);z-index:2}
.archiveStatusBar{flex:0 0 auto}
.threadInner{padding:28px 0 46px}
.proBubbleRow{margin:7px 0}
.proBubble{padding:10px 12px 8px;max-width:min(74%,720px);border-color:#2b3d4d;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.proBubbleRow.mine .proBubble{background:#123c2f;border-color:#27634e}
.bubbleBody{font-size:14px;line-height:1.52;letter-spacing:.01px}
.bubbleFooter{margin-top:5px;gap:6px}
.bubbleFooter time{font-size:9.5px;font-variant-numeric:tabular-nums}
.proBubble.isDeleted{background:linear-gradient(145deg,#29171c,#23151a);border-color:#64323c}
.proBubbleRow.mine .proBubble.isDeleted{background:linear-gradient(145deg,#351c21,#2c191e);border-color:#713943}
.deletedTag{padding:2px 6px}
.dateDivider{position:sticky;top:10px;z-index:1;pointer-events:none}
.dateDivider span{backdrop-filter:blur(8px);background:rgba(20,32,42,.90)}
.newMessageJump{z-index:4}
@media(max-width:1100px) and (min-width:781px){.chatWorkspace{grid-template-columns:350px minmax(0,1fr)}}
@media(max-width:780px){
  .chatWorkspace{min-height:0;height:calc(100dvh - 126px)}
  .chatRail,.chatStage{min-height:0;overflow:hidden}
  .chatListPro,.threadViewport{min-height:0}
  .chatTypeTabs{margin-left:10px;margin-right:10px}
}

/* v2.5 Pro: health, search, deleted center, media, lazy history */
.versionMark{font-size:11px;opacity:.65;font-weight:700;margin-left:4px}.proHero{background:radial-gradient(circle at 88% 5%,rgba(33,196,123,.18),transparent 30%),radial-gradient(circle at 12% 100%,rgba(108,168,255,.08),transparent 35%),var(--panel)}.proStats{grid-template-columns:repeat(6,1fr)}.dangerStat strong{color:#ff939d}.dashboardGrid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.paddedHead{padding:18px 18px 6px}.sectionKicker{font-size:9px;font-weight:900;letter-spacing:1.3px;color:#5f788d}.healthAccounts,.diagAccounts,.alertRows{display:flex;flex-direction:column;gap:8px}.healthAccount{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:11px;padding:12px 13px;background:#0e161e;border:1px solid #22313e;border-radius:12px}.healthAccount small,.healthRight small,.diagAccount small{display:block;color:var(--muted);font-size:10px}.healthRight{text-align:right}.healthRight b{font-size:10px;color:#61dda2}.healthDot{width:9px;height:9px;border-radius:50%;background:#6a7782;box-shadow:0 0 0 4px rgba(106,119,130,.08)}.healthDot.online{background:#2ddd91;box-shadow:0 0 0 4px rgba(45,221,145,.10)}.healthDot.offline{background:#ff6470;box-shadow:0 0 0 4px rgba(255,100,112,.09)}.backupMini{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.backupMini:first-of-type{border-top:0}.backupMini span{color:var(--muted);font-size:10px}.compactEmpty{padding:10px}.healthAlert{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:11px 12px;border:1px solid #524421;background:#211c10;border-radius:12px}.healthAlert.critical{border-color:#66313a;background:#261519}.healthAlert.resolved{opacity:.48;filter:saturate(.5)}.healthAlert p{margin:1px 0;color:#d9e1e7}.healthAlert small{color:var(--muted);font-size:10px}.healthPulse{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#f3bc52}.critical .healthPulse{background:#ff6470}.rowBadges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.proFilters{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr)) repeat(2,minmax(130px,.8fr)) auto auto}.listQuote{margin-top:5px;color:#7e9aaf;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid #3f718e;padding-left:7px}
.deletedHero{background:radial-gradient(circle at 90% 15%,rgba(255,100,112,.14),transparent 30%),var(--panel)}.deletedStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.deletedStats a{padding:18px;border-radius:15px;border:1px solid #3c2a31;background:linear-gradient(145deg,#171319,#12171d)}.deletedStats span{display:block;color:#bd8d94;font-size:11px}.deletedStats strong{display:block;font-size:27px;color:#ff9ca5;margin-top:3px}.deletedFilters{grid-template-columns:2fr 1fr 1fr 1fr 1fr auto}.deletedItem{border-left:2px solid transparent}.deletedItem:hover{border-left-color:#ff6470}.deletedAvatar{background:#2d1b20;color:#ffadb4}
.mediaFilters{grid-template-columns:2fr 1fr 1fr auto}.mediaGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mediaCard{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.10)}.mediaPreview{height:190px;background:#091016;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.mediaPreview img,.mediaPreview video{width:100%;height:100%;object-fit:contain}.mediaPreview audio{width:90%;position:absolute;bottom:18px}.fileIcon{font-weight:900;font-size:27px;color:#6f879a}.mediaInfo{padding:13px}.mediaInfo strong,.mediaInfo span,.mediaInfo small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mediaInfo span{color:#9db0bf;font-size:11px;margin-top:3px}.mediaInfo small{color:#677d8f;font-size:9px;margin-top:2px}.smallBtn{min-height:31px;padding:5px 9px;font-size:10px;margin-top:9px}
.diagnosticGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.diagCard{padding:17px;border:1px solid var(--line);background:var(--panel);border-radius:15px}.diagCard span,.diagCard small{display:block;color:var(--muted);font-size:10px}.diagCard strong{display:block;font-size:18px;margin:4px 0}.diagAccount{display:grid;grid-template-columns:12px 1fr 1.5fr 1fr .5fr;gap:12px;align-items:center;padding:13px;border:1px solid #22313f;background:#0e161e;border-radius:12px}.diagAccount>div:nth-child(n+3) span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.accountHealthStrip{display:grid;grid-template-columns:2fr 2fr .7fr;gap:8px;margin:12px 0}.accountHealthStrip>div{padding:9px 10px;background:#0c141b;border:1px solid #22303d;border-radius:10px}.accountHealthStrip span,.accountHealthStrip strong{display:block}.accountHealthStrip span{color:var(--muted);font-size:9px}.accountHealthStrip strong{font-size:10px;margin-top:3px}
.historySummary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.historySummary>div{padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:14px}.historySummary span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:850}.historySummary p{margin:7px 0 3px;white-space:pre-wrap}.historySummary small{color:#657a8c}.historySummary .deletedSummary{border-color:#5f3139;background:#21161a}.attachmentRows{display:flex;flex-direction:column;gap:7px}.attachmentRows a{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid #273744;background:#0e171f;border-radius:10px}.attachmentRows span{color:var(--muted);font-size:11px}
.accountSwitcher{padding:0 14px 8px}.accountSwitcher select{width:100%;padding:9px 10px;background:#0b131a;border:1px solid #273746;border-radius:10px;color:#dfe9f0}.chatAvatarWrap{position:relative;flex:0 0 auto}.pinMark{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;background:#111b23;border:2px solid #111b23;color:#57d69b;font-size:8px}.starMark{color:#f4ba4a;font-size:11px}.favoritePill{font-size:9px;padding:3px 6px;border-radius:999px;background:rgba(244,186,74,.10);border:1px solid rgba(244,186,74,.22);color:#f4c96f}.photoAvatar{position:relative;overflow:hidden}.photoAvatar>span{z-index:0}.contactPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.compactAction{min-height:32px;padding:5px 10px;font-size:10px}.quickForm{margin:0}.iconAction{width:32px;height:32px;min-height:32px;padding:0;border-radius:9px;background:#131e28;border:1px solid #2c3e4e;color:#70879a}.iconAction.active{color:#f3c660;border-color:#6e5b29;background:#231f13}.exportMenu[open] .menuLinks,.renameMenu[open] .moreMenu{position:absolute;right:0;top:42px;z-index:20;min-width:170px;padding:7px;background:#101922;border:1px solid #304356;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.4)}.menuLinks a{display:block;padding:8px 10px;border-radius:8px;color:#cad9e3}.menuLinks a:hover{background:#1a2834}.moreMenu{width:310px}.moreMenu form{position:static!important;width:auto!important;padding:6px!important;box-shadow:none!important;border:0!important;background:transparent!important}.threadSearchBar{position:relative;flex:0 0 auto;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;align-items:center;padding:8px 14px;background:#101a22;border-bottom:1px solid #283847}.threadSearchBar .searchField{margin:0}.threadSearchBar>span{color:var(--muted);font-size:10px}.threadSearchResults{position:absolute;left:14px;right:90px;top:48px;z-index:15;max-height:340px;overflow:auto;background:#101922;border:1px solid #334758;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.42)}.threadSearchResults:empty{display:none}.threadSearchResult{display:flex;flex-direction:column;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06)}.threadSearchResult:first-child{border-top:0}.threadSearchResult:hover{background:#182631}.threadSearchResult strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threadSearchResult span{font-size:9px;color:var(--muted)}.quotedReply{display:flex;flex-direction:column;gap:1px;margin-bottom:7px;padding:7px 9px;border-left:3px solid #58a6c7;border-radius:5px;background:rgba(5,12,17,.26);max-width:100%}.quotedReply small{font-size:8px;color:#79b7d3;text-transform:uppercase;font-weight:850}.quotedReply span{font-size:10px;color:#9fb0bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detailQuote{max-width:720px}.mediaArchived{margin-top:7px;font-size:9px;color:#77b89a;font-weight:700}.loadOlderButton{display:block;margin:0 auto 14px;min-height:28px;padding:4px 10px;font-size:9px;background:#14212b;border:1px solid #2a3d4c;color:#88a0b3;border-radius:999px}.loadOlderButton:disabled{opacity:.45;cursor:default}.searchHit .proBubble{outline:2px solid #6ca8ff;box-shadow:0 0 0 5px rgba(108,168,255,.10)}
@media(max-width:1100px){.proFilters{grid-template-columns:1fr 1fr 1fr}.mediaGrid{grid-template-columns:repeat(3,1fr)}.diagnosticGrid{grid-template-columns:repeat(2,1fr)}.diagAccount{grid-template-columns:12px 1fr 1fr}.diagAccount>div:nth-child(4),.diagAccount>div:nth-child(5){display:none}.dashboardGrid{grid-template-columns:1fr}.deletedFilters{grid-template-columns:1fr 1fr 1fr}.contactActions .quickForm{display:none}}
@media(max-width:720px){.proStats,.deletedStats{grid-template-columns:repeat(2,1fr)}.mediaGrid{grid-template-columns:repeat(2,1fr)}.diagnosticGrid{grid-template-columns:1fr}.historySummary{grid-template-columns:1fr}.accountHealthStrip{grid-template-columns:1fr}.mediaFilters,.deletedFilters,.proFilters{grid-template-columns:1fr}.threadSearchBar{grid-template-columns:1fr auto}.threadSearchBar>span{display:none}.threadSearchResults{right:14px}.contactActions .exportMenu{display:none}}
@media(max-width:480px){.mediaGrid{grid-template-columns:1fr}.deletedStats{grid-template-columns:1fr 1fr}}
.chatAvatarPhoto{position:relative;overflow:hidden}.chatAvatarPhoto>span{position:relative;z-index:1}.railContactPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;background:var(--panel,#fff)}.railContactPhoto[src=""]{display:none}.warntext{color:#c88719}

/* v3.3 audited Mobile PWA ------------------------------------------------- */
:root{--mobile-nav-h:68px;--mobile-top-h:58px}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
.pwaInstallTop{display:none;min-height:34px;padding:6px 11px;border:1px solid rgba(33,196,123,.28);background:rgba(33,196,123,.10);color:#72e8b3;border-radius:10px;font-size:11px}
.pwaInstallTop.is-ready{border-color:rgba(33,196,123,.48);background:rgba(33,196,123,.17)}
.loginInstallButton{width:100%;margin-top:12px;background:#14212b;border:1px solid #2b3e4e;color:#9fb3c3}
.loginInstallButton.is-ready{color:#6ce3ad;border-color:#2b765a;background:#10271f}
.pwaInstallToast{position:fixed;left:50%;bottom:24px;z-index:120;max-width:min(92vw,520px);transform:translate(-50%,24px);opacity:0;pointer-events:none;padding:11px 15px;border:1px solid #345064;border-radius:12px;background:#111b23;color:#e7f0f6;box-shadow:0 18px 50px rgba(0,0,0,.42);transition:.2s ease;font-size:12px;text-align:center}
.pwaInstallToast.show{opacity:1;transform:translate(-50%,0)}
.mobileBottomNav,.mobileMoreSheet,.mobileChatBack{display:none}
.nav a.active{background:#17242f;color:#e8f4fb}

@media(max-width:780px){
  html,body{min-height:100%;overscroll-behavior-y:none}
  body{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));background:#0b1016}
  body.mobileSheetOpen{overflow:hidden}
  .topbar{position:sticky;top:0;z-index:60;min-height:var(--mobile-top-h);padding:calc(9px + env(safe-area-inset-top)) 12px 9px;align-items:center;flex-wrap:nowrap;gap:10px;background:rgba(9,14,19,.96)}
  .topbar .brand{font-size:17px;overflow:hidden;text-overflow:ellipsis}.topbar .versionMark{display:none}
  .topbar .nav,.topbar .logout{display:none}
  .pwaInstallTop{display:inline-flex;margin-left:auto;white-space:nowrap}.pwaInstallTop[hidden]{display:none}
  .wrap{width:100%;margin:0;padding:12px 10px 20px}
  .footer{display:none}

  .mobileBottomNav{position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(11,17,24,.97);border-top:1px solid #253443;box-shadow:0 -12px 35px rgba(0,0,0,.30);backdrop-filter:blur(18px)}
  .mobileBottomNav a,.mobileBottomNav button{border:0;background:transparent;color:#71869a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px;padding:3px 2px;border-radius:11px;font-size:9px;font-weight:750}
  .mobileBottomNav .mobileNavIcon{font-size:20px;line-height:1;font-weight:500}.mobileBottomNav a.active{color:#55daa1;background:rgba(33,196,123,.08)}
  .mobileMoreSheet{display:block;position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}.mobileMoreSheet.open{pointer-events:auto;visibility:visible}
  .mobileSheetBackdrop{position:absolute;inset:0;border:0;border-radius:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s}.mobileMoreSheet.open .mobileSheetBackdrop{opacity:1}
  .mobileSheetCard{position:absolute;left:0;right:0;bottom:0;padding:8px 14px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border:1px solid #2c3d4c;border-bottom:0;background:#111a23;box-shadow:0 -20px 60px rgba(0,0,0,.45);transform:translateY(105%);transition:transform .24s ease}.mobileMoreSheet.open .mobileSheetCard{transform:translateY(0)}
  .mobileSheetHandle{width:40px;height:4px;border-radius:999px;background:#3d5060;margin:2px auto 10px}.mobileSheetHead{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 12px}.mobileSheetHead strong{font-size:16px}.mobileSheetClose{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;background:#1a2732;border:1px solid #304252;color:#bdd0df;font-size:22px}
  .mobileSheetGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobileSheetGrid a,.mobileSheetGrid button{display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:11px 13px;border-radius:12px;border:1px solid #293a49;background:#151f29;color:#d6e2eb;font-weight:750}.mobileSheetGrid .mobileInstallAction{color:#71e4b0;border-color:#2c664f}.mobileLogout{margin-top:10px}.mobileLogout .dangerbtn{width:100%;min-height:46px}

  .hero,.hero.compact{margin:0 0 12px;padding:17px;border-radius:16px;box-shadow:none}.hero h1,.hero.compact h1{font-size:26px}.hero .actions{width:100%}.hero .actions .button{flex:1;min-height:42px}.eyebrow{font-size:9px;letter-spacing:1.15px}
  .panel{margin-bottom:11px;padding:14px;border-radius:15px;box-shadow:none}.panel.flush{padding:0}.panelhead{align-items:center;margin-bottom:10px}.panelhead h2,.panel h2{font-size:16px}
  .stats,.proStats,.deletedStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:11px}.stat,.deletedStats a{padding:13px;border-radius:13px}.stat strong,.deletedStats strong{font-size:22px}.stat span,.deletedStats span{font-size:10px}
  .dashboardGrid{gap:0}.healthAccount{grid-template-columns:10px minmax(0,1fr) auto;padding:11px}.healthRight small{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .messageItem,.flush .messageItem{grid-template-columns:38px minmax(0,1fr);padding:12px 13px;gap:10px}.messageItem>.rowBadges,.messageItem>.badge{grid-column:2;justify-self:start}.messageTop{min-width:0}.messageTop strong{font-size:13px}.messageMain p{font-size:12px}.rowBadges{justify-content:flex-start}
  .filters,.proFilters,.deletedFilters,.mediaFilters{grid-template-columns:1fr;gap:8px}.filters input,.filters select,.addAccount input,.stack input,.searchField input,.accountSwitcher select{min-height:44px;font-size:16px}
  .button,button{min-height:42px}.actions{gap:7px}.actions>.button{flex:1}
  .accountCards{grid-template-columns:1fr;gap:10px}.accountCards .panel{padding:14px}.accountHead{align-items:flex-start}.qrWrap{padding:10px}.qr{width:min(300px,90vw)}
  .mediaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mediaCard{border-radius:13px}.mediaPreview{height:145px}.mediaInfo{padding:10px}
  .diagnosticGrid{grid-template-columns:1fr 1fr;gap:8px}.diagCard{padding:13px}.diagAccount{grid-template-columns:10px minmax(0,1fr);gap:9px}.diagAccount>div:nth-child(n+3){display:none}.accountHealthStrip{grid-template-columns:1fr}.historySummary{grid-template-columns:1fr;gap:8px}
  .currentMessage{padding:14px}.currentMessage p{font-size:15px}.detailgrid{grid-template-columns:1fr}.timeline{padding-left:2px}.event{grid-template-columns:15px 1fr;gap:8px}.eventcard{padding:11px}
  .pager{gap:8px}.pager .button{padding:8px 10px}

  /* Native-feeling mobile chat list */
  body:has(.chatWorkspace){overflow:hidden;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))}
  body:has(.chatWorkspace) .wrap{padding:0;margin:0}
  .chatWorkspace{height:calc(100dvh - var(--mobile-top-h) - var(--mobile-nav-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;border:0;border-radius:0;box-shadow:none;grid-template-columns:1fr;background:#0d151d}
  .chatWorkspace[data-chat=""] .chatRail{display:flex}.chatWorkspace[data-chat=""] .chatStage{display:none}.chatWorkspace:not([data-chat=""]) .chatRail{display:none}.chatWorkspace:not([data-chat=""]) .chatStage{display:flex}
  .chatRail{border:0;background:#0f171f}.chatRailHeader{padding:14px 15px 8px}.chatRailHeader h1{font-size:25px}.liveDotWrap{font-size:10px;padding:5px 8px}
  .accountSwitcher{padding:0 12px 7px}.chatTypeTabs{padding:0 12px 8px}.chatTypeTabs a{min-height:38px;display:flex;align-items:center;justify-content:center}.chatSearch{padding:0 12px 9px;grid-template-columns:1fr}.chatSearch .iconSearchBtn{display:none}.chatRailMeta{padding:0 14px 8px}.filteredHint{margin-left:auto;font-size:9px}
  .chatListPro{-webkit-overflow-scrolling:touch}.chatRowPro{min-height:76px;padding:11px 13px;grid-template-columns:48px minmax(0,1fr);gap:10px}.chatAvatar{width:48px;height:48px}.chatRowTop strong{font-size:14px}.chatRowTop time{font-size:9px}.chatNumber{font-size:10px}.chatPreview{margin-top:4px}.chatPreview>span{font-size:11px}.miniBadge{font-size:8px;padding:2px 5px}

  /* Selected conversation becomes its own full-screen app view. */
  body:has(.chatWorkspace:not([data-chat=""])){padding-bottom:0}
  body:has(.chatWorkspace:not([data-chat=""])) .topbar{display:none}
  body:has(.chatWorkspace:not([data-chat=""])) .mobileBottomNav{display:none}
  body:has(.chatWorkspace:not([data-chat=""])) .chatWorkspace{height:100dvh}
  .chatStage{background:#0b1218}.contactBar{min-height:calc(68px + env(safe-area-inset-top));padding:calc(9px + env(safe-area-inset-top)) 10px 9px;gap:8px;background:rgba(13,21,29,.98);position:relative}.mobileChatBack{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;color:#cce0ec;background:#16232d;border:1px solid #2a3d4d;font-size:29px;line-height:1}.contactMain{gap:9px;min-width:0;flex:1}.contactAvatar{width:40px;height:40px}.contactTitleRow h2{font-size:15px}.contactNumber{font-size:10px}.contactSub{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favoritePill,.deletedCountPill{display:none}.contactActions{gap:5px}.contactActions .compactAction{width:38px;overflow:hidden;text-indent:-999px;position:relative;padding:0}.contactActions .compactAction:after{content:'⌕';position:absolute;inset:0;display:grid;place-items:center;text-indent:0;font-size:20px;color:#b8cbd8}.contactActions .renameMenu,.contactActions .quickForm{display:none}
  .threadSearchBar{grid-template-columns:1fr auto;padding:7px 9px}.threadSearchBar .searchField input{min-height:40px;font-size:16px}.threadSearchResults{left:8px;right:8px;top:51px;max-height:45dvh}
  .threadViewport{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none}.threadViewport::-webkit-scrollbar{display:none}.threadInner{width:100%;padding:14px 9px 28px}.dateDivider{margin:8px 0 12px}.proBubbleRow{margin:4px 0}.proBubble{max-width:88%;min-width:84px;padding:8px 10px 6px;border-radius:13px 13px 13px 4px}.proBubbleRow.mine .proBubble{border-radius:13px 13px 4px 13px}.bubbleBody{font-size:14px;line-height:1.43}.bubbleAuthor{font-size:9px}.bubbleFooter time{font-size:9px}.quotedReply{padding:6px 8px}.newMessageJump{bottom:12px;margin-right:10px;min-height:38px;font-size:10px}.loadOlderButton{min-height:32px;font-size:9px}.archiveStatusBar{display:none}

  .pwaInstallToast{bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 12px);font-size:11px}
  body:has(.chatWorkspace:not([data-chat=""])) .pwaInstallToast{bottom:16px}
}

@media(max-width:430px){
  .wrap{padding-left:8px;padding-right:8px}.stats,.proStats,.deletedStats{gap:6px}.stat,.deletedStats a{padding:12px}.mediaGrid{grid-template-columns:1fr}.diagnosticGrid{grid-template-columns:1fr}.healthRight small{display:none}.mobileSheetGrid{grid-template-columns:1fr 1fr}.loginbody{padding:16px}.loginbox{padding:22px;border-radius:18px}.logoMark{width:44px;height:44px}
}

@media(display-mode:standalone){
  .pwaInstallButton{display:none!important}
  body{user-select:none}.bubbleBody,.currentMessage p,.eventcard p,input,textarea{user-select:text}
}

/* v3.3 audited PWA reliability + mobile polish */
:root{--app-height:100dvh}
.connectionBanner{position:fixed;z-index:220;left:50%;top:max(10px,env(safe-area-inset-top));transform:translateX(-50%);width:min(720px,calc(100% - 24px));padding:10px 14px;border:1px solid #8d6a23;border-radius:12px;background:#2a2110;color:#ffe4a3;box-shadow:0 14px 45px rgba(0,0,0,.35);font-size:12px;font-weight:750;text-align:center}.connectionBanner.offline{border-color:#8b4e55;background:#2a171b;color:#ffd0d5}.connectionBanner[hidden]{display:none}
.pwaInstallToast[data-reload="1"]{cursor:pointer;border-color:#337e61;color:#98f0c7}.pwaInstallToast[data-reload="1"]:after{content:' · tap to refresh';font-weight:800}
.mobileChatMenuButton,.mobileChatActionSheet{display:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #54d9a0;outline-offset:2px}
button,a{-webkit-tap-highlight-color:transparent}

@media(max-width:780px){
  body.chatListOnly,body.chatOpen{overflow:hidden;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))}
  body.chatListOnly .wrap,body.chatOpen .wrap{padding:0;margin:0}
  body.chatListOnly .chatWorkspace,body.chatOpen .chatWorkspace{height:calc(var(--app-height) - var(--mobile-top-h) - var(--mobile-nav-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;border:0;border-radius:0;box-shadow:none;grid-template-columns:1fr;background:#0d151d}
  body.chatListOnly .chatRail{display:flex}body.chatListOnly .chatStage{display:none}
  body.chatOpen{padding-bottom:0}body.chatOpen .topbar{display:none}body.chatOpen .mobileBottomNav{display:none}body.chatOpen .chatRail{display:none}body.chatOpen .chatStage{display:flex}body.chatOpen .chatWorkspace{height:var(--app-height)}

  .contactActions .compactAction,.contactActions .renameMenu,.contactActions .quickForm{display:none!important}
  .mobileChatMenuButton{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid #2c3e4e;border-radius:50%;background:#16232d;color:#d8e6ef;font-size:17px;letter-spacing:1px;flex:0 0 auto}
  .mobileChatActionSheet{display:block;position:fixed;inset:0;z-index:180;pointer-events:none;visibility:hidden}.mobileChatActionSheet.open{pointer-events:auto;visibility:visible}
  .mobileChatActionBackdrop{position:absolute;inset:0;border:0;border-radius:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .18s ease}.mobileChatActionSheet.open .mobileChatActionBackdrop{opacity:1}
  .mobileChatActionCard{position:absolute;left:0;right:0;bottom:0;max-height:min(78dvh,620px);overflow:auto;-webkit-overflow-scrolling:touch;padding:8px 14px calc(18px + env(safe-area-inset-bottom));border:1px solid #2d3e4d;border-bottom:0;border-radius:22px 22px 0 0;background:#111a23;box-shadow:0 -22px 70px rgba(0,0,0,.5);transform:translateY(105%);transition:transform .22s ease}.mobileChatActionSheet.open .mobileChatActionCard{transform:translateY(0)}
  .mobileChatActionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 2px 12px;border-bottom:1px solid #22313d;margin-bottom:6px}.mobileChatActionHead>div{min-width:0}.mobileChatActionHead strong,.mobileChatActionHead small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileChatActionHead strong{font-size:15px}.mobileChatActionHead small{margin-top:2px;color:#8298aa;font-size:10px}.mobileChatActionClose{width:36px;height:36px;min-height:36px;border-radius:50%;padding:0;background:#1b2934;border:1px solid #304452;color:#d8e6ef;font-size:22px}
  .mobileChatActionCard form{margin:0}.mobileActionRow{width:100%;min-height:50px;padding:11px 10px;border:0;border-bottom:1px solid #21303c;border-radius:0;background:transparent;color:#dce8f0;display:flex;align-items:center;gap:12px;text-align:left;font-size:16px;font-weight:600}.mobileActionRow span{font-size:13px}.mobileActionDetails>summary{list-style:none;cursor:pointer}.mobileActionDetails>summary::-webkit-details-marker{display:none}.mobileActionDetails[open]{background:#0e171f;border-radius:12px}.mobileExportGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px}.mobileExportGrid a{display:grid;place-items:center;min-height:42px;border:1px solid #2d4252;border-radius:10px;background:#16232d;color:#d9e7f0;text-decoration:none;font-size:12px;font-weight:800}.mobileInlineForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px}.mobileInlineForm input{min-width:0;min-height:43px;font-size:16px}.mobileInlineForm button{min-height:43px}
  body.mobileChatActionsOpen{overflow:hidden}

  .chatStage .contactBar{height:auto;min-height:calc(66px + env(safe-area-inset-top));padding-left:8px;padding-right:8px}.contactText{min-width:0}.contactActions{margin-left:auto}
  .threadViewport{height:auto;min-height:0}
  .threadInner{padding-bottom:max(30px,env(safe-area-inset-bottom))}
  .connectionBanner{top:max(8px,env(safe-area-inset-top));font-size:11px;padding:9px 11px;width:calc(100% - 18px)}
}

@media(max-width:430px){
  .mobileChatActionCard{padding-left:10px;padding-right:10px}.mobileActionRow{padding-left:8px;padding-right:8px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
.liveDot.offlineDot{background:#e06b78;box-shadow:0 0 0 3px rgba(224,107,120,.12)}


/* v3.3.2 inline media in chat bubbles ------------------------------------ */
.proBubble.hasInlineMedia{padding:6px 6px 7px;max-width:min(76%,540px)}
.proBubble.hasInlineMedia .bubbleAuthor,.proBubble.hasInlineMedia .quotedReply,.proBubble.hasInlineMedia .bubbleBody,.proBubble.hasInlineMedia .bubbleFooter,.proBubble.hasInlineMedia .mediaArchived{margin-left:5px;margin-right:5px}
.inlineMediaPreview{display:block;overflow:hidden;border-radius:10px;background:#091117;margin:0 0 7px;min-width:180px;max-width:100%;border:1px solid rgba(255,255,255,.05)}
.inlineMediaPreview img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;background:#091117}
.inlineMediaPreview.stickerPreview{background:transparent;border:0;min-width:0;width:min(220px,70vw);margin:1px 4px 6px}
.inlineMediaPreview.stickerPreview img{max-height:220px;object-fit:contain;background:transparent}
.inlineMediaPreview.mediaLoadFailed{min-height:90px;display:grid;place-items:center}
.inlineMediaPreview.mediaLoadFailed:after{content:'Media unavailable';font-size:10px;color:#8da0ae;padding:18px}
.inlineMediaPreview.mediaLoadFailed img{display:none}
.inlineMediaFile{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:0 0 7px;border-radius:10px;background:rgba(5,12,17,.32);border:1px solid rgba(255,255,255,.06)}
.inlineMediaIcon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#203342;color:#8fdab8;font-size:11px;font-weight:900;flex:0 0 auto}
.inlineMediaFile>div{display:flex;flex-direction:column;min-width:0}.inlineMediaFile strong{font-size:11px;color:#e4edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inlineMediaFile small{font-size:9px;color:#8296a5;margin-top:2px}
@media(max-width:780px){.proBubble.hasInlineMedia{max-width:92%;padding:5px 5px 6px}.inlineMediaPreview{min-width:150px}.inlineMediaPreview img{max-height:52vh}.inlineMediaPreview.stickerPreview{width:min(190px,62vw)}.inlineMediaPreview.stickerPreview img{max-height:190px}}

/* ========================================================================
   v3.5 DEEP AUDIT — polished desktop + native-feeling mobile
   Visual-only layer; capture/database behavior intentionally unchanged.
   ======================================================================== */
:root{
  --bg:#071014;--bg2:#091419;--panel:#0d181e;--panel2:#111f26;--panel3:#15262e;
  --line:#20343d;--line-soft:rgba(255,255,255,.065);--text:#f2f7f8;--muted:#8aa0aa;
  --green:#25d366;--green2:#19b979;--green-soft:rgba(37,211,102,.11);--blue:#7bb6ff;
  --red:#ff6674;--amber:#f6c55d;--shadow:0 18px 52px rgba(0,0,0,.28);
  --radius:18px;--radius-sm:12px;
}
html{background:var(--bg)}
body{background:
  radial-gradient(1000px 500px at 90% -10%,rgba(37,211,102,.055),transparent 55%),
  radial-gradient(700px 420px at -8% 30%,rgba(63,131,248,.04),transparent 60%),
  linear-gradient(180deg,#071014 0%,#091319 44%,#071014 100%);
  letter-spacing:-.01em}

/* top navigation */
.topbar{min-height:68px;padding:10px max(18px,calc((100vw - 1440px)/2));gap:20px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,16,20,.88);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-size:14px;letter-spacing:0}
.brandIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#2de47a,#18b76a);color:#042312;font-size:12px;font-weight:1000;box-shadow:0 9px 22px rgba(37,211,102,.16)}
.brandCopy{display:flex;flex-direction:column;line-height:1.05}.brandCopy strong{font-size:14px}.brandCopy small{margin-top:4px;font-size:9px;color:#6f8791;font-weight:650;letter-spacing:.02em}.versionMark{margin-left:1px;padding:3px 6px;border:1px solid rgba(37,211,102,.18);border-radius:999px;background:rgba(37,211,102,.07);color:#7be7ac;font-size:9px;opacity:1}
.nav{gap:4px;justify-content:center}.nav a{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid transparent;border-radius:11px;color:#8298a2;font-size:12px;font-weight:700;transition:.16s ease}.nav a:hover{background:#101e25;color:#eaf3f5;border-color:#1d343e}.nav a.active{background:rgba(37,211,102,.095);border-color:rgba(37,211,102,.18);color:#c8f8da}.navGlyph{width:17px;text-align:center;color:#6f8994;font-size:14px}.nav a.active .navGlyph{color:#38dc82}.topActions{display:flex;align-items:center;gap:5px}.pwaInstallTop{min-height:34px;border-radius:10px;background:#11261e;border-color:#20553c;color:#71e6a4;font-size:11px}.logoutButton{display:flex;align-items:center;gap:4px;font-size:11px}

/* main layout and page surfaces */
.wrap{width:min(1340px,calc(100% - 34px));margin:24px auto 72px}.panel,.hero,.stat,.deletedStats a{border-color:rgba(255,255,255,.075);box-shadow:0 10px 35px rgba(0,0,0,.095)}
.panel{background:linear-gradient(180deg,rgba(15,27,34,.96),rgba(12,23,29,.96));border-radius:20px}.hero{border-radius:24px;background:radial-gradient(circle at 88% 2%,rgba(37,211,102,.14),transparent 32%),linear-gradient(145deg,#0e1a20,#0b151b)}
.hero h1{font-weight:820;letter-spacing:-1.35px}.eyebrow,.sectionKicker{color:#51dc91}
.button,button{border-radius:11px}.primary{background:linear-gradient(180deg,#2bdd79,#21c96b);border-color:#2bd878;color:#032211;box-shadow:0 6px 18px rgba(37,211,102,.12)}.secondary{background:#13232b;border-color:#29404a}.secondary:hover{background:#182b34}

/* dashboard */
.proHero{min-height:180px;align-items:center}.proHero h1{font-size:39px}.proHero .muted{max-width:720px;color:#91a4ad;font-size:14px}.proStats{gap:10px}.stat{position:relative;overflow:hidden;min-height:106px;padding:17px;background:linear-gradient(150deg,#0f1b22,#0b151a);transition:transform .16s,border-color .16s,background .16s}.stat:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,211,102,.45),transparent);opacity:.34}.stat:hover{transform:translateY(-2px);border-color:#31505a;background:#102028}.stat span{font-size:11px;font-weight:700}.stat strong{font-size:30px;letter-spacing:-1px}.dangerStat:before{background:linear-gradient(90deg,transparent,rgba(255,102,116,.6),transparent)}
.healthAccount,.backupMini,.accountmini{background:#0b161c;border-color:#1e333c}.healthAccount{border-radius:14px}.healthDot.online{box-shadow:0 0 0 5px rgba(45,221,145,.08),0 0 16px rgba(45,221,145,.12)}
.messageItem{border-color:rgba(255,255,255,.045);border-radius:10px;margin:2px 7px;padding:13px 11px}.messageItem:hover{background:#112129}.avatar{border-radius:50%;background:linear-gradient(145deg,#18303a,#102129);border:1px solid #29424d}

/* chats: desktop app-like polish */
.chatWorkspace{height:calc(100dvh - 110px);min-height:640px;grid-template-columns:380px minmax(0,1fr);border-radius:20px;border-color:#213640;background:#0a1419;box-shadow:0 26px 80px rgba(0,0,0,.33)}
.chatRail{background:linear-gradient(180deg,#0e1a20,#0c171d);border-right-color:#20353e}.chatRailHeader{padding:19px 18px 10px}.chatRailHeader h1{font-size:25px;letter-spacing:-.8px}.liveDotWrap{background:rgba(37,211,102,.075);border-color:rgba(37,211,102,.16);color:#7ae5a8}.accountSwitcher select,.chatSearch input,.threadSearchBar input{background:#09151a;border-color:#223943}.chatTypeTabs{gap:5px}.chatTypeTabs a{border-radius:10px;font-weight:750}.chatTypeTabs a.active{background:rgba(37,211,102,.1);color:#aef0c8;border-color:rgba(37,211,102,.17)}
.chatListPro{padding:3px 7px 10px}.chatRowPro{margin:2px 0;padding:11px 10px;border:1px solid transparent;border-radius:13px;transition:background .12s,border-color .12s,transform .12s}.chatRowPro:hover{background:#122129;border-color:#1b3540}.chatRowPro.active{background:linear-gradient(90deg,rgba(37,211,102,.12),rgba(37,211,102,.045));border-color:rgba(37,211,102,.16);box-shadow:inset 3px 0 0 #25d366}.chatAvatar{border-radius:50%!important;background:#152832!important;border:1px solid #29414b;overflow:hidden}.chatRowTop strong{font-size:13px}.chatRowTop time{font-size:9px;color:#78909a}.chatNumber{font-size:9px;color:#67818c}.chatPreview{margin-top:3px;color:#9eb0b8}.miniBadge{border-radius:999px!important}
.chatStage{background:
 radial-gradient(circle at 25% 20%,rgba(37,211,102,.025),transparent 24%),
 radial-gradient(circle at 75% 70%,rgba(84,128,160,.025),transparent 26%),
 #081217}.chatStage:before{content:"";pointer-events:none;position:absolute;inset:0;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.12) .55px,transparent .65px);background-size:18px 18px}.chatStage>*{position:relative;z-index:1}
.contactBar{border-bottom:1px solid #20333c;background:rgba(12,24,30,.94);backdrop-filter:blur(18px)}.contactAvatar{border-radius:50%!important;border-color:#2b434e}.contactTitleRow h2{font-weight:780;letter-spacing:-.25px}.contactNumber{color:#77909b}.contactSub{color:#657c86}
.threadViewport{scrollbar-color:#2d454f transparent}.threadInner{width:min(830px,calc(100% - 34px));padding-top:22px}.dateDivider span{background:#13232a;border:1px solid #253b44;color:#8ca1aa;box-shadow:0 5px 18px rgba(0,0,0,.15)}
.proBubble{border:1px solid rgba(255,255,255,.055);box-shadow:0 3px 10px rgba(0,0,0,.11);background:#17252c;color:#e9f0f2}.proBubbleRow.mine .proBubble{background:linear-gradient(145deg,#07594a,#075044);border-color:#0f6a58}.proBubbleRow.theirs .proBubble{border-bottom-left-radius:5px}.proBubbleRow.mine .proBubble{border-bottom-right-radius:5px}.bubbleBody{font-size:13.5px;line-height:1.5}.bubbleFooter{opacity:.78}.bubbleFooter time{font-variant-numeric:tabular-nums}.stateTag{border-radius:999px}.quotedReply{border-left:3px solid #40d88a;background:rgba(0,0,0,.13);border-radius:8px}.inlineMediaPreview{border-radius:12px;border-color:rgba(255,255,255,.07);background:#061014}.inlineMediaPreview img{max-height:520px}.archiveStatusBar{background:#0b171c;border-top-color:#20343d;color:#718892}
.noChatSelected{background:radial-gradient(circle,rgba(37,211,102,.04),transparent 65%);border-radius:24px}.noChatIcon{border-radius:50%;background:rgba(37,211,102,.09);border-color:rgba(37,211,102,.18);color:#62e6a1}

/* login */
.loginbody{background:radial-gradient(circle at 50% 8%,rgba(37,211,102,.09),transparent 35%),linear-gradient(180deg,#071014,#09151a);min-height:100dvh}.loginbox{width:min(430px,100%);padding:30px;border-radius:24px;background:rgba(13,25,31,.96);border-color:#24404a;box-shadow:0 28px 90px rgba(0,0,0,.38)}.loginBrand{display:flex;align-items:center;gap:13px}.loginBrand h1{margin:0;font-size:25px;letter-spacing:-.7px}.loginBrand .muted{margin-top:4px}.loginTrust{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 4px}.loginTrust span{padding:5px 8px;border-radius:999px;background:#0b171c;border:1px solid #213741;color:#839aa4;font-size:9px;font-weight:750}.loginTrust span:first-child{color:#79e5a7;border-color:rgba(37,211,102,.19);background:rgba(37,211,102,.06)}.stack input{min-height:46px;border-radius:12px;background:#091419;border-color:#253d47}.stack .primary{min-height:46px}.loginInstallButton{width:100%;margin-top:12px;background:#10251d;border-color:#25613f;color:#73e5a5}

/* desktop responsive refinement */
@media(max-width:1180px) and (min-width:781px){.topbar{gap:10px}.brandCopy small,.versionMark{display:none}.nav a{padding:8px}.nav a span:last-child{display:none}.navGlyph{font-size:16px}.chatWorkspace{grid-template-columns:340px minmax(0,1fr)}}

/* mobile native-feeling refresh */
@media(max-width:780px){
  :root{--mobile-nav-h:62px;--mobile-top-h:58px}
  body{background:#091319}.topbar{min-height:var(--mobile-top-h);padding:8px 12px;gap:8px;background:rgba(8,18,23,.96);border-bottom-color:#1c3038}.brandIcon{width:34px;height:34px;border-radius:11px}.brandCopy strong{font-size:13px}.brandCopy small,.versionMark{display:none}.topbar .nav{display:none}.topActions{margin-left:auto}.pwaInstallTop{display:none!important}.logoutButton{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;font-size:0;background:#112028;border:1px solid #223943}.logoutButton:first-letter{font-size:16px}.logoutButton span{display:none}
  .wrap{width:100%;padding:0 10px;margin:13px auto calc(var(--mobile-nav-h) + 22px)}.hero{border-radius:18px;padding:18px;min-height:auto}.hero h1,.hero.compact h1,.proHero h1{font-size:27px;letter-spacing:-.9px}.proHero .muted{font-size:12px;line-height:1.55}.hero .actions{width:100%}.hero .actions .button{flex:1}.stats,.proStats,.deletedStats{gap:7px}.stat{min-height:88px;padding:12px;border-radius:15px}.stat strong{font-size:24px}.panel{border-radius:17px;padding:14px}.dashboardGrid{gap:10px}.messageItem{margin:2px 0;padding:12px 8px}.messageItem .avatar{width:38px;height:38px}
  .mobileBottomNav{height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding:4px 7px env(safe-area-inset-bottom);background:rgba(8,18,23,.97);border-top-color:#20353d;box-shadow:0 -14px 40px rgba(0,0,0,.34)}.mobileBottomNav a,.mobileBottomNav button{min-height:52px;border-radius:13px;color:#708892;font-size:9px}.mobileBottomNav a.active{background:rgba(37,211,102,.09);color:#72e7a5}.mobileBottomNav .mobileNavIcon{font-size:19px}
  body.chatListOnly .chatWorkspace,body.chatOpen .chatWorkspace{background:#081217}.chatRail{background:#0c171d}.chatRailHeader{padding:14px 14px 7px}.chatRailHeader h1{font-size:24px}.chatListPro{padding:2px 6px 10px}.chatRowPro{padding:10px 8px;margin:1px 0;border-radius:12px}.chatRowPro.active{box-shadow:none}.chatAvatar{width:47px!important;height:47px!important}.chatRowTop strong{font-size:13px}.chatPreview{font-size:11px}.chatNumber{font-size:9px}
  .chatStage:before{opacity:.11;background-size:16px 16px}.chatStage .contactBar{background:rgba(10,21,26,.98);border-bottom-color:#1d3139}.mobileChatBack,.mobileChatMenuButton{background:#102129;border-color:#233943}.threadInner{width:100%;padding:14px 8px 28px}.proBubble{max-width:89%;padding:8px 10px 6px}.proBubble.hasInlineMedia{max-width:94%}.bubbleBody{font-size:14px}.inlineMediaPreview img{max-height:58dvh}.archiveStatusBar{display:none}.newMessageJump{border-radius:999px;background:#17342a;border:1px solid #286347;color:#91edb7;box-shadow:0 8px 25px rgba(0,0,0,.25)}
  .mobileMoreSheet .mobileSheetCard,.mobileChatActionCard{background:#0d1a20;border-color:#28414b}.mobileSheetGrid a,.mobileExportGrid a{background:#11232a;border-color:#29414c}.mobileActionRow{border-color:#213740}.connectionBanner{border-radius:13px;box-shadow:0 16px 44px rgba(0,0,0,.34)}
  .loginbody{padding:14px}.loginbox{padding:23px;border-radius:21px}.loginTrust{gap:5px}.loginTrust span{font-size:8px}
}

@media(max-width:430px){.wrap{padding-left:8px;padding-right:8px}.proStats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:83px}.chatRowBody{min-width:0}.inlineMediaPreview{min-width:130px}.proBubble.hasInlineMedia{max-width:96%}}

.chatStage{position:relative}
@media(max-width:780px){.logoutButton:before{content:'↗';font-size:16px}.logoutButton{font-size:0!important}.logoutButton span{display:none!important}}


/* v3.5.1 Delete-for-me state */
.localDeletedTag{color:#f6cb73;background:rgba(244,186,74,.12);border:1px solid rgba(244,186,74,.18)}
.proBubble.isLocalDeleted{outline:1px dashed rgba(244,186,74,.42);outline-offset:-1px}
.localDeletedBubble{border-color:#725b2e!important;box-shadow:inset 0 0 0 1px rgba(244,186,74,.08)}
.warntext{color:#f6cb73}