/* Reserve app chrome and media space; growing content scrolls within its device-sized pane. */
@layer halo-stable-shell {
html{scrollbar-gutter:stable!important;}
body.social-authenticated :is(#halo-wallet-button,#halo-shop-button)[hidden]{display:inline-grid!important;visibility:hidden!important;pointer-events:none!important;}
body.social-authenticated :is(.topbar-actions,.social-header-actions){min-width:0!important;}
body.social-authenticated .social-view{animation:none!important;}
body.social-authenticated :is(.social-contact-avatar,.profile-avatar-control){flex-shrink:0!important;}
#social-contact-count{display:inline-block!important;min-width:3ch!important;font-variant-numeric:tabular-nums!important;}
body.social-authenticated .social-contacts-card{display:flex!important;flex-direction:column!important;min-height:0!important;height:clamp(340px,calc(100dvh - 210px),760px)!important;overflow:visible!important;}
#social-contact-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;scrollbar-gutter:stable!important;overscroll-behavior:contain!important;}
#social-contact-empty{flex:1 1 auto!important;min-height:200px!important;}
.social-contact{height:84px!important;min-height:84px!important;box-sizing:border-box!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:8px!important;}
.social-contact>.social-contact-avatar{grid-column:1!important;grid-row:1!important;}
.social-contact>.social-contact-identity{grid-column:2!important;grid-row:1!important;text-align:start!important;}
.social-contact-actions{grid-column:3!important;grid-row:1!important;position:static!important;order:0!important;display:flex!important;flex-wrap:nowrap!important;gap:4px!important;}
.social-contact-identity{min-width:0!important;}
.social-contact-identity :is(strong,small){display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.social-contact-identity p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.social-contact-identity small{min-height:14px!important;line-height:14px!important;}
body:not(.halo-chat-mobile-open) #direct-chat-card{height:clamp(340px,calc(100dvh - 210px),760px)!important;min-height:0!important;}
#direct-chat-name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.direct-chat-meta{height:36px!important;min-height:36px!important;max-height:36px!important;overflow:hidden!important;align-content:flex-start!important;}
#direct-chat-typing[hidden]{display:inline!important;visibility:hidden!important;}
.halo-message-receipt[hidden],.halo-media-receipt[hidden]{display:inline-block!important;visibility:hidden!important;}
.direct-chat-message time{min-height:18px!important;line-height:18px!important;white-space:nowrap!important;}
:is(.direct-chat-message,.halo-group-bubble) :is(.halo-message-receipt,.halo-media-receipt){font-variant-numeric:tabular-nums!important;}
.halo-chat-image>:is(img,video){width:100%!important;height:220px!important;max-height:220px!important;object-fit:contain!important;background:var(--surface-soft)!important;}
.halo-news-image{aspect-ratio:16/9!important;overflow:hidden!important;}
.halo-news-image img{width:100%!important;height:100%!important;object-fit:cover!important;}
:is(.halo-wallet-balances,.halo-wallet-total,.halo-shop-balance){font-variant-numeric:tabular-nums!important;}
@media(min-width:901px){.social-dashboard-grid,.social-dashboard-grid.direct-chat-open{grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important;}.social-dashboard-grid>.social-side-stack{min-width:0!important;}}
@media(max-width:900px){body:is(.halo-chat-mobile-open,.home-chat-open) .social-contacts-card{display:none!important;}}
@media(max-width:680px){.social-dashboard-grid.direct-chat-open>.social-contacts-card{display:none!important;}}
@media(max-width:767px){.direct-chat-meta{height:18px!important;min-height:18px!important;max-height:18px!important;}body.social-authenticated .social-contacts-card{height:clamp(320px,calc(100dvh - 180px),720px)!important;}.halo-chat-image>:is(img,video){height:180px!important;max-height:180px!important;}}
}