/* Shared messenger shell for real accounts on desktop and installed mobile web apps. */
html:has(>body.connected-app){height:100%;overflow:hidden;overscroll-behavior:none}
body.connected-app{position:fixed;top:var(--connected-top,0px);left:0;width:100%;min-height:0;overflow:hidden;overscroll-behavior:none}
.connected-app{--bg:var(--skin-bg,#f4f6f3);--surface:var(--skin-surface,#fff);--text:var(--skin-text,#213a36);--accent:var(--skin-accent,#174c43);--mine:var(--skin-mine,#e4eee7);display:flex;flex-direction:column}
.connected-app>.connection-banner{flex:none}
.connected-app>.device-approval-banner{position:static;transform:none;width:100%;max-width:none;flex:none;margin:0;padding:6px 18px;border:0;border-bottom:1px solid var(--accent);border-radius:0;box-shadow:none;background:var(--surface);font-size:11px}
.connected-app>.device-approval-banner span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.connected-app>.device-approval-banner button{min-height:34px;font-size:11px}
.connected-app>.connection-auth{flex:1;min-height:0;height:auto;width:100%}
.connected-app>.connection-workspace.unified-workspace{flex:1;height:auto;min-height:0}
.connected-app .connection-banner{min-height:30px;height:auto;padding:5px 20px;gap:12px;font-size:11px;flex-wrap:wrap}
.connected-app .connection-banner .brand-mark{font-size:11px}
.connected-app .connection-banner img{width:20px;height:20px}
.connected-app .connection-banner #provider-mode{margin-left:auto;font-size:10px;font-weight:500}
.connection-workspace.unified-workspace,.connection-workspace.unified-workspace[data-board-state="closed"],.connection-workspace.unified-workspace[data-board-state="absent"]{display:grid;grid-template-columns:78px 300px minmax(0,1fr);height:calc(var(--connected-height,100dvh) - 36px);min-height:0;overflow:hidden;background:var(--bg)}
.connection-workspace.unified-workspace[hidden]{display:none}
.connection-workspace.unified-workspace[data-board-state="open"]{grid-template-columns:78px 300px minmax(0,1fr) 300px}
.unified-workspace [hidden]{display:none!important}
.unified-rail.rail{width:auto;position:relative;height:100%;padding:15px 7px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:24px;overflow:auto;grid-row:1;grid-column:1;z-index:2}
.unified-rail .unified-brand{display:flex;flex-direction:column;gap:4px;font-size:9px;align-items:center;text-decoration:none;color:var(--accent)}
.unified-rail .nav-items{display:flex;flex-direction:column;gap:7px}
.unified-rail .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:61px;padding:9px 3px;border:0;border-radius:15px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}
.unified-rail .nav-item svg{width:23px;height:23px;flex:none}
.unified-rail .nav-item.active{color:var(--accent);background:var(--mine);font-weight:700}
.unified-workspace .connection-sidebar{grid-column:2;grid-row:1;min-width:0;min-height:0;width:auto;padding:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}
.unified-list-head.list-head{display:block;padding:25px 20px 16px;flex:none}
.unified-rail .nav-item>span{font-size:calc(10px * var(--ui-font-scale,1));line-height:1.4;white-space:nowrap}
.unified-heading{display:flex;align-items:center;gap:9px;margin-bottom:20px}
.unified-heading>div{flex:1;min-width:0}
.unified-heading .eyebrow{font-size:8px;letter-spacing:2.4px;color:var(--muted);font-weight:700}
.unified-heading h1{font-size:25px;line-height:1.3;margin:7px 0 0;color:var(--text);letter-spacing:-1px}
.unified-heading button{width:34px;height:34px;min-height:34px;padding:7px;border:0;border-radius:50%;background:var(--mine);color:var(--accent);flex:none}
.unified-heading button svg{width:19px;height:19px}
.unified-heading .unified-add{font-size:23px;line-height:20px}
.unified-heading .unified-mobile-brand{display:none}
.unified-search.search{height:38px;background:var(--bg);display:flex;align-items:center;gap:8px;border-radius:11px;padding:0 10px;margin:0 0 15px;color:var(--muted)}
.unified-search svg{width:16px;height:16px;flex:none}
.unified-search input{min-width:0;width:100%;border:0;padding:0;background:transparent;font-size:12px;color:var(--text);outline:none}
.unified-filters.filters{display:flex;gap:6px;justify-content:space-between;margin:0}
.unified-filters button{border:0;background:transparent;color:var(--muted);font-size:10px;border-radius:15px;padding:6px 9px;white-space:nowrap}
.unified-filters button[aria-pressed="true"]{background:var(--accent);color:var(--surface)}
.unified-link{width:100%;font-size:11px;min-height:34px;margin-top:13px;border:1px solid var(--border);background:var(--surface);color:var(--accent);border-radius:7px}
.unified-workspace #connected-room-list{flex:1;overflow:auto;padding:0 0 15px;min-height:0}
.unified-workspace .connected-room-row{padding:18px 12px 18px 18px;min-height:95px;border-radius:0;border:0;background:transparent;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:11px;row-gap:7px;text-align:left;width:100%;align-items:center}
.unified-workspace .connected-room-row[aria-current="true"]{background:var(--mine);box-shadow:inset 3px 0 var(--accent)}
.unified-workspace .connected-room-row>.connected-room-icon{grid-row:1/4;grid-column:1;width:42px;height:42px}
.unified-workspace .connected-room-row>strong{grid-column:2;grid-row:1;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}
.unified-workspace .connected-room-row>span:not(.connected-room-icon):not(.connection-unread-badge){grid-column:2;grid-row:2;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}
.unified-workspace .connected-room-row>.connection-unread-badge{grid-column:2;grid-row:3;justify-self:start;width:max-content;max-width:100%;box-sizing:border-box;margin-top:0;font-size:10px;padding:3px 6px;border-radius:14px;background:var(--accent);color:var(--surface)}
.unified-workspace .connection-muted{padding:12px 20px;color:var(--muted);font-size:12px;line-height:1.7}
.unified-account{margin-top:auto;border-top:1px solid var(--border);padding:14px 18px!important;background:var(--surface);display:block!important;flex:none}
.unified-account button{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--text);text-align:left;width:100%;padding:0;min-height:40px}
.unified-account-icon svg{width:27px;height:27px;color:var(--accent)}
.unified-account button span:last-child{display:flex;flex-direction:column;gap:4px}
.unified-account strong{font-size:12px}.unified-account small{font-size:9px;color:var(--muted)}
.unified-cache{display:block;margin-top:8px;line-height:1.5}
.unified-workspace .unified-sections{padding:4px 15px;overflow:auto;flex:1;min-height:0}
.unified-sections button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 15px;gap:6px;text-align:left;border:1px solid transparent;border-radius:13px;background:transparent;padding:17px 14px;margin:3px 0;color:var(--text)}
.unified-sections button strong{font-size:14px}.unified-sections button span{font-size:11px;color:var(--muted)}
.unified-sections button span:nth-child(2){grid-column:1;grid-row:2}.unified-sections button span:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:22px}
.unified-sections button[aria-current="page"]{background:var(--mine);border-color:var(--border);color:var(--accent)}
.unified-workspace .connection-main,.unified-workspace .connected-settings{grid-column:3;grid-row:1;min-width:0;min-height:0;background:var(--bg);overflow:hidden}
.unified-workspace .connected-settings{padding:0;display:flex;flex-direction:column}
.unified-workspace .connected-chat-head,.unified-workspace .connected-settings>header{height:88px;min-height:88px;box-sizing:border-box;padding:18px 28px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:12px;margin:0;flex:none}
.unified-workspace .connected-chat-head>div{flex:1;min-width:0}
.unified-workspace .connected-chat-head h2,.unified-workspace .connected-settings>header h2{margin:0;font-size:19px;color:var(--text)}
.unified-workspace #connected-settings-content{padding:25px 32px;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.unified-workspace .connection-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:22px;margin:0 0 17px}
.unified-workspace .connection-card h3{font-size:16px;margin-top:0}
.unified-workspace .connection-card p{line-height:1.7;font-size:12px}
.unified-workspace .connection-card label{font-size:12px;line-height:1.6}
.unified-workspace .connection-card input,.unified-workspace .connection-card select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px;min-width:0;max-width:100%;box-sizing:border-box}
.unified-workspace .connection-card button{min-height:36px;border-radius:8px}
.unified-workspace .room-board{grid-column:4;grid-row:1}
.unified-workspace .connected-settings .settings-preferences{max-width:100%}
.unified-workspace #connected-friends-list{overflow:auto;flex:1;padding:0 18px;min-height:0}
.unified-workspace .connected-friend-search{padding-bottom:12px}.unified-workspace .connected-friend-search label{font-size:11px;color:var(--muted)}
.unified-workspace .connected-friend-row{min-height:74px;background:transparent;border:0}
.unified-workspace .unified-sponsor-list{overflow:auto;flex:1;min-height:0;padding:0 16px}
.unified-sponsor-personal{flex:none;padding:12px 18px;border-top:1px solid var(--border)}
.unified-sponsor-personal .sponsor-personal-total{border:0;margin:0;padding:0}
.unified-workspace .sponsor-directory{padding:0}.unified-workspace .sponsors-content{padding:0}
.unified-workspace .connection-back{display:none}
.unified-workspace[data-room-selected="false"] .connected-chat-head .reading-trigger{display:none}
.unified-workspace .unified-welcome{margin:auto;max-width:460px;padding:40px;text-align:center;color:var(--muted)}
.unified-welcome img{width:70px;height:70px;margin-bottom:18px}.unified-welcome h2{color:var(--text);font-size:24px}.unified-welcome p{font-size:13px;line-height:1.8}.unified-welcome button{margin:12px 5px 0;min-height:40px}
@media(max-width:1200px) and (min-width:701px){.connection-workspace.unified-workspace[data-board-state="open"]{grid-template-columns:72px 265px minmax(0,1fr)}.unified-workspace .room-board{grid-column:3;z-index:5}.connection-workspace.unified-workspace{grid-template-columns:72px 265px minmax(0,1fr)}}
@media(max-width:700px){
 .connected-app .connection-banner{padding:4px 12px;min-height:24px;font-size:9px}.connection-banner .brand-mark{font-size:9px!important}.connection-banner #provider-mode{display:none}
 .connection-workspace.unified-workspace,.connection-workspace.unified-workspace[data-board-state="open"],.connection-workspace.unified-workspace[data-board-state="closed"],.connection-workspace.unified-workspace[data-board-state="absent"]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:calc(var(--connected-height,100dvh) - 32px)}
 .unified-workspace .connection-sidebar{grid-column:1;grid-row:1;display:flex;border:0;width:100%}
 .unified-workspace .unified-rail.rail{grid-column:1;grid-row:2;position:relative;inset:auto;display:block;height:auto;width:100%;box-sizing:border-box;border:0;border-top:1px solid var(--border);padding:3px 3px max(3px,env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;background:var(--surface)}
 .unified-rail .unified-brand{display:none}.unified-rail .nav-items{flex-direction:row;gap:0;min-width:352px;justify-content:space-around}.unified-rail .nav-item{min-width:calc(44px * var(--ui-font-scale,1));min-height:51px;padding:5px 2px;gap:4px;border-radius:10px;font-size:9px;flex:1}.unified-rail .nav-item svg{width:21px;height:21px}.unified-rail .nav-item>span{font-size:calc(9px * var(--ui-font-scale,1))}
 .unified-heading .unified-mobile-brand{display:block;width:36px;flex:none}.unified-mobile-brand img{width:36px;height:36px}.unified-mobile-brand span{display:none}.unified-heading .eyebrow{font-size:7px}.unified-heading h1{font-size:23px;margin-top:4px}
 .unified-list-head.list-head{padding:20px 20px 12px}.unified-heading{margin-bottom:18px}.unified-heading button{width:38px;height:38px}.unified-search.search{height:42px}.unified-filters button{min-height:34px;font-size:11px;padding:7px 12px}
 .unified-workspace .connection-main,.unified-workspace .connected-settings{display:none;grid-column:1;grid-row:1;width:100%;padding:0}
 .connection-detail-open .unified-workspace .connection-sidebar{display:none}.connection-detail-open .unified-workspace .connection-main:not([hidden]),.connection-detail-open .unified-workspace .connected-settings:not([hidden]){display:flex}
 .connection-detail-open .unified-workspace[data-mode="chat"] .unified-rail{display:none}.connection-detail-open .unified-workspace[data-mode="chat"]{grid-template-rows:minmax(0,1fr)}
 .unified-workspace .connection-back{display:inline-flex;width:40px;height:40px;min-width:40px;padding:8px;align-items:center;justify-content:center;flex:none}
 .unified-workspace .connected-chat-head,.unified-workspace .connected-settings>header{height:65px;min-height:65px;padding:10px 12px;gap:8px}.unified-workspace .connected-chat-head h2,.unified-workspace .connected-settings>header h2{font-size:16px}
 .unified-workspace #connected-settings-content{padding:18px 15px}.unified-workspace .connection-card{padding:18px 15px;border-radius:13px}.unified-workspace .connection-card input,.unified-workspace .connection-card select{font-size:16px}.unified-workspace .connection-card button{min-height:44px}
 .unified-workspace .connected-chat-head #connected-room-description{display:none}.unified-workspace .connected-chat-head #room-details{font-size:11px;padding:7px;min-width:0}.unified-workspace .reading-trigger{width:36px;min-width:36px;height:36px;font-size:12px}
 .unified-workspace .room-board{grid-column:1;grid-row:1;z-index:6}.unified-workspace .unified-account{padding:10px 18px!important}.unified-cache{font-size:8px}.unified-workspace .connected-compose{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .unified-workspace .sponsors-content .sponsor-overview{display:block}
}
@media(prefers-reduced-motion:no-preference){.unified-rail .nav-item,.unified-sections button{transition:background .15s ease,color .15s ease}}

@media(max-width:700px){
 .connection-workspace.unified-workspace[data-board-state="open"]>.room-board{grid-column:1;grid-row:1;width:100%;height:100%;border-left:0}
}

/* Contacts fill the pane; search lives in the title's magnifier popup. */
.unified-workspace[data-page=friends] .unified-list-head{padding:14px 18px 8px}.unified-workspace[data-page=friends] .unified-heading{margin-bottom:0}.unified-workspace[data-page=friends] .eyebrow{display:none}.unified-workspace #connected-friends-list{padding:0;overflow:hidden}.connected-friend-status{margin:0;padding:4px 16px;font-size:12px}.connected-friend-status:empty{display:none}.unified-workspace .connected-friend-filters{padding:4px 12px;gap:6px}.unified-workspace .connected-friend-filters button{min-height:34px;padding:5px 10px}.unified-workspace .connected-friend-list .connected-friend-row{min-height:64px;padding-top:8px;padding-bottom:8px}

.unified-workspace .connected-friend-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.unified-workspace .connected-friend-copy strong,.unified-workspace .connected-friend-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-workspace[data-page=friends] .unified-account{padding:6px 18px!important}.unified-workspace[data-page=friends] .unified-cache{display:none}

.unified-app-list{overflow:auto;flex:1;min-height:0;padding:0 16px}.miniapp-filters input{width:100%;min-height:44px}.miniapp-filters>div{display:flex;gap:8px;margin:12px 0}.miniapp-filters button,.miniapp-detail button{min-height:42px;padding:8px 14px;border:1px solid var(--skin-border,#ddd);border-radius:10px}.miniapp-filters button[aria-pressed=true]{background:var(--skin-accent,#174c43);color:white}.miniapp-row{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;min-height:68px;padding:12px;border-radius:10px}.miniapp-row[aria-current=true]{background:var(--skin-mine,#e5eddf)}.miniapp-row small{color:var(--skin-muted,#657268)}.miniapp-detail{max-width:560px;padding:12px 0}.miniapp-detail h3{font-size:22px}.miniapp-detail p{line-height:1.7}.miniapp-open{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:10px;text-decoration:none;margin:4px 8px 4px 0}.miniapp-detail button{cursor:pointer}