/* Edge Rail: reserve one compact shell, keep all feature controls and private data in their existing controllers. */
@layer halo-edge {
body.social-authenticated{--edge-bg:#030611;--edge-panel:linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%);--edge-soft:rgba(255, 255, 255, 0.12);--edge-line:rgba(255, 255, 255, 0.22);--edge-text:#ffffff;--edge-muted:#cbd5e1;--edge-accent:#38bdf8;--edge-text-shadow:0 1px 3px rgba(0, 0, 0, 0.8);--edge-control-bg:linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.06) 100%);--edge-input-bg:rgba(0, 0, 0, 0.4);--edge-notice-bg:rgba(0, 0, 0, 0.4);--edge-active-bg:linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.12) 100%);--edge-active-ink:#ffffff;--edge-active-border:rgba(255, 255, 255, 0.45);--hp-incoming:rgba(255, 255, 255, 0.08);--lg-control:rgba(255, 255, 255, 0.08);--chat-bubble:rgba(255, 255, 255, 0.08);background-color:#030611!important;background-image:radial-gradient(circle at 15% 10%, rgba(79, 70, 229, 0.35) 0%, transparent 45%),radial-gradient(circle at 85% 15%, rgba(14, 165, 233, 0.3) 0%, transparent 40%),radial-gradient(circle at 50% 85%, rgba(192, 38, 211, 0.22) 0%, transparent 50%),radial-gradient(circle at 90% 90%, rgba(16, 185, 129, 0.18) 0%, transparent 35%)!important;background-attachment:fixed!important;color:#ffffff!important;margin:0!important;padding:0!important;overflow:hidden!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;}
html[data-theme=light] body.social-authenticated{--edge-bg:#f1f5f9;--edge-panel:linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(241, 245, 249, 0.85) 100%);--edge-soft:rgba(15, 23, 42, 0.06);--edge-line:rgba(15, 23, 42, 0.12);--edge-text:#0f172a;--edge-muted:#475569;--edge-accent:#0284c7;--edge-text-shadow:none;--edge-control-bg:#ffffff;--edge-input-bg:#ffffff;--edge-notice-bg:rgba(15, 23, 42, 0.04);--edge-active-bg:linear-gradient(135deg, #0284c7 0%, #4f46e5 100%);--edge-active-ink:#ffffff;--edge-active-border:rgba(2, 132, 199, 0.35);--hp-incoming:#ffffff;--lg-control:#ffffff;--chat-bubble:#ffffff;background-color:#f1f5f9!important;background-image:radial-gradient(ellipse at 10% 8%, rgba(2, 132, 199, 0.08) 0%, transparent 50%),radial-gradient(ellipse at 95% 85%, rgba(99, 102, 241, 0.08) 0%, transparent 55%),linear-gradient(145deg, #f8fafc 0%, #eef2f6 100%)!important;color:#0f172a!important;color-scheme:light!important;}
body.social-authenticated .ambient{display:none!important;}
body.social-authenticated .app-shell{width:100%!important;max-width:none!important;min-height:0!important;height:100dvh!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;gap:0!important;}
body.social-authenticated .topbar{width:calc(100% - 80px)!important;flex-shrink:0!important;height:56px!important;min-height:56px!important;max-height:56px!important;box-sizing:border-box!important;padding:6px 14px!important;margin:0 0 0 80px!important;border:0!important;border-bottom:1px solid var(--edge-line)!important;border-radius:0!important;background:var(--edge-panel)!important;box-shadow:none!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:20!important;}
body.social-authenticated .wordmark{font-size:18px!important;gap:8px!important;color:var(--edge-text)!important;font-weight:850!important;letter-spacing:-0.4px!important;text-shadow:var(--edge-text-shadow,none)!important;}
body.social-authenticated .topbar-actions{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;}
body.social-authenticated .topbar-actions>button,body.social-authenticated .header-language{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:8px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--edge-line)!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4)!important;background:var(--edge-control-bg)!important;color:var(--edge-text)!important;position:relative!important;overflow:visible!important;transform:none!important;}
body.social-authenticated .topbar-actions>button[hidden]{display:none!important;}
body.social-authenticated :is(.topbar-actions button,.social-nav-button,.social-contact-head-actions button,.direct-chat-actions button) svg{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;max-height:22px!important;flex:none!important;margin:0!important;position:static!important;transform:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;}
body.social-authenticated #halo-theme-toggle .theme-moon{display:block!important;}body.social-authenticated #halo-theme-toggle .theme-sun{display:none!important;}html[data-theme=light] body.social-authenticated #halo-theme-toggle .theme-moon{display:none!important;}html[data-theme=light] body.social-authenticated #halo-theme-toggle .theme-sun{display:block!important;}
body.social-authenticated .header-language select{width:100%!important;height:100%!important;min-height:0!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font:600 12px system-ui!important;}
body.social-authenticated #header-profile-button{padding:4px!important;}body.social-authenticated .header-profile-label{display:none!important;}body.social-authenticated #header-profile-avatar{width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;}
body.social-authenticated #mobile-utility-toggle{display:none!important;}
body.social-authenticated #social-shell{height:calc(100dvh - 56px)!important;min-height:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;display:block!important;margin:0!important;padding:0 0 0 80px!important;background:var(--edge-bg)!important;border:0!important;border-radius:0!important;overflow:hidden!important;}
body.social-authenticated #social-shell[hidden]{display:none!important;}
body.social-authenticated .social-rail{position:fixed!important;inset:0 auto 0 0!important;width:80px!important;height:100dvh!important;max-height:none!important;box-sizing:border-box!important;padding:8px 6px!important;border:0!important;border-right:1px solid var(--edge-line)!important;border-radius:0!important;background:var(--edge-panel)!important;box-shadow:none!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:flex-start!important;transform:none!important;z-index:30!important;overflow-y:auto!important;overflow-x:hidden!important;}
body.social-authenticated .social-rail-brand{height:44px!important;min-height:44px!important;padding:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.social-authenticated .social-brand-pulse{width:30px!important;height:30px!important;min-width:30px!important;}
body.social-authenticated :is(.halo-navigation-brand-copy,.social-rail-security){display:none!important;}
body.social-authenticated .social-nav{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;justify-content:flex-start!important;align-items:stretch!important;gap:6px!important;padding:0!important;margin:0!important;width:100%!important;position:static!important;transform:none!important;}
body.social-authenticated .social-nav-button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;width:100%!important;height:64px!important;min-height:64px!important;padding:7px 2px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;color:var(--edge-muted)!important;transform:none!important;overflow:visible!important;transition:all 0.2s cubic-bezier(0.16, 1, 0.3, 1)!important;}
body.social-authenticated .social-nav-button :is(b,.nav-icon){position:static!important;transform:none!important;margin:0!important;}.social-nav-button b{font:700 10px/1.2 system-ui!important;letter-spacing:0.2px!important;}.social-nav-button .nav-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;}
body.social-authenticated .social-nav-button:hover:not(.is-active){background:var(--edge-soft)!important;color:var(--edge-text)!important;}
body.social-authenticated .social-nav-button.is-active{background:var(--edge-active-bg)!important;color:var(--edge-active-ink)!important;border:1px solid var(--edge-active-border)!important;box-shadow:0 4px 18px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6)!important;}
body.social-authenticated .social-main{height:100%!important;min-height:0!important;min-width:0!important;width:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
body.social-authenticated .social-main-header{display:none!important;}
body.social-authenticated .social-view{flex:1!important;height:100%!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:18px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:auto!important;scrollbar-gutter:stable!important;}
body.social-authenticated .social-view[hidden]{display:none!important;}
body.social-authenticated [data-social-panel=chats]{padding:0!important;overflow:hidden!important;}
body.social-authenticated :is(.social-dashboard-grid,.social-dashboard-grid.direct-chat-open){height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;margin:0!important;align-items:stretch!important;}
body.social-authenticated .social-contacts-card{height:100%!important;max-height:none!important;min-height:0!important;box-sizing:border-box!important;border:0!important;border-right:1px solid var(--edge-line)!important;border-radius:0!important;padding:12px!important;background:var(--edge-panel)!important;box-shadow:none!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;overflow:visible!important;}
body.social-authenticated .social-card-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:0 0 10px!important;margin:0!important;align-items:center!important;}
body.social-authenticated .social-search{width:100%!important;min-width:0!important;height:44px!important;box-sizing:border-box!important;padding:0 12px!important;border:1px solid var(--edge-line)!important;border-radius:12px!important;background:var(--edge-input-bg)!important;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15)!important;display:flex!important;align-items:center!important;gap:8px!important;}
body.social-authenticated #social-contact-search{width:100%!important;min-width:0!important;height:40px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--edge-text)!important;font-size:16px!important;}
body.social-authenticated .social-contact-head-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important;}
body.social-authenticated .social-contact-head-actions button{height:44px!important;min-height:44px!important;min-width:44px!important;max-width:none!important;padding:8px!important;border:1px solid var(--edge-line)!important;border-radius:10px!important;background:var(--edge-soft)!important;color:var(--edge-text)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;}
#halo-recent-calls b{display:none!important;}#halo-recent-calls .nav-icon{display:grid!important;place-items:center!important;}
body.social-authenticated #social-contact-list{padding:0!important;gap:2px!important;}
body.social-authenticated .social-contact{height:72px!important;min-height:72px!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:var(--edge-text)!important;box-shadow:none!important;transition:all 0.18s cubic-bezier(0.16, 1, 0.3, 1)!important;}
body.social-authenticated .social-contact:hover:not(.is-active){background:var(--edge-soft)!important;}
body.social-authenticated .social-contact.is-active{background:var(--edge-active-bg)!important;border:1px solid var(--edge-active-border)!important;box-shadow:0 4px 16px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6)!important;color:var(--edge-active-ink)!important;}
body.social-authenticated .social-side-stack{min-width:0!important;min-height:0!important;height:100%!important;}
body.social-authenticated :is(#direct-chat-card,#halo-group-detail){grid-column:auto!important;grid-row:auto!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
body.social-authenticated :is(#direct-chat-card,#halo-group-detail)[hidden]{display:none!important;}
body.social-authenticated .direct-chat-header{position:relative!important;flex:0 0 auto!important;min-height:68px!important;max-height:none!important;height:auto!important;padding:10px 20px!important;margin:0!important;box-sizing:border-box!important;gap:12px!important;border:0!important;border-bottom:1px solid var(--edge-line)!important;border-radius:0!important;background:var(--edge-panel)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;display:flex!important;align-items:center!important;}
body.social-authenticated .direct-chat-identity{flex:1!important;min-width:0!important;}.direct-chat-identity h2{font-size:17px!important;line-height:22px!important;margin:0!important;font-weight:800!important;color:var(--edge-text)!important;text-shadow:var(--edge-text-shadow,none)!important;}
body.social-authenticated .direct-chat-meta{height:18px!important;min-height:18px!important;max-height:18px!important;font-size:12px!important;margin:0!important;color:var(--edge-muted)!important;font-weight:600!important;}
body.social-authenticated .direct-chat-actions{display:flex!important;gap:6px!important;align-items:center!important;flex:none!important;}
body.social-authenticated .direct-chat-actions button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:12px!important;background:var(--edge-control-bg)!important;border:1px solid var(--edge-line)!important;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5)!important;color:var(--edge-text)!important;}
body.social-authenticated .direct-chat-actions button:hover{background:var(--edge-soft)!important;border-color:var(--edge-line)!important;}
.direct-chat-actions button span{display:none!important;}
body.social-authenticated .direct-chat-notice{flex:none!important;height:auto!important;max-height:30px!important;padding:5px 16px!important;margin:0!important;overflow:hidden!important;font-size:10px!important;line-height:18px!important;background:var(--edge-notice-bg)!important;color:var(--edge-muted)!important;}
body.social-authenticated .direct-chat-messages{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;padding:20px!important;overflow-y:auto!important;scrollbar-gutter:stable!important;}
body.social-authenticated .direct-chat-form{flex:none!important;min-height:68px!important;height:auto!important;padding:12px 16px!important;box-sizing:border-box!important;border:0!important;border-top:1px solid var(--edge-line)!important;border-radius:0!important;background:var(--edge-panel)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;position:relative!important;bottom:auto!important;margin:0!important;}
body.social-authenticated #direct-chat-input{font-size:15px!important;min-width:0!important;color:var(--edge-text)!important;font-weight:600!important;background:var(--edge-input-bg)!important;border:1px solid var(--edge-line)!important;border-radius:14px!important;padding:10px 16px!important;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15)!important;}
body.social-authenticated [data-social-panel=games]{height:100%!important;max-height:none!important;padding:16px 16px 24px!important;}
body.social-authenticated .hgh-hubbar{padding:16px!important;margin-bottom:12px!important;}.hgh-hubbar h2{font-size:25px!important;}
body.social-authenticated :is(.social-status-panel,.social-community-panel){max-width:none!important;}
body.social-authenticated .halo-status-shell{max-width:1100px!important;margin:0 auto!important;}
/* All shop cards reserve the same rows before thumbnails load and after Buy/Equip updates. */
.halo-coin-shop{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important;align-items:start!important;}
.halo-product-card{height:320px!important;min-height:320px!important;max-height:320px!important;box-sizing:border-box!important;display:grid!important;grid-template-rows:128px 42px 36px 22px 44px!important;gap:6px!important;padding:12px!important;overflow:hidden!important;}
.halo-product-card :is(.halo-shop-art,.halo-product-art){height:128px!important;min-height:128px!important;width:100%!important;margin:0!important;overflow:hidden!important;}
.halo-product-card img{width:100%!important;height:100%!important;object-fit:contain!important;}
.halo-product-card h4{height:42px!important;min-height:42px!important;margin:0!important;line-height:21px!important;font-size:14px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.halo-product-card p{height:36px!important;min-height:36px!important;margin:0!important;line-height:18px!important;overflow:hidden!important;font-size:11px!important;}
.halo-product-card button{min-height:44px!important;height:44px!important;width:100%!important;margin:0!important;align-self:end!important;}
.halo-product-card .halo-product-price{height:22px!important;min-height:22px!important;margin:0!important;font-variant-numeric:tabular-nums!important;}
body[data-halo-coin-frame=orbit-neon] :is(#header-profile-avatar,#social-profile-avatar){border-radius:50%!important;outline:2px solid #40dbff!important;outline-offset:3px!important;box-shadow:0 0 0 5px #9465ff55,0 0 15px #4bdcff99,0 0 22px #a16bff66!important;}
@media(min-width:901px){body.social-authenticated .topbar .logo-mark{display:none!important;}}
@media(max-width:1100px) and (min-width:901px){body.social-authenticated :is(.social-dashboard-grid,.social-dashboard-grid.direct-chat-open){grid-template-columns:240px minmax(0,1fr)!important;}}
@media(max-width:900px){
body.social-authenticated .topbar{width:100%!important;margin:0!important;padding:6px 10px!important;}
body.social-authenticated #social-shell{padding:0 0 calc(66px + env(safe-area-inset-bottom))!important;}
body.social-authenticated .social-rail{inset:auto 0 0!important;width:100%!important;height:calc(66px + env(safe-area-inset-bottom))!important;min-height:66px!important;padding:4px 6px env(safe-area-inset-bottom)!important;border:0!important;border-top:1px solid var(--edge-line)!important;border-radius:0!important;overflow:hidden!important;}
body.social-authenticated .social-rail-brand{display:none!important;}
body.social-authenticated .social-nav{flex-direction:row!important;gap:2px!important;height:58px!important;}
body.social-authenticated .social-nav-button{height:58px!important;min-height:58px!important;width:20%!important;flex:1!important;padding:6px 2px!important;gap:4px!important;}.social-nav-button b{font-size:10px!important;}
body.social-authenticated .social-nav-button.is-active{box-shadow:inset 0 -2px var(--edge-accent)!important;}
body.social-authenticated :is(.social-dashboard-grid,.social-dashboard-grid.direct-chat-open){grid-template-columns:1fr!important;}
body.social-authenticated .social-side-stack{display:none!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) #social-shell{padding-bottom:0!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) .social-rail{display:none!important;}

body.social-authenticated .social-view{padding:12px!important;}
body.social-authenticated .direct-chat-header{padding:8px!important;gap:6px!important;}
body.social-authenticated .direct-chat-actions{gap:2px!important;}

body.social-authenticated .direct-chat-messages{padding:12px!important;}
body.social-authenticated .social-contact{height:76px!important;min-height:76px!important;}
body.social-authenticated #header-profile-button{display:none!important;}
body.halo-auth-glass #mobile-utility-toggle,body.social-authenticated #mobile-utility-toggle{display:none!important;}
body.social-authenticated #logout-button{display:inline-flex!important;}
body.social-authenticated .topbar-actions .header-language{display:none!important;}
body.social-authenticated .topbar-actions.utilities-open .header-language{display:flex!important;position:absolute!important;right:10px!important;top:56px!important;z-index:40!important;}
body.social-authenticated .topbar-actions #account-menu{display:none!important;}
body.social-authenticated .topbar-actions.utilities-open #account-menu{display:flex!important;position:absolute!important;right:60px!important;top:56px!important;z-index:40!important;background:var(--edge-panel)!important;border:1px solid var(--edge-line)!important;border-radius:10px!important;padding:6px!important;}
.halo-coin-shop{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.halo-product-card{height:310px!important;min-height:310px!important;max-height:310px!important;grid-template-rows:110px 42px 36px 22px 44px!important;padding:10px!important;}
.halo-product-card :is(.halo-shop-art,.halo-product-art){height:110px!important;min-height:110px!important;}
}
body.hg-gaming .social-rail{display:none!important;}
@media(prefers-reduced-motion:reduce){body[data-halo-coin-frame=orbit-neon] :is(#header-profile-avatar,#social-profile-avatar){animation:none!important;}}
/* Nested card copy reserves optional pack/gift details without moving price/actions. */
.halo-product-card{height:340px!important;min-height:340px!important;max-height:340px!important;grid-template-rows:110px minmax(0,1fr)!important;}
.halo-product-card>.halo-product-art{height:110px!important;min-height:110px!important;padding:0!important;}
.halo-product-copy{display:grid!important;grid-template-rows:16px 36px 32px 16px 22px 44px!important;gap:4px!important;min-width:0!important;min-height:0!important;}
.halo-product-copy>small{grid-row:1!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.halo-product-copy>h3{grid-row:2!important;font-size:13px!important;line-height:18px!important;margin:0!important;height:36px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.halo-product-copy>p{grid-row:3!important;height:32px!important;min-height:32px!important;line-height:16px!important;}
.halo-product-copy>small:nth-of-type(2){grid-row:4!important;}
.halo-product-copy>.halo-product-price{grid-row:5!important;font-size:12px!important;white-space:nowrap!important;}
.halo-product-copy>.halo-product-actions{grid-row:6!important;display:flex!important;gap:4px!important;margin:0!important;padding:0!important;height:44px!important;}
.halo-product-actions>button{overflow:hidden!important;overflow-wrap:anywhere!important;font:600 10px/12px system-ui!important;width:auto!important;min-width:0!important;flex:1!important;padding:7px!important;font-size:11px!important;}
.halo-product-actions>.halo-gift-action{width:40px!important;min-width:40px!important;flex:0 0 40px!important;}
@media(max-width:900px){.halo-product-card{height:316px!important;min-height:316px!important;max-height:316px!important;grid-template-rows:90px minmax(0,1fr)!important;}.halo-product-card>.halo-product-art{height:90px!important;min-height:90px!important;}}

body.social-authenticated .halo-status-screen{width:100%!important;max-width:1100px!important;margin:0 auto!important;padding-bottom:24px!important;}
body.social-authenticated .halo-status-appbar{padding:0 0 14px!important;}
body.social-authenticated :is(.halo-status-list-card,.halo-status-privacy){border-radius:16px!important;background:var(--edge-panel)!important;border:1px solid var(--edge-line)!important;box-shadow:none!important;}
body.social-authenticated .halo-status-appbar h2{font-size:23px!important;}
body.social-authenticated .hgh-hubbar{border-radius:16px!important;padding:12px!important;gap:10px!important;}
body.social-authenticated .hgh-kicker{display:none!important;}
body.social-authenticated .hg-library{border-radius:16px!important;padding:12px!important;}
body.social-authenticated .halo-gaming-identity{padding:8px 12px!important;border-radius:14px!important;margin-bottom:10px!important;}
@media(min-width:901px){body.social-authenticated .hgh-hubbar{grid-template-columns:minmax(0,1fr) auto 44px!important;}body.social-authenticated .hgh-tabs{grid-column:2!important;grid-row:1!important;}body.social-authenticated .hgh-settings-button{grid-column:3!important;grid-row:1!important;}}
@media(max-width:900px){body.social-authenticated .hgh-hubbar h2{font-size:20px!important;}body.social-authenticated .hgh-tabs button{min-height:44px!important;}body.social-authenticated .halo-status-appbar p:not(.overline){margin:4px 0!important;}}

@media(max-width:360px){body.social-authenticated .wordmark>span:last-child{display:none!important;}body.social-authenticated .topbar{gap:6px!important;}}

/* v256: visual states must follow the existing Glass/Solid preference. */
body.social-authenticated:not(.home-solid){--edge-panel:rgba(17,30,49,.72);--edge-soft:rgba(32,52,79,.64);background:radial-gradient(ellipse at 5% 10%,#153552 0,transparent 55%),radial-gradient(ellipse at 95% 90%,#292343 0,transparent 60%),#0a1421!important;}
html[data-theme=light] body.social-authenticated:not(.home-solid){--edge-panel:rgba(255,255,255,.78);--edge-soft:rgba(232,241,252,.76);background:radial-gradient(ellipse at 5% 10%,#dceefa 0,transparent 55%),radial-gradient(ellipse at 95% 90%,#eeebff 0,transparent 60%),#f5f8fc!important;}
body.social-authenticated:not(.home-solid) :is(.topbar,.social-rail,.direct-chat-header,.direct-chat-form){backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
body.social-authenticated:not(.home-solid) :is(#social-shell,.social-view,#direct-chat-card,#halo-group-detail){background:transparent!important;}
body.social-authenticated .topbar-actions .home-clarity{width:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:10px!important;}
body.social-authenticated .topbar-actions .home-clarity-copy{display:none!important;}
body.social-authenticated .topbar-actions .account-menu{flex:none!important;}
body.social-authenticated .social-rail-brand{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
body.social-authenticated .social-brand-pulse{box-shadow:none!important;border:0!important;}
/* Actual account image and own connection marker, not a generic navigation glyph. */
body.social-authenticated .social-nav [data-social-view=profile] .nav-icon{width:34px!important;height:34px!important;}
.edge-profile-avatar{width:34px!important;height:34px!important;position:relative!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--edge-soft)!important;color:var(--edge-text)!important;font:600 13px system-ui!important;overflow:visible!important;}
.edge-profile-avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important;}
:is(.edge-profile-avatar,#header-profile-avatar,#social-profile-avatar)[data-self-presence]{position:relative!important;overflow:visible!important;}
:is(.edge-profile-avatar,#header-profile-avatar,#social-profile-avatar)[data-self-presence]::after{content:""!important;position:absolute!important;right:-1px!important;bottom:0!important;width:9px!important;height:9px!important;border-radius:50%!important;border:2px solid var(--edge-bg)!important;background:#748299!important;box-sizing:content-box!important;z-index:3!important;}
:is(.edge-profile-avatar,#header-profile-avatar,#social-profile-avatar)[data-self-presence=online]::after{background:#27d18b!important;}
body[data-halo-coin-frame=orbit-neon] .edge-profile-avatar{outline:2px solid #40dbff!important;outline-offset:2px!important;box-shadow:0 0 10px #7b74ff99!important;}
/* One wallet workspace outside the profile form: no nested financial/profile submit handling. */
.hs-wallet-page{width:100%!important;max-width:none!important;margin:0!important;min-width:0!important;background:transparent!important;border:none!important;box-shadow:none!important;}
.hs-wallet-page[hidden]{display:none!important;}
#halo-wallet-dialog[data-presentation=page]{--hw-bg:transparent!important;--hw-card:var(--edge-soft)!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--edge-text)!important;box-shadow:none!important;overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#halo-wallet-dialog[data-presentation=page]:not([open]){display:none!important;}
#halo-wallet-dialog[data-presentation=page][open]{display:block!important;}
#halo-wallet-dialog[data-presentation=page] .halo-wallet-shell{height:auto!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#halo-wallet-dialog[data-presentation=page] .halo-wallet-content{max-height:none!important;overflow:visible!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#halo-wallet-dialog[data-presentation=page] .halo-wallet-close{font-size:0!important;}
#halo-wallet-dialog[data-presentation=page] .halo-wallet-close::before{content:"←";font:600 22px system-ui;}
/* Reader/feed controls: consistent rows with flexible labels, never displaced across columns. */
body.social-authenticated .halo-guild-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:10px!important;align-items:end!important;}
body.social-authenticated .halo-guild-toolbar label{display:grid!important;gap:6px!important;min-width:0!important;width:auto!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;}
body.social-authenticated .halo-guild-toolbar :is(select,button){height:44px!important;min-height:44px!important;width:100%!important;min-width:0!important;max-width:none!important;padding:8px!important;font-size:14px!important;box-sizing:border-box!important;border-radius:10px!important;}
body.social-authenticated .hc-guild-controls{display:flex!important;gap:8px!important;margin-bottom:12px!important;}
body.social-authenticated .hc-guild-controls button{min-height:44px!important;flex:1!important;padding:8px!important;border-radius:10px!important;}
@media(max-width:900px){
body.social-authenticated .social-nav .edge-desktop-calls{display:none!important;}
body.social-authenticated .social-nav [data-social-view=profile] .nav-icon,.edge-profile-avatar{width:28px!important;height:28px!important;}
body.social-authenticated .social-nav-button{box-shadow:none!important;}.social-nav-button::before,.social-nav-button::after{display:none!important;}
body.social-authenticated .halo-guild-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
body.social-authenticated .halo-guild-toolbar :is(label,button){grid-column:auto!important;grid-row:auto!important;}
body.social-authenticated .halo-guild-toolbar select{font-size:16px!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) .topbar{display:none!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) #social-shell{height:var(--halo-chat-height,100dvh)!important;min-height:0!important;max-height:none!important;padding:0!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) :is(.social-main,.social-dashboard-grid,.social-view,#direct-chat-card,#halo-group-detail){height:100%!important;min-height:0!important;max-height:none!important;inset:auto!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) .direct-chat-header{padding-top:calc(8px + env(safe-area-inset-top))!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) .direct-chat-form{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;}
#halo-wallet-dialog[data-presentation=page] .halo-wallet-content{padding:0!important;background:transparent!important;border:none!important;}
}

body.social-authenticated .halo-guild-toolbar>.hc-guild-controls{display:contents!important;}
body.social-authenticated .halo-guild-toolbar>div:first-child:not(.hc-guild-controls){grid-column:1/-1!important;}
body.social-authenticated .halo-guild-toolbar>div:first-child:not(.hc-guild-controls) h2{font-size:20px!important;margin:0 0 4px!important;}
body.social-authenticated .halo-guild-toolbar>div:first-child:not(.hc-guild-controls) p{font-size:12px!important;margin:0!important;}
body.social-authenticated .halo-guild-toolbar[hidden]{display:none!important;}
body.social-authenticated .hc-guild-tabs{display:flex!important;gap:8px!important;margin:0 0 12px!important;}
body.social-authenticated .hc-guild-tabs button{flex:1!important;min-height:44px!important;border-radius:10px!important;padding:8px!important;}
@media(max-width:900px){body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) .app-shell{height:var(--halo-chat-height,100dvh)!important;top:var(--halo-chat-top,0px)!important;}}

body.social-authenticated .social-card-head{grid-template-columns:minmax(0,1fr) auto!important;}
body.social-authenticated .social-card-head .social-search{grid-column:1/-1!important;grid-row:1!important;}
body.social-authenticated .social-card-head .hc-archive-toggle{grid-column:1!important;grid-row:2!important;min-width:0!important;max-width:100px!important;width:100%!important;height:44px!important;min-height:44px!important;padding:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;border-radius:10px!important;}
body.social-authenticated .social-contact-head-actions{grid-column:2!important;grid-row:2!important;}
body.social-authenticated .hc-video-section>.hc-guild-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:8px!important;align-items:end!important;}
body.social-authenticated .hc-video-section>.hc-guild-controls :is(input,select,button){height:44px!important;min-height:44px!important;min-width:0!important;width:100%!important;font-size:16px!important;padding:8px!important;box-sizing:border-box!important;}
@media(min-width:901px){body.social-authenticated #halo-recent-calls{display:none!important;}}
@media(max-width:900px){body.social-authenticated .hc-video-section>.hc-guild-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

body.social-authenticated .hc-news-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:8px!important;align-items:end!important;}
body.social-authenticated .hc-news-toolbar>.hc-guild-controls{display:contents!important;}
body.social-authenticated .hc-guild-bar>.hc-guild-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:end!important;}
body.social-authenticated :is(.hc-news-toolbar,.hc-guild-bar>.hc-guild-controls) label{display:grid!important;gap:5px!important;min-width:0!important;width:auto!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;align-self:end!important;font-size:12px!important;}
body.social-authenticated :is(.hc-news-toolbar,.hc-guild-bar>.hc-guild-controls) :is(select,input,button){height:44px!important;min-height:44px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;padding:8px!important;box-sizing:border-box!important;border-radius:10px!important;font-size:16px!important;}
body.social-authenticated :is(.hc-news-toolbar,.hc-guild-bar>.hc-guild-controls)[hidden]{display:none!important;}
body.social-authenticated .halo-guild-toolbar>div:first-child{display:none!important;}
body.social-authenticated .halo-guild-toolbar{margin:0!important;padding:0!important;}
@media(max-width:900px){body.social-authenticated :is(.hc-news-toolbar,.hc-guild-bar>.hc-guild-controls){grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

@media(min-width:901px){body.social-authenticated .social-nav{flex:1 1 auto!important;height:auto!important;}body.social-authenticated .social-nav-button{flex:0 0 64px!important;}body.social-authenticated .social-nav [data-social-view=profile]{margin-top:auto!important;}}
@media(max-width:900px){body.social-authenticated .social-nav .edge-desktop-shop{display:none!important;}body.social-authenticated .social-nav :is(.edge-desktop-wallet,[data-social-view="wallet"]){display:flex!important;}}

body.social-authenticated #social-profile-form[hidden]{display:none!important;}

}
/* v257: one desktop rail; circular mobile docks reserve their safe areas. */
@layer halo-edge {
body.social-authenticated{--halo-safe-top:env(safe-area-inset-top,0px);--halo-safe-bottom:env(safe-area-inset-bottom,0px);}
body.social-authenticated .social-nav::before,body.social-authenticated .social-nav::after,body.social-authenticated .social-rail::before,body.social-authenticated .social-rail::after,body.social-authenticated .social-nav-button::before,body.social-authenticated .social-nav-button::after{display:none!important;content:none!important;}
@media(min-width:901px){
body.social-authenticated .topbar{display:none!important;}
body.social-authenticated #social-shell{height:100dvh!important;}
body.social-authenticated .social-rail{gap:4px!important;}
body.social-authenticated .social-nav{flex:0 0 auto!important;}
body.social-authenticated .social-nav-button{height:56px!important;min-height:56px!important;}
body.social-authenticated .social-nav [data-social-view=profile]{margin-top:0!important;}
body.social-authenticated .social-rail>.topbar-actions{flex-direction:column!important;width:100%!important;margin-top:auto!important;gap:6px!important;padding:8px 0!important;}
body.social-authenticated .social-rail #mobile-utility-toggle{display:none!important;}
body.social-authenticated .social-rail #logout-button{display:inline-flex!important;}
body.social-authenticated .social-rail :is(#header-profile-button,#halo-shop-button,.header-language,#account-menu){display:none!important;}
body.social-authenticated .social-rail>.topbar-actions>button{border-radius:50%!important;}
}
@media(max-width:900px){
body.social-authenticated .app-shell{display:flex!important;flex-direction:column!important;height:100dvh!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;}
body.social-authenticated .topbar{position:relative!important;top:0!important;left:0!important;right:0!important;margin:0!important;width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;border:0!important;border-bottom:1px solid var(--edge-line)!important;border-radius:0!important;padding:6px 14px!important;flex:0 0 56px!important;box-sizing:border-box!important;display:flex!important;z-index:40!important;}
body.social-authenticated .topbar-actions>button{border-radius:50%!important;}
body.social-authenticated #social-shell{height:auto!important;flex:1 1 0!important;min-height:0!important;padding-bottom:calc(var(--halo-safe-bottom, 0px) + 64px)!important;overflow-y:auto!important;}
body.social-authenticated .social-rail{inset:auto 0 0!important;width:100%!important;height:60px!important;min-height:60px!important;padding:3px 5px env(safe-area-inset-bottom, 0px)!important;border:0!important;border-top:1px solid var(--edge-line)!important;border-radius:0!important;z-index:45!important;}
body.social-authenticated .social-nav{height:54px!important;align-items:center!important;}
body.social-authenticated .social-nav-button{height:50px!important;min-height:50px!important;border-radius:12px!important;}
body.social-authenticated .social-nav-button.is-active{box-shadow:none!important;background:var(--edge-soft)!important;border-color:var(--edge-line)!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) .app-shell{padding-top:0!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) .topbar{display:none!important;}
body.social-authenticated:is(.halo-chat-mobile-open,.home-chat-open) .social-rail{display:none!important;}
}
body.social-authenticated .hgh-hubbar{padding:6px!important;margin-bottom:6px!important;min-height:44px!important;}
body.social-authenticated .hgh-hubbar>div:first-child,body.social-authenticated .hg-library>h2,body.social-authenticated .hg-library>p,body.social-authenticated #halo-gaming-identity{display:none!important;}
body.social-authenticated .hg-library{width:100%!important;max-width:none!important;padding:8px!important;}
body.social-authenticated .hgh-discovery{margin:6px 0!important;}
body.social-authenticated .hc-guild-bar{padding:6px!important;gap:6px!important;margin:0 0 8px!important;}
body.social-authenticated .hc-guild-tabs{gap:4px!important;margin:0!important;}
body.social-authenticated .hc-video-section>header{display:none!important;}
body.social-authenticated .hc-guild-controls label,body.social-authenticated .hc-news-toolbar>label{font-size:10px!important;gap:2px!important;margin:0!important;}
body.social-authenticated .hc-player{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;margin:8px 0!important;padding:10px!important;border:1px solid var(--edge-line)!important;border-radius:18px!important;background:var(--edge-panel)!important;color:var(--edge-text)!important;box-sizing:border-box!important;}
body.social-authenticated .hc-player[hidden]{display:none!important;}
body.social-authenticated .hc-player header,body.social-authenticated .hc-player footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
body.social-authenticated .hc-player h2{font-size:16px!important;margin:0!important;}
body.social-authenticated .hc-player button{min-height:44px!important;}
body.social-authenticated .hc-player-host{width:100%!important;}
body.social-authenticated .hc-player iframe{display:block!important;width:100%!important;aspect-ratio:16/9!important;border:0!important;}
}

@layer halo-edge{body.social-authenticated .lg-nav-lens{display:none!important;}body[data-wallet-privacy=hidden] :is([data-shop-total],[data-coin-balance]){font-size:0!important;}body[data-wallet-privacy=hidden] :is([data-shop-total],[data-coin-balance])::after{content:'••••';font:700 20px/1.4 system-ui;}}

@layer halo-edge{
body.social-authenticated .hc-guild-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto 44px!important;align-items:start!important;position:relative!important;}
body.social-authenticated .hc-guild-tabs{grid-column:1!important;grid-row:1!important;display:flex!important;min-width:0!important;}
body.social-authenticated .hc-guild-tabs button{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:8px!important;font-size:12px!important;}
body.social-authenticated .hc-filter-drawer{grid-column:2!important;grid-row:1!important;}
body.social-authenticated .hc-filter-drawer[open]{grid-column:1 / -1!important;grid-row:2!important;}
body.social-authenticated .hc-filter-drawer summary,body.social-authenticated .hc-link-details summary{min-height:44px!important;box-sizing:border-box!important;padding:12px!important;border:1px solid var(--edge-line)!important;border-radius:16px!important;cursor:pointer!important;font-size:12px!important;list-style:none!important;}
body.social-authenticated .hc-filter-drawer[open] summary{margin-bottom:6px!important;}
body.social-authenticated .hc-filter-drawer>.hc-guild-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
body.social-authenticated .hc-quick-refresh{grid-column:3!important;grid-row:1!important;}
body.social-authenticated .hc-quick-refresh button{width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;font-size:24px!important;}
body.social-authenticated .hc-link-details{margin:6px 0!important;}
body.social-authenticated .hc-link-details form{margin:8px 0!important;}
body.social-authenticated .hc-filter-drawer[hidden],body.social-authenticated .hc-quick-refresh button[hidden]{display:none!important;}
}
@layer halo-edge{
body.social-authenticated .hgh-hubbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;}
body.social-authenticated .hgh-tabs{display:flex!important;min-width:0!important;gap:4px!important;flex:1!important;}
body.social-authenticated .hgh-tabs button{min-width:0!important;min-height:44px!important;padding:8px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.social-authenticated .hgh-settings-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:none!important;padding:10px!important;border-radius:50%!important;}
body.social-authenticated .hgh-discovery>label{font-size:0!important;gap:0!important;}
body.social-authenticated .hgh-discovery input{font-size:16px!important;}
}
@layer halo-edge{
body.social-authenticated .hc-guild-bar{position:sticky!important;top:0!important;z-index:5!important;background:var(--edge-panel)!important;border-radius:18px!important;}
body.social-authenticated #halo-account-popover{max-height:calc(100dvh - 16px)!important;overflow:auto!important;z-index:1000!important;}
}
/* v258: fill the desktop viewport regardless of auxiliary shell siblings. */
@layer halo-edge{
@media(min-width:901px){
body.social-authenticated #social-shell{position:absolute!important;inset:0!important;height:100%!important;max-height:100%!important;flex:none!important;box-sizing:border-box!important;}
body.social-authenticated :is(.social-main,[data-social-panel=chats],.social-dashboard-grid){box-sizing:border-box!important;border:0!important;border-radius:0!important;}
body.social-authenticated .social-nav-button{flex:0 0 56px!important;}
body.social-authenticated :is(#halo-wallet-button,#halo-shop-button,.halo-wallet-button,.halo-shop-button){display:none!important;}
body.social-authenticated .social-rail>.topbar-actions :is(#halo-wallet-button,#halo-shop-button){display:none!important;}
body.social-authenticated .social-rail>.topbar-actions #halo-theme-toggle{order:1!important;}
body.social-authenticated .social-rail>.topbar-actions .home-clarity{order:2!important;}
body.social-authenticated .social-rail>.topbar-actions #logout-button{order:3!important;margin-top:6px!important;}
body.social-authenticated .social-rail>.topbar-actions #mobile-utility-toggle{display:none!important;}
}
body.social-authenticated #direct-chat-card>.halo-chat-hold-slot{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;height:42px!important;min-height:42px!important;padding:4px 12px!important;box-sizing:border-box!important;overflow:hidden!important;}
body.social-authenticated #direct-chat-card>.halo-chat-hold-slot .halo-chat-system-note{width:100%!important;max-width:760px!important;min-width:0!important;margin:0 auto!important;text-align:center!important;box-sizing:border-box!important;line-height:15px!important;font-size:11px!important;padding:4px 10px!important;}
body.social-authenticated #direct-chat-card>.direct-chat-header{margin:8px 12px!important;min-height:64px!important;flex:0 0 auto!important;border:1px solid var(--edge-line)!important;border-radius:32px!important;padding:8px 10px!important;background:var(--edge-panel)!important;overflow:visible!important;z-index:12!important;box-sizing:border-box!important;}
body.social-authenticated .direct-chat-header :is(.direct-chat-actions button,#direct-chat-back,.edge-chat-more){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;aspect-ratio:1/1!important;padding:0!important;border-radius:50%!important;border:1px solid var(--edge-line)!important;background:var(--edge-soft)!important;color:var(--edge-text)!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;line-height:1!important;overflow:hidden!important;}
body.social-authenticated .edge-chat-more{display:none!important;}
body.social-authenticated #direct-chat-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:900px){
body.social-authenticated #direct-chat-card>.direct-chat-header{margin:calc(var(--halo-safe-top) + 8px) 8px 6px!important;padding:6px 8px!important;gap:6px!important;}
body.social-authenticated #direct-chat-card>.halo-chat-hold-slot{flex-basis:64px!important;height:64px!important;min-height:64px!important;padding:4px 8px!important;}
body.social-authenticated #direct-chat-card>.halo-chat-hold-slot .halo-chat-system-note{max-height:56px!important;}
}
@media(max-width:480px){
body.social-authenticated .edge-chat-more{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;aspect-ratio:1/1!important;border-radius:50%!important;padding:0!important;flex:0 0 44px!important;font-size:20px!important;line-height:1!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;}
body.social-authenticated .direct-chat-header #direct-chat-avatar{width:34px!important;height:34px!important;min-width:34px!important;flex:none!important;}
body.social-authenticated .direct-chat-header>.direct-chat-actions{display:none!important;position:absolute!important;top:calc(100% + 6px)!important;right:6px!important;padding:6px!important;border:1px solid var(--edge-line)!important;border-radius:28px!important;background:var(--edge-panel)!important;z-index:20!important;box-shadow:0 8px 24px #0003!important;}
body.social-authenticated .direct-chat-header.edge-chat-menu-open>.direct-chat-actions{display:flex!important;}
}
/* Reserved compact media geometry; opening originals still uses the existing handlers. */
body.social-authenticated #direct-chat-messages .direct-chat-message:has(.halo-chat-news-card){width:292px!important;max-width:86%!important;min-width:0!important;box-sizing:border-box!important;padding:6px!important;}
body.social-authenticated #direct-chat-messages .halo-chat-news-card{width:100%!important;max-width:280px!important;height:112px!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:112px!important;border-radius:14px!important;box-sizing:border-box!important;}
body.social-authenticated #direct-chat-messages .halo-chat-news-picture{width:76px!important;height:112px!important;}
body.social-authenticated #direct-chat-messages .halo-chat-news-copy{min-width:0!important;padding:8px!important;gap:3px!important;grid-template-rows:14px 51px 16px!important;}
body.social-authenticated #direct-chat-messages .halo-chat-news-copy strong{font-size:12px!important;line-height:17px!important;-webkit-line-clamp:3!important;overflow:hidden!important;}
body.social-authenticated #direct-chat-messages .halo-chat-news-copy small{font-size:9px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.social-authenticated #direct-chat-messages .halo-chat-news-action{font-size:10px!important;line-height:16px!important;}
body.social-authenticated #direct-chat-messages :is(.halo-chat-image,.halo-chat-video){width:236px!important;max-width:82%!important;min-width:0!important;padding:6px!important;box-sizing:border-box!important;}
body.social-authenticated #direct-chat-messages .halo-chat-image>img,body.social-authenticated #direct-chat-messages .halo-chat-video>video{width:100%!important;height:144px!important;max-height:144px!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:12px!important;}
body.social-authenticated #direct-chat-messages .halo-chat-video>strong{font-size:11px!important;}
/* Wallet preferences use compact accessible switches, independent of legacy text-input dimensions. */
body.social-authenticated .hs-wallet-options{max-width:760px!important;}
body.social-authenticated .hs-wallet-option{display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;position:relative!important;align-items:center!important;gap:12px!important;min-height:56px!important;margin:0!important;padding:10px 0!important;border-top:1px solid var(--edge-line)!important;box-sizing:border-box!important;font-size:13px!important;line-height:20px!important;width:100%!important;max-width:none!important;cursor:pointer!important;}
body.social-authenticated .hs-wallet-option input[type=checkbox]{appearance:none!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:24px!important;min-height:24px!important;max-height:24px!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;}
body.social-authenticated .hs-wallet-switch{display:block!important;position:relative!important;width:40px!important;height:24px!important;border:1px solid var(--edge-line)!important;background:var(--edge-soft)!important;border-radius:12px!important;box-sizing:border-box!important;pointer-events:none!important;}
body.social-authenticated .hs-wallet-switch::before{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:var(--edge-muted)!important;transition:transform .15s ease!important;}
body.social-authenticated .hs-wallet-option input:checked+.hs-wallet-switch{background:var(--edge-accent)!important;}
body.social-authenticated .hs-wallet-option input:checked+.hs-wallet-switch::before{transform:translateX(16px)!important;background:var(--edge-bg)!important;}
body.social-authenticated .hs-wallet-option input:focus-visible+.hs-wallet-switch{outline:2px solid var(--edge-accent)!important;outline-offset:3px!important;}
body.social-authenticated .hs-wallet-start{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(110px,180px)!important;align-items:center!important;gap:12px!important;margin:0!important;padding:10px 0!important;border-top:1px solid var(--edge-line)!important;width:100%!important;max-width:none!important;font-size:13px!important;}
body.social-authenticated .hs-wallet-start select{width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;font-size:16px!important;border-radius:16px!important;}
body.social-authenticated .hs-wallet-refresh{width:auto!important;min-width:140px!important;min-height:44px!important;margin-top:12px!important;padding:10px 16px!important;border-radius:22px!important;}
body.social-authenticated .hs-wallet-feedback{min-height:20px!important;margin:6px 0 0!important;font-size:12px!important;}
body[data-wallet-motion=reduced] :is(.halo-coin-arrive,.halo-coin-arrive *,.halo-wallet-orbit){animation:none!important;transition:none!important;}
@media(prefers-reduced-motion:reduce){.hs-wallet-switch::before{transition:none!important;}}
}
@layer halo-edge{
body.social-authenticated :is([data-social-panel=chats],.social-main,.social-dashboard-grid,#direct-chat-card,#halo-group-detail){scrollbar-gutter:auto!important;}
body.social-authenticated :is(#direct-chat-card,#halo-group-detail)>.direct-chat-header{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;}
@media(max-width:900px){body.social-authenticated :is(#direct-chat-card,#halo-group-detail)>.direct-chat-header{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;}}
body.social-authenticated #halo-group-detail>.direct-chat-header{margin:8px 12px!important;border:1px solid var(--edge-line)!important;border-radius:32px!important;padding:8px 10px!important;box-sizing:border-box!important;background:var(--edge-panel)!important;}
@media(max-width:900px){body.social-authenticated #halo-group-detail>.direct-chat-header{margin:calc(var(--halo-safe-top) + 8px) 8px 6px!important;}}
body.social-authenticated #halo-group-detail .halo-group-bubble:has(>img,>video){width:236px!important;max-width:82%!important;min-width:0!important;box-sizing:border-box!important;}
body.social-authenticated #halo-group-detail .halo-group-bubble>img,body.social-authenticated #halo-group-detail .halo-group-bubble>video{width:100%!important;height:144px!important;max-height:144px!important;object-fit:contain!important;}
body.social-authenticated #halo-group-detail .halo-group-bubble:has(.halo-chat-news-card){width:292px!important;max-width:86%!important;min-width:0!important;box-sizing:border-box!important;}
body.social-authenticated #halo-group-detail .halo-chat-news-card{width:100%!important;height:112px!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:112px!important;}
body.social-authenticated #halo-group-detail .halo-chat-news-picture{width:76px!important;height:112px!important;}
body.social-authenticated #halo-group-detail .halo-chat-news-copy{min-width:0!important;padding:8px!important;gap:3px!important;grid-template-rows:14px 51px 16px!important;}
body.social-authenticated #halo-group-detail .halo-chat-news-copy strong{font-size:12px!important;line-height:17px!important;}
body.social-authenticated #halo-group-detail .halo-chat-news-copy small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:9px!important;}
body.social-authenticated #halo-group-detail .halo-chat-news-action{font-size:10px!important;line-height:16px!important;}
}
@layer halo-edge{
body.social-authenticated:is(.home-chat-open,.halo-chat-mobile-open) [data-social-panel=chats]{padding:0!important;scrollbar-gutter:auto!important;}
@media(max-width:900px){body.social-authenticated:is(.home-chat-open,.halo-chat-mobile-open) #social-shell{position:absolute!important;inset:0!important;flex:none!important;height:100%!important;max-height:100%!important;padding:0!important;box-sizing:border-box!important;}}
}
@layer halo-edge{
body.social-authenticated .social-main{max-height:none!important;}
body.social-authenticated #direct-chat-messages .halo-chat-gif{width:min(220px,100%)!important;height:144px!important;max-height:144px!important;object-fit:contain!important;}
}
@layer halo-edge{body.social-authenticated .social-dashboard-grid{max-height:none!important;}}
@layer halo-edge{
html:has(body.social-authenticated){overflow:hidden!important;height:100%!important;}
body.social-authenticated{height:100dvh!important;min-height:0!important;}
body.social-authenticated .halo-chat-system-note[hidden]{display:none!important;}
}
@layer halo-edge{
html:has(body.social-authenticated){scrollbar-gutter:auto!important;}
body.social-authenticated :is(.direct-chat-messages,.halo-group-messages){scroll-behavior:auto!important;}
}
/* v259: persistent navigation surfaces, direct locale access and matched settings. */
@layer halo-edge {
body.social-authenticated :is(.social-main,.social-view,#halo-wallet-dialog[data-presentation=page],#halo-wallet-dialog[data-presentation=page] .halo-wallet-shell){animation:none!important;transition:none!important;opacity:1!important;filter:none!important;transform:none!important;translate:none!important;}
.halo-wallet-loading{min-height:240px;padding:16px;box-sizing:border-box;color:var(--edge-text,#e8f1fc);}
.halo-wallet-loading>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.halo-wallet-loading i{height:80px;border:1px solid var(--edge-line,#28374c);border-radius:20px;background:var(--edge-soft,#162438);}
.halo-wallet-loading i:first-child{grid-column:1/-1;height:100px;}
body.social-authenticated .topbar-actions>.header-language{display:inline-flex!important;border-radius:50%!important;padding:0!important;flex:none!important;position:relative!important;overflow:hidden!important;}
body.social-authenticated .topbar-actions>.header-language select{appearance:none!important;box-sizing:border-box!important;width:44px!important;height:44px!important;padding:4px 12px 4px 5px!important;text-align:center!important;font:600 12px/1.3 system-ui!important;cursor:pointer!important;}
body.social-authenticated .topbar-actions>.header-language::after{content:'⌄';position:absolute;right:5px;top:14px;line-height:12px;font-size:12px;pointer-events:none;color:var(--edge-text);}
body.social-authenticated .header-language:focus-within{outline:2px solid var(--edge-accent)!important;outline-offset:2px!important;}
@media(min-width:901px){
body.social-authenticated .social-nav{flex:1 1 auto!important;min-height:420px!important;}
body.social-authenticated .social-nav [data-social-view=profile]{margin-top:auto!important;}
body.social-authenticated .social-rail>.topbar-actions{margin-top:0!important;}
body.social-authenticated .social-rail .topbar-actions>.header-language{display:inline-flex!important;order:1!important;}
body.social-authenticated .social-rail>.topbar-actions #halo-theme-toggle{order:2!important;}
body.social-authenticated .social-rail>.topbar-actions .home-clarity{order:3!important;}
body.social-authenticated .social-rail>.topbar-actions #logout-button{order:4!important;}
body.social-authenticated .social-rail>.topbar-actions #mobile-utility-toggle{display:none!important;}
}
@media(max-width:900px){
body.social-authenticated .topbar-actions>.header-language{display:inline-flex!important;position:relative!important;inset:auto!important;}
body.social-authenticated:not(.home-chat-open):not(.halo-chat-mobile-open) .social-contacts-card{width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;}
body.social-authenticated .social-contacts-card .social-search{border-radius:10px!important;}
body.social-authenticated .social-contact-head-actions button,body.social-authenticated .social-card-head .hc-archive-toggle{border-radius:8px!important;}
body.social-authenticated .social-contacts-card .social-contact{margin:1px 0!important;border-radius:12px!important;border:1px solid transparent!important;background:transparent!important;box-sizing:border-box!important;}
body.social-authenticated [data-social-panel=profile] :is(.hs-nav,.hs-identity){border:1px solid var(--edge-line)!important;border-radius:28px!important;background:var(--edge-panel)!important;box-sizing:border-box!important;}
body.social-authenticated [data-social-panel=profile] .hs-nav{padding:8px!important;}
body.social-authenticated [data-social-panel=profile] .hs-nav>button{border-radius:22px!important;}
body.social-authenticated:not(.home-solid) :is(.social-contacts-card,.hs-nav,.hs-identity){backdrop-filter:blur(18px) saturate(115%)!important;-webkit-backdrop-filter:blur(18px) saturate(115%)!important;}
body.social-authenticated.home-solid :is(.social-contacts-card,.hs-nav,.hs-identity){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}
body.social-authenticated .hs-wallet-options{width:100%!important;max-width:none!important;box-sizing:border-box!important;}
.halo-faq-results summary,.halo-support-last>summary{color:var(--edge-text,var(--text,#e8f1fc))!important;opacity:1!important;}
.halo-faq-results p,.halo-help-count,.halo-support-last p{color:var(--edge-muted,var(--muted,#a4b5ce))!important;opacity:1!important;}
.halo-faq-results details{border-color:var(--edge-line,var(--line,#28374c))!important;}
html[data-theme=light] :is(.halo-faq-results summary,.halo-support-last>summary){color:#172b3e!important;}
html[data-theme=light] :is(.halo-faq-results p,.halo-help-count,.halo-support-last p){color:#526780!important;}
}
@layer halo-edge{
body.social-authenticated .social-rail .topbar-actions>.header-language:has(#header-language-select){display:inline-flex!important;}
body.social-authenticated #halo-account-popover #halo-theme-toggle{display:inline-grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;border:1px solid var(--edge-line)!important;border-radius:50%!important;background:var(--edge-soft)!important;color:var(--edge-text)!important;box-sizing:border-box!important;}
body.social-authenticated #halo-account-popover #halo-theme-toggle svg{width:22px!important;height:22px!important;}
}
@layer halo-edge{
@media(min-width:901px){
body.social-authenticated .social-nav{min-height:368px!important;}
body.social-authenticated .social-nav .social-nav-button:not([data-social-view=profile]){flex:0 0 48px!important;height:48px!important;min-height:48px!important;padding:4px 2px!important;gap:3px!important;}
}
}

@layer halo-edge{body.social-authenticated .topbar-actions>.header-language{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;}}
/* v260: continuous chat canvas, tighter mobile contacts, refreshed Status cards. */
@layer halo-edge{
body.social-authenticated .topbar-actions>.header-language::after{content:none!important;display:none!important;}
body.social-authenticated .topbar-actions>.header-language select{padding:0!important;text-align:center!important;text-align-last:center!important;}
body.social-authenticated :is(#direct-chat-card,#halo-group-detail).edge-chat-canvas{background-color:var(--edge-chat-color,var(--edge-bg))!important;background-image:var(--edge-chat-image,none)!important;background-size:var(--edge-chat-size,auto)!important;background-position:var(--edge-chat-position,center)!important;background-repeat:var(--edge-chat-repeat,repeat)!important;background-attachment:var(--edge-chat-attachment,scroll)!important;}
body.social-authenticated .edge-chat-canvas :is(#direct-chat-messages,#halo-group-messages){background:transparent!important;}
body.social-authenticated .edge-chat-canvas :is(.direct-chat-form,.halo-group-form,.halo-chat-system-note,.direct-chat-notice){background:transparent!important;}
body.social-authenticated .edge-chat-canvas .halo-chat-system-note{border-color:transparent!important;}
body.social-authenticated:not(.home-solid) .edge-chat-canvas>.direct-chat-header{background:color-mix(in srgb,var(--edge-panel) 82%,transparent)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
body.social-authenticated [data-social-panel=status]{color:var(--edge-text)!important;}
body.social-authenticated .halo-status-screen{width:100%!important;max-width:1120px!important;min-height:0!important;padding:0!important;margin:0 auto!important;}
body.social-authenticated .halo-status-appbar{padding:4px 4px 16px!important;gap:12px!important;}
body.social-authenticated .halo-status-appbar h2{font-size:clamp(24px,3vw,32px)!important;letter-spacing:-.04em!important;color:var(--edge-text)!important;}
body.social-authenticated .halo-status-appbar p{color:var(--edge-muted)!important;line-height:1.5!important;max-width:600px!important;}
body.social-authenticated .halo-status-appbar .overline{color:var(--edge-accent)!important;font-size:10px!important;letter-spacing:.15em!important;}
body.social-authenticated .halo-status-list-card{padding:12px!important;border:1px solid var(--edge-line)!important;border-radius:28px!important;background:var(--edge-panel)!important;display:grid!important;gap:12px!important;}
body.social-authenticated .halo-status-own-row{grid-template-columns:minmax(0,1fr) 44px 44px!important;padding:8px!important;border:1px solid var(--edge-line)!important;border-radius:24px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--edge-accent) 12%,var(--edge-soft)),var(--edge-soft))!important;gap:8px!important;}
body.social-authenticated .halo-status-section-label{padding:8px 6px!important;border:0!important;background:transparent!important;color:var(--edge-muted)!important;}
body.social-authenticated .halo-status-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:10px!important;}
body.social-authenticated .halo-status-update-row{min-height:96px!important;padding:14px!important;border:1px solid var(--edge-line)!important;border-radius:24px!important;background:var(--edge-soft)!important;color:var(--edge-text)!important;}
body.social-authenticated .halo-status-row-copy strong{font-size:15px!important;color:var(--edge-text)!important;}
body.social-authenticated .halo-status-row-copy small,body.social-authenticated .halo-status-empty-row{font-size:12px!important;color:var(--edge-muted)!important;}
body.social-authenticated .halo-status-count{color:var(--edge-text)!important;border-color:var(--edge-line)!important;background:var(--edge-panel)!important;}
body.social-authenticated .halo-status-privacy{padding:12px!important;border:0!important;border-radius:20px!important;background:transparent!important;color:var(--edge-muted)!important;}
body.social-authenticated .halo-status-privacy strong{font-size:12px!important;color:var(--edge-text)!important;}
body.social-authenticated .halo-status-privacy small{font-size:11px!important;line-height:1.5!important;}
body.social-authenticated :is(#halo-status-sync,.halo-status-inline-add,#halo-status-shop){height:44px!important;min-height:44px!important;min-width:44px!important;border:1px solid var(--edge-line)!important;border-radius:50%!important;background:var(--edge-soft)!important;color:var(--edge-accent)!important;box-shadow:none!important;}
body.social-authenticated .halo-status-floating-add{display:none!important;}
body.social-authenticated .halo-status-empty-row{min-height:100px!important;border:1px dashed var(--edge-line)!important;border-radius:24px!important;}
body.social-authenticated .halo-status-empty-row strong{color:var(--edge-text)!important;}
body.social-authenticated:not(.home-solid) .halo-status-list-card{backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
@media(max-width:900px){
body.social-authenticated:not(.home-chat-open):not(.halo-chat-mobile-open) [data-social-panel=chats]{padding:0 8px!important;}
body.social-authenticated:not(.home-chat-open):not(.halo-chat-mobile-open) .social-contacts-card{width:100%!important;height:100%!important;margin:0!important;}
body.social-authenticated .halo-status-list-card{padding:8px!important;gap:8px!important;}
body.social-authenticated .halo-status-own-row{padding:4px!important;}
body.social-authenticated .halo-status-row-main{grid-template-columns:54px minmax(0,1fr) auto!important;gap:8px!important;padding:8px 4px!important;}
body.social-authenticated .halo-status-update-row{min-height:88px!important;}
}
}

@layer halo-edge{body.social-authenticated .edge-chat-canvas .halo-chat-hold-slot{background:transparent!important;}}
@layer halo-edge{@media(max-width:900px){
body.social-authenticated .social-rail{max-width:none!important;}
body.social-authenticated:not(.home-chat-open):not(.halo-chat-mobile-open) .social-dashboard-grid{grid-template-columns:minmax(0,1fr)!important;}
body.social-authenticated:not(.home-chat-open):not(.halo-chat-mobile-open) .social-side-stack{display:none!important;}
}}
@layer halo-edge{body #halo-status-viewer:not([open]){display:none!important;}body.social-authenticated .edge-chat-canvas .halo-group-chat{background:transparent!important;}}
@layer halo-edge{@media(max-width:900px){
body.social-authenticated:not(.home-chat-open):not(.halo-chat-mobile-open) #social-shell .social-dashboard-grid>.social-contacts-card{grid-column:1/-1!important;}
body.social-authenticated:not(.home-chat-open):not(.halo-chat-mobile-open) #social-shell .social-dashboard-grid>:not(.social-contacts-card){display:none!important;}
}}
@layer halo-edge{body.social-authenticated #halo-status-viewer{transition:none!important;}body.social-authenticated #halo-status-viewer:not([open]){display:none!important;}}

/* v261 mobile history */
@layer halo-edge{@media(max-width:900px){html:has(body.social-authenticated),body.social-authenticated{overscroll-behavior-x:contain!important;}body.social-authenticated [data-social-panel]:not([data-social-panel=games]){touch-action:pan-y pinch-zoom;}body.social-authenticated :is(input,textarea,select,button,a,canvas,video,audio){touch-action:auto;}}}

/* v262 release audit: presence outside avatars and readable shared-news actions. */
@layer halo-edge {
body.social-authenticated :is(.social-contact-avatar,#direct-chat-avatar,.edge-profile-avatar,#header-profile-avatar,#social-profile-avatar)[data-presence],body.social-authenticated :is(.edge-profile-avatar,#header-profile-avatar,#social-profile-avatar)[data-self-presence]{position:relative!important;overflow:visible!important;}
body.social-authenticated :is(.social-contact-avatar,#direct-chat-avatar,.edge-profile-avatar,#header-profile-avatar,#social-profile-avatar) img{border-radius:50%!important;object-fit:cover!important;}
body.social-authenticated :is(.social-contact-avatar,#direct-chat-avatar)[data-presence]::after,body.social-authenticated :is(.edge-profile-avatar,#header-profile-avatar,#social-profile-avatar)[data-self-presence]::after{right:0!important;bottom:0!important;transform:translate(50%,50%)!important;z-index:4!important;border:2px solid var(--edge-panel)!important;box-sizing:content-box!important;}
body.social-authenticated :is(.social-contact-avatar,#direct-chat-avatar){margin-inline-end:5px!important;}
body.social-authenticated .halo-chat-news-card :is(small,a,.halo-chat-news-action){color:var(--edge-accent)!important;}
body.social-authenticated :is(button,[role=button]):focus-visible{outline:2px solid var(--edge-accent)!important;outline-offset:2px!important;}
}

/* ==========================================================================
   Dashboard Direct Logout Button & 3-Dot Removal
   ========================================================================== */
#mobile-utility-toggle,
.mobile-utility-toggle,
body.social-authenticated #mobile-utility-toggle,
body.social-authenticated .social-rail #mobile-utility-toggle,
body.social-authenticated .topbar #mobile-utility-toggle,
body.social-authenticated .topbar-actions #mobile-utility-toggle {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#account-menu {
  display: contents !important;
}

body.social-authenticated #logout-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 10px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  order: 4 !important;
  position: relative !important;
  z-index: 5 !important;
}

body.social-authenticated #logout-button svg {
  width: 20px !important;
  height: 20px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.2s ease !important;
}

body.social-authenticated #logout-button:hover {
  background: rgba(239, 68, 68, 0.18) !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
  color: #ef4444 !important;
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

body.social-authenticated #logout-button:hover svg {
  transform: translateX(2px) !important;
}

@media(max-width: 900px) {
  body.social-authenticated .topbar #logout-button {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 8px !important;
    display: inline-flex !important;
  }
}

/* ==========================================================================
   Dashboard Light Theme High-Contrast Styling
   ========================================================================== */
html[data-theme="light"] body.social-authenticated {
  --edge-bg: #f1f5f9;
  --edge-panel: rgba(255, 255, 255, 0.85);
  --edge-soft: rgba(235, 242, 250, 0.85);
  --edge-line: rgba(15, 23, 42, 0.1);
  --edge-text: #0f172a;
  --edge-muted: #475569;
  --edge-accent: #0284c7;
  color: #0f172a !important;
  background-color: #f1f5f9 !important;
  background-image: 
    radial-gradient(ellipse at 10% 8%, rgba(2, 132, 199, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 95% 85%, rgba(99, 102, 241, 0.08) 0%, transparent 55%),
    linear-gradient(145deg, #f8fafc 0%, #eef2f6 100%) !important;
  color-scheme: light !important;
}

html[data-theme="light"] body.social-authenticated .wordmark {
  color: #0f172a !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.social-authenticated .topbar {
  background: rgba(255, 255, 255, 0.82) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body.social-authenticated .social-rail {
  background: rgba(255, 255, 255, 0.85) !important;
  border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 4px 0 24px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button,
html[data-theme="light"] body.social-authenticated .social-rail .social-nav-button,
html[data-theme="light"] body.social-authenticated .social-nav-button {
  color: #334155 !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button b,
html[data-theme="light"] body.social-authenticated .social-rail .social-nav-button b,
html[data-theme="light"] body.social-authenticated .social-nav-button b {
  color: #334155 !important;
  font-weight: 750 !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button svg,
html[data-theme="light"] body.social-authenticated .social-rail .social-nav-button svg,
html[data-theme="light"] body.social-authenticated .social-nav-button svg {
  stroke: #334155 !important;
  opacity: 1 !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button:hover:not(.is-active),
html[data-theme="light"] body.social-authenticated .social-nav-button:hover:not(.is-active) {
  background: rgba(15, 23, 42, 0.07) !important;
  color: #0f172a !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button:hover:not(.is-active) b,
html[data-theme="light"] body.social-authenticated .social-nav-button:hover:not(.is-active) b {
  color: #0f172a !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button:hover:not(.is-active) svg,
html[data-theme="light"] body.social-authenticated .social-nav-button:hover:not(.is-active) svg {
  stroke: #0f172a !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button.is-active,
html[data-theme="light"] body.social-authenticated .social-rail .social-nav-button.is-active,
html[data-theme="light"] body.social-authenticated .social-nav-button.is-active {
  background: linear-gradient(135deg, #0284c7 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(2, 132, 199, 0.35) !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button.is-active b,
html[data-theme="light"] body.social-authenticated .social-nav-button.is-active b {
  color: #ffffff !important;
}

html[data-theme="light"]:root:not(#legacy-shell):not(#legacy-layout):not(#legacy-theme) body.social-authenticated #social-shell .social-nav-button.is-active svg,
html[data-theme="light"] body.social-authenticated .social-nav-button.is-active svg {
  stroke: #ffffff !important;
}

html[data-theme="light"] body.social-authenticated .social-rail>.topbar-actions>button,
html[data-theme="light"] body.social-authenticated .topbar-actions>button,
html[data-theme="light"] body.social-authenticated .topbar-actions .header-language {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html[data-theme="light"] body.social-authenticated .social-rail>.topbar-actions>button svg,
html[data-theme="light"] body.social-authenticated .topbar-actions>button svg {
  stroke: #0f172a !important;
  opacity: 1 !important;
}

html[data-theme="light"] body.social-authenticated .topbar-actions>button:hover {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.28) !important;
}

html[data-theme="light"] body.social-authenticated .header-language select {
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated .topbar-actions>.header-language::after {
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated #logout-button {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  color: #475569 !important;
}

html[data-theme="light"] body.social-authenticated #logout-button svg {
  stroke: #475569 !important;
}

html[data-theme="light"] body.social-authenticated #logout-button:hover {
  background: #fee2e2 !important;
  border-color: rgba(220, 38, 38, 0.35) !important;
  color: #dc2626 !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2) !important;
}

html[data-theme="light"] body.social-authenticated #logout-button:hover svg {
  stroke: #dc2626 !important;
}

/* Contacts List Light Theme */
html[data-theme="light"] body.social-authenticated .social-contacts-card {
  background: rgba(255, 255, 255, 0.65) !important;
  border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.social-authenticated .social-search {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body.social-authenticated #social-contact-search {
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated #social-contact-search::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] body.social-authenticated .social-contact-head-actions button,
html[data-theme="light"] body.social-authenticated .hc-archive-toggle {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  color: #0f172a !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body.social-authenticated .social-contact-head-actions button svg {
  stroke: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated .social-contact {
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated .social-contact strong {
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated .social-contact-last-seen {
  color: #64748b !important;
}

html[data-theme="light"] body.social-authenticated .social-contact:hover:not(.is-active) {
  background: rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body.social-authenticated .social-contact.is-active {
  background: rgba(2, 132, 199, 0.08) !important;
  border-color: rgba(2, 132, 199, 0.28) !important;
  box-shadow: 0 2px 10px rgba(2, 132, 199, 0.1) !important;
}

html[data-theme="light"] body.social-authenticated .social-contact.is-active strong {
  color: #0284c7 !important;
}

/* Direct Chat Light Theme */
html[data-theme="light"] body.social-authenticated .direct-chat-header {
  background: rgba(255, 255, 255, 0.78) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.social-authenticated #direct-chat-name,
html[data-theme="light"] body.social-authenticated .direct-chat-identity h2 {
  color: #0f172a !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-meta {
  color: #64748b !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-actions button,
html[data-theme="light"] body.social-authenticated #direct-chat-back {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-actions button svg,
html[data-theme="light"] body.social-authenticated #direct-chat-back svg {
  stroke: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-notice {
  background: rgba(15, 23, 42, 0.03) !important;
  color: #64748b !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-message {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-message.outgoing {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-form {
  background: rgba(255, 255, 255, 0.8) !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.social-authenticated #direct-chat-input {
  color: #0f172a !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(15, 23, 42, 0.18) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body.social-authenticated #direct-chat-input::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-form button:not(#direct-chat-send) {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated #direct-chat-send {
  background: linear-gradient(135deg, #0284c7 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-empty h3 {
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated .direct-chat-empty p {
  color: #64748b !important;
}

/* Welcome, Profile & Common Cards Light Theme */
html[data-theme="light"] body.social-authenticated .halo-home-welcome h1 {
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated .halo-home-welcome p {
  color: #475569 !important;
}

html[data-theme="light"] body.social-authenticated :is(.social-card, .halo-profile-personalization-card, .social-profile-card, .halo-hub-card, .halo-news-card) {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] body.social-authenticated :is(.social-card, .halo-profile-personalization-card, .social-profile-card) :is(h1, h2, h3, h4, strong) {
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated :is(.social-card, .halo-profile-personalization-card, .social-profile-card) :is(p, small, span.text-muted) {
  color: #64748b !important;
}

html[data-theme="light"] body.social-authenticated :is(.social-card, .halo-profile-personalization-card, .social-profile-card) :is(input, textarea, select) {
  background: #ffffff !important;
  border: 1.5px solid rgba(15, 23, 42, 0.18) !important;
  color: #0f172a !important;
}

html[data-theme="light"] body.social-authenticated :is(.social-card, .halo-profile-personalization-card, .social-profile-card) label {
  color: #1e293b !important;
}

html[data-theme="light"] body.social-authenticated .hs-subnav-btn {
  color: #0f172a !important;
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body.social-authenticated .hs-subnav-btn:hover {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.2) !important;
}

html[data-theme="light"] body.social-authenticated .hs-subnav-btn.active {
  background: #ffffff !important;
  border-color: rgba(2, 132, 199, 0.4) !important;
  color: #0284c7 !important;
  box-shadow: 0 2px 10px rgba(2, 132, 199, 0.1) !important;
}

/* ==========================================================================
   Spatial Optical Glass Polish (visionOS 2 / iOS spec)
   ========================================================================== */
body.social-authenticated:not(.home-solid) :is(.social-rail, .topbar, .direct-chat-header, .direct-chat-form, .social-contacts-card) {
  backdrop-filter: blur(28px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
}

body.social-authenticated:not(.home-solid) .social-rail {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.1), 4px 0 24px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="light"] body.social-authenticated:not(.home-solid) .social-rail {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.9), 4px 0 24px rgba(15, 23, 42, 0.04) !important;
}

body.social-authenticated:not(.home-solid) .direct-chat-header {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="light"] body.social-authenticated:not(.home-solid) .direct-chat-header {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 4px 16px rgba(15, 23, 42, 0.03) !important;
}

@layer halo-edge {
/* ==========================================================================
   Chat Message Bubbles - Spatial Optical Glass & Frosted Pearl Ceramic
   (High-specificity root cascade to guarantee priority over all legacy layers)
   ========================================================================== */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message {
  position: relative !important;
  max-width: min(76%, 520px) !important;
  padding: 12px 18px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

/* Incoming Bubble - Spatial Optical Glass (Dark) */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid):not([data-halo-coin-bubble]) #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message:not(.outgoing):not(.halo-audio-note) {
  align-self: flex-start !important;
  border-radius: 20px 20px 20px 6px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 24px rgba(0, 0, 0, 0.16) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
}

html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message:not(.outgoing) p {
  color: inherit !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message:not(.outgoing) time {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
}

/* Outgoing Bubble - Liquid Sapphire/Indigo Spatial Gradient (Dark) */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid):not([data-halo-coin-bubble]) #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message.outgoing:not(.halo-audio-note) {
  align-self: flex-end !important;
  border-radius: 20px 20px 6px 20px !important;
  background: linear-gradient(135deg, #0284c7 0%, #3b82f6 50%, #6366f1 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 8px 24px rgba(2, 132, 199, 0.28) !important;
}

html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message.outgoing p {
  color: #ffffff !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message.outgoing time {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
}

/* Incoming Bubble - Frosted Pearl Ceramic (Light) */
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid):not([data-halo-coin-bubble]) #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message:not(.outgoing):not(.halo-audio-note) {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.09) !important;
  color: #0f172a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 4px 18px rgba(15, 23, 42, 0.05) !important;
}

html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message:not(.outgoing) p {
  color: #0f172a !important;
}

html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message:not(.outgoing) time {
  color: #64748b !important;
}

/* Outgoing Bubble - Vivid Sapphire (Light) */
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid):not([data-halo-coin-bubble]) #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message.outgoing:not(.halo-audio-note) {
  background: linear-gradient(135deg, #0284c7 0%, #1d4ed8 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 6px 20px rgba(2, 132, 199, 0.22) !important;
}

/* Translated text in bubbles */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message .translated {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  font-size: 12.5px !important;
}
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message:not(.outgoing) .translated {
  color: #7dd3fc !important;
  border-top-color: rgba(255, 255, 255, 0.12) !important;
}
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message:not(.outgoing) .translated {
  color: #0369a1 !important;
  border-top-color: rgba(15, 23, 42, 0.08) !important;
}
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #social-shell :is(#direct-chat-messages, #halo-group-messages) .direct-chat-message.outgoing .translated {
  color: rgba(255, 255, 255, 0.95) !important;
  border-top-color: rgba(255, 255, 255, 0.25) !important;
}

/* ==========================================================================
   Audio Note Capsule Pill (Mockup Concept A & C)
   ========================================================================== */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid):not([data-halo-coin-bubble]) #social-shell :is(#direct-chat-messages, #halo-group-messages) .halo-audio-note {
  border-radius: 999px !important;
  padding: 8px 18px 8px 10px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(130px, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: min(76%, 380px) !important;
  min-width: 270px !important;
  box-sizing: border-box !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

/* Dark Mode Audio Pill */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid):not([data-halo-coin-bubble]) #social-shell :is(#direct-chat-messages, #halo-group-messages) .halo-audio-note {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 8px 24px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
}

/* Light Mode Audio Pill */
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid):not([data-halo-coin-bubble]) #social-shell :is(#direct-chat-messages, #halo-group-messages) .halo-audio-note {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 6px 20px rgba(15, 23, 42, 0.06) !important;
}

/* Play Button */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-play {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #0284c7 0%, #6366f1 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
  cursor: pointer !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-play:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.5) !important;
}
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-play {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3) !important;
}

/* Waveform Bars */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-wave {
  gap: 3.5px !important;
  height: 32px !important;
}
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-wave i {
  width: 3.5px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #38bdf8 0%, #818cf8 100%) !important;
  opacity: 0.8 !important;
  transition: height 0.2s ease !important;
}
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-wave i {
  background: linear-gradient(180deg, #0284c7 0%, #3b82f6 100%) !important;
  opacity: 0.75 !important;
}

/* Audio Duration and Status Details */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-details span {
  font-size: 11px !important;
  font-weight: 750 !important;
  color: #f8fafc !important;
}
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-details span {
  color: #0f172a !important;
}
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-details small {
  font-size: 9.5px !important;
  color: rgba(255, 255, 255, 0.55) !important;
}
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .halo-audio-details small {
  color: #64748b !important;
}

/* ==========================================================================
   Message Composer Pill - Floating Optical Capsule
   ========================================================================== */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated :is(#direct-chat-composer, #halo-group-composer) {
  border-radius: 999px !important;
  padding: 6px 8px !important;
  gap: 8px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid) :is(#direct-chat-composer, #halo-group-composer) {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 12px 36px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(28px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
}

html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated :is(#direct-chat-composer, #halo-group-composer):focus-within {
  border-color: rgba(56, 189, 248, 0.5) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 12px 36px rgba(0, 0, 0, 0.32), 0 0 16px rgba(56, 189, 248, 0.18) !important;
}

/* Light Mode Composer */
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated:not(.home-solid) :is(#direct-chat-composer, #halo-group-composer) {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 30px rgba(15, 23, 42, 0.07) !important;
}

html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated :is(#direct-chat-composer, #halo-group-composer):focus-within {
  border-color: rgba(2, 132, 199, 0.45) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 30px rgba(2, 132, 199, 0.1) !important;
}

/* Composer Buttons: Circular Action Pills */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated :is(#direct-chat-composer, #halo-group-composer) > button {
  border-radius: 50% !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease !important;
}

html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated :is(#direct-chat-composer, #halo-group-composer) > button:hover {
  transform: scale(1.04) !important;
}

html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #halo-combined-tools-button,
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #halo-translate-button,
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #halo-audio-note-button {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}

html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #halo-combined-tools-button,
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #halo-translate-button,
html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated #halo-audio-note-button {
  background: rgba(15, 23, 42, 0.05) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: #475569 !important;
}

/* Send Button */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .direct-chat-form > :is(#direct-chat-composer, #halo-group-composer) > :is(#direct-chat-send, #halo-group-submit) {
  border-radius: 50% !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  background: linear-gradient(135deg, #0284c7 0%, #3b82f6 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

html:root[data-theme="light"]:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated .direct-chat-form > :is(#direct-chat-composer, #halo-group-composer) > :is(#direct-chat-send, #halo-group-submit) {
  background: linear-gradient(135deg, #0284c7 0%, #1d4ed8 100%) !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3) !important;
}

/* Composer Input */
html:root:not(#e-0):not(#e-1):not(#e-2):not(#e-3):not(#e-4):not(#e-5):not(#e-6):not(#e-7):not(#e-8):not(#e-9):not(#e-10):not(#e-11):not(#e-12):not(#e-13):not(#e-14):not(#e-15):not(#e-16):not(#e-17):not(#e-18):not(#e-19):not(#e-20):not(#e-21):not(#e-22):not(#e-23):not(#e-24):not(#e-25):not(#e-26):not(#e-27):not(#e-28):not(#e-29):not(#e-30):not(#e-31):not(#e-32):not(#e-33):not(#e-34):not(#e-35):not(#e-36):not(#e-37):not(#e-38):not(#e-39):not(#e-40):not(#e-41):not(#e-42):not(#e-43):not(#e-44):not(#e-45):not(#e-46):not(#e-47):not(#e-48):not(#e-49) body.social-authenticated :is(#direct-chat-input, #halo-group-input) {
  border-radius: 999px !important;
  padding: 8px 14px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Cyber Neon Gaming & Guild Accents (Concept B integration)
   ========================================================================== */
body.social-authenticated .hgh-game-card {
  border-radius: 20px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease !important;
}

body.social-authenticated:not(.home-solid) .hgh-game-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(34, 211, 238, 0.2), 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

body.social-authenticated .hgh-game-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(34, 211, 238, 0.5) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 12px 30px rgba(0, 0, 0, 0.35), 0 0 18px rgba(34, 211, 238, 0.2) !important;
}

html[data-theme="light"] body.social-authenticated .hgh-game-card {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 6px 20px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] body.social-authenticated .hgh-game-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(2, 132, 199, 0.45) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 28px rgba(2, 132, 199, 0.12) !important;
}

/* Guild Cards Polish */
body.social-authenticated:not(.home-solid) :is(.halo-news-card, .hc-video-card) {
  border-radius: 20px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.social-authenticated:not(.home-solid) :is(.halo-news-card, .hc-video-card) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(168, 85, 247, 0.22), 0 8px 24px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

body.social-authenticated:not(.home-solid) :is(.halo-news-card, .hc-video-card):hover {
  transform: translateY(-2px) !important;
  border-color: rgba(168, 85, 247, 0.45) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 12px 28px rgba(0, 0, 0, 0.3), 0 0 16px rgba(168, 85, 247, 0.18) !important;
}

html[data-theme="light"] body.social-authenticated:not(.home-solid) :is(.halo-news-card, .hc-video-card) {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 6px 20px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] body.social-authenticated:not(.home-solid) :is(.halo-news-card, .hc-video-card):hover {
  transform: translateY(-2px) !important;
  border-color: rgba(99, 102, 241, 0.4) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 28px rgba(99, 102, 241, 0.1) !important;
}


/* ========================================================
   FULL DEVICE FIT & SPATIAL OPTICAL GLASS ARCHITECTURE
   Fits full device length & width, 0 bottom gap, Credit Card & Shop
   ======================================================== */

/* Full Viewport Device Coverage - No Margins, No Gaps */
body.social-authenticated {
  width: 100vw !important;
  min-width: 100% !important;
  max-width: 100vw !important;
  height: 100vh !important;
  min-height: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Shell takes full device dimensions */
body.social-authenticated .app-shell {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Desktop: Sidebar Rail & Full-Height Social Shell - Reaches Absolute Bottom */
@media (min-width: 901px) {
  body.social-authenticated .social-rail {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    border-radius: 0 !important;
    border: none !important;
    border-right: 1px solid var(--edge-line) !important;
    padding: 12px 6px !important;
    z-index: 30 !important;
    background: var(--edge-panel) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }

  body.social-authenticated .social-rail::before {
    display: none !important;
  }

  /* Unified seamless sidebar rail - NO rogue inner box/background from chats to profile */
  body.social-authenticated .social-rail .social-nav,
  body.social-authenticated .social-nav {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  /* Desktop topbar is docked into rail via halo-edge-runtime.js */
  body.social-authenticated .topbar {
    display: none !important;
  }

  /* Social Shell spans 100dvh to touch bottom alongside sidebar rail */
  body.social-authenticated #social-shell {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 0 0 80px !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated .social-main {
    flex: 1 1 0 !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  /* Spacious 2-Column Desktop Grid - Reaches Window Bottom */
  body.social-authenticated :is(.social-dashboard-grid, .social-dashboard-grid.direct-chat-open) {
    flex: 1 1 0 !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    display: grid !important;
    grid-template-columns: 290px minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: stretch !important;
  }

  body.social-authenticated .social-contacts-card {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border: none !important;
    border-right: 1px solid var(--edge-line) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated .social-contacts-list {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
  }

  body.social-authenticated .social-side-stack {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }

  body.social-authenticated :is(#direct-chat-card, #halo-group-detail) {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated .direct-chat-messages {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
  }
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 900px) {
  body.social-authenticated .app-shell {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated .topbar {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    flex: 0 0 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 14px !important;
    border: none !important;
    border-bottom: 1px solid var(--edge-line) !important;
    border-radius: 0 !important;
    background: var(--edge-panel) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 40 !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated #social-shell {
    position: relative !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 calc(64px + env(safe-area-inset-bottom, 0px)) 0 !important;
    border: none !important;
    border-radius: 0 !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated .social-rail {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: 60px !important;
    max-height: none !important;
    flex-direction: row !important;
    padding: 4px 8px env(safe-area-inset-bottom, 0px) !important;
    border: none !important;
    border-top: 1px solid var(--edge-line) !important;
    border-right: none !important;
    border-radius: 0 !important;
    z-index: 50 !important;
    background: var(--edge-panel) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated .social-rail .social-nav,
  body.social-authenticated .social-nav {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.social-authenticated .social-nav-button {
    flex: 1 1 auto !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 12px !important;
    padding: 4px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
  }

  body.social-authenticated .social-main {
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated :is(.social-dashboard-grid, .social-dashboard-grid.direct-chat-open) {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
  }

  body.social-authenticated:not(.home-chat-open):not(.halo-chat-mobile-open) .social-contacts-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 0 !important;
    border: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated:is(.home-chat-open, .halo-chat-mobile-open) .topbar {
    display: none !important;
  }

  body.social-authenticated:is(.home-chat-open, .halo-chat-mobile-open) .social-rail {
    display: none !important;
  }

  body.social-authenticated:is(.home-chat-open, .halo-chat-mobile-open) #social-shell {
    padding: 0 !important;
    height: 100% !important;
  }

  body.social-authenticated:is(.home-chat-open, .halo-chat-mobile-open) .social-contacts-card {
    display: none !important;
  }

  body.social-authenticated:is(.home-chat-open, .halo-chat-mobile-open) :is(#direct-chat-card, #halo-group-detail):not([hidden]) {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    flex: 1 1 100% !important;
    border: none !important;
    border-radius: 0 !important;
  }

  body.social-authenticated :is(#direct-chat-card, #halo-group-detail, #halo-home-welcome, .social-contacts-card)[hidden] {
    display: none !important;
  }

  body.social-authenticated [data-social-panel="profile"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 14px 80px 14px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
  }

  body.social-authenticated .social-profile-grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    gap: 14px !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated :is(.social-profile-card, .halo-identity-card, .hs-identity) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.social-authenticated .direct-chat-form {
    padding: 4px 12px 8px 12px !important;
  }

  body.social-authenticated #direct-chat-composer {
    max-width: 100% !important;
    height: 52px !important;
  }

  /* VisionOS 2 / iOS Optical Glass for Mobile & Handheld Devices */
  body.social-authenticated:not(.home-solid) :is(.social-rail, .topbar, .direct-chat-header, #direct-chat-composer, .social-contacts-card, .halo-wallet-card, .halo-product-card) {
    backdrop-filter: blur(28px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
    transform: translateZ(0);
  }

  /* Deep space black glass in Dark Theme */
  body.social-authenticated:not(.home-solid) :is(.direct-chat-header, #halo-group-detail>.direct-chat-header) {
    background: linear-gradient(180deg, rgba(20, 28, 48, 0.72) 0%, rgba(10, 15, 28, 0.62) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 8px 32px rgba(0, 0, 0, 0.45) !important;
  }

  body.social-authenticated:not(.home-solid) #direct-chat-composer {
    background: linear-gradient(135deg, rgba(25, 34, 56, 0.75) 0%, rgba(12, 17, 32, 0.68) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 12px 36px rgba(0, 0, 0, 0.45) !important;
  }

  body.social-authenticated:not(.home-solid) :is(#direct-chat-card, #halo-group-detail) {
    background: transparent !important;
  }

  /* Light mode optical glass */
  html[data-theme="light"] body.social-authenticated:not(.home-solid) :is(.direct-chat-header, #halo-group-detail>.direct-chat-header) {
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 32px rgba(15, 23, 42, 0.08) !important;
  }

  html[data-theme="light"] body.social-authenticated:not(.home-solid) #direct-chat-composer {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 32px rgba(15, 23, 42, 0.08) !important;
  }
}

/* Aurora Bioluminescent Background (Dark Mode) - Hardware accelerated */
body.social-authenticated {
  background-color: #030612 !important;
  background-image: 
    radial-gradient(ellipse 800px 600px at 10% 15%, rgba(14, 165, 233, 0.45) 0%, rgba(6, 182, 212, 0.2) 40%, transparent 70%),
    radial-gradient(ellipse 900px 700px at 90% 25%, rgba(99, 102, 241, 0.45) 0%, rgba(139, 92, 246, 0.2) 40%, transparent 75%),
    radial-gradient(ellipse 700px 600px at 45% 90%, rgba(16, 185, 129, 0.28) 0%, transparent 65%),
    radial-gradient(ellipse 600px 500px at 80% 85%, rgba(217, 70, 239, 0.25) 0%, transparent 60%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  contain: layout style;
}

/* Frosted Pearl Background (Light Mode) */
html[data-theme="light"] body.social-authenticated {
  background-color: #f6f3ed !important;
  background-image: 
    radial-gradient(circle at 12% 12%, rgba(249, 115, 22, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 88% 18%, rgba(59, 130, 246, 0.1) 0%, transparent 45%),
    radial-gradient(circle at 50% 85%, rgba(139, 92, 246, 0.07) 0%, transparent 50%),
    linear-gradient(135deg, #f7f5f0 0%, #ede8df 50%, #f4f0e7 100%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

/* ========================================================
   COMPACT & SLEEK CONTACTS LIST REDESIGN
   ======================================================== */

/* Desktop 290px Contacts Column */
@media (min-width: 901px) {
  body.social-authenticated .social-contacts-card {
    border-right: 1px solid var(--edge-line) !important;
    background: var(--edge-panel) !important;
    width: 290px !important;
    max-width: 290px !important;
    min-width: 290px !important;
    flex: 0 0 290px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}

/* Contacts Header: Refined Compact Title, Search, and Action Bar */
body.social-authenticated .social-card-head {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 12px 8px 12px !important;
  flex: 0 0 auto !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="light"] body.social-authenticated .social-card-head {
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

/* Remove inbox text and any header pseudo-labels */
body.social-authenticated .social-card-head::before,
body.social-authenticated .social-card-head h2,
body.social-authenticated .social-card-head p {
  display: none !important;
  content: "" !important;
}

/* Compact Search Bar */
body.social-authenticated .social-card-head .social-search {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  border-radius: 10px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}

html[data-theme="light"] body.social-authenticated .social-card-head .social-search {
  background: #f1f5f9 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

body.social-authenticated #social-contact-search {
  height: 32px !important;
  font-size: 12.5px !important;
  color: var(--edge-text) !important;
  padding: 0 !important;
}

/* Compact [ Archived ] Pill and [ H 8 ] [ 👥 ] [ + ] Buttons on ONE line */
body.social-authenticated .social-card-head .hc-archive-toggle {
  grid-column: 1 !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--edge-text) !important;
  box-sizing: border-box !important;
  transition: all 0.15s ease !important;
}

body.social-authenticated .social-card-head .hc-archive-toggle:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

body.social-authenticated .social-card-head .hc-archive-toggle[aria-pressed="true"] {
  background: rgba(16, 185, 129, 0.22) !important;
  border-color: #10b981 !important;
  color: #34d399 !important;
}

html[data-theme="light"] body.social-authenticated .social-card-head .hc-archive-toggle {
  background: #f1f5f9 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #0f172a !important;
}

body.social-authenticated .social-card-head .social-contact-head-actions {
  grid-column: 2 !important;
  justify-self: end !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  margin: 0 !important;
  width: auto !important;
}

body.social-authenticated .social-card-head .social-contact-head-actions button {
  height: 28px !important;
  min-height: 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  border-radius: 8px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--edge-text) !important;
  box-sizing: border-box !important;
  transition: all 0.15s ease !important;
}

body.social-authenticated .social-card-head .social-contact-head-actions button:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  color: #38bdf8 !important;
}

html[data-theme="light"] body.social-authenticated .social-card-head .social-contact-head-actions button {
  background: #f1f5f9 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #0f172a !important;
}

body.social-authenticated .social-card-head .social-count {
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 4px !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  display: inline-grid !important;
  place-items: center !important;
}

/* Direct Messages Section Header */
body.social-authenticated :is(.social-contacts-list, #social-contact-list)::before {
  content: "DIRECT MESSAGES" !important;
  display: block !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px !important;
  color: var(--edge-muted, #94a3b8) !important;
  padding: 10px 10px 4px 10px !important;
  text-transform: uppercase !important;
}

/* Contacts List Scroll Container */
body.social-authenticated :is(.social-contacts-list, #social-contact-list) {
  padding: 4px 8px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

/* Compact Contact Row (56px Height) */
body.social-authenticated .social-contact {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 10px !important;
  margin: 1px 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
}

body.social-authenticated .social-contact:hover:not(.is-active) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Active Selected Contact Pill */
body.social-authenticated .social-contact.is-active {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.18) 0%, rgba(37, 99, 235, 0.12) 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.45) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="light"] body.social-authenticated .social-contact {
  background: rgba(0, 0, 0, 0.015) !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] body.social-authenticated .social-contact:hover:not(.is-active) {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] body.social-authenticated .social-contact.is-active {
  background: rgba(2, 132, 199, 0.12) !important;
  border: 1px solid rgba(2, 132, 199, 0.4) !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.1) !important;
}

/* Compact Avatar */
body.social-authenticated .social-contact-avatar {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

/* Online Indicator Dot */
body.social-authenticated .social-contact.is-online .social-contact-avatar::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important;
  right: -1px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  border: 2px solid #0f172a !important;
  box-shadow: 0 0 6px #10b981 !important;
}

html[data-theme="light"] body.social-authenticated .social-contact.is-online .social-contact-avatar::after {
  border-color: #ffffff !important;
}

/* Compact Contact Identity */
body.social-authenticated .social-contact-identity {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.social-authenticated .social-contact-identity strong {
  font-size: 13.5px !important;
  font-weight: 750 !important;
  color: var(--edge-text) !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
}

html[data-theme="light"] body.social-authenticated .social-contact-identity strong {
  color: #0f172a !important;
}

body.social-authenticated .social-contact-last-seen {
  font-size: 11px !important;
  color: var(--edge-muted, #94a3b8) !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
}

html[data-theme="light"] body.social-authenticated .social-contact-last-seen {
  color: #64748b !important;
}

body.social-authenticated .social-contact-identity p {
  display: none !important;
}

/* Minimal Subtle Contact Actions */
body.social-authenticated .social-contact-actions {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  opacity: 0.7 !important;
  transition: opacity 0.15s ease !important;
}

body.social-authenticated .social-contact:hover .social-contact-actions {
  opacity: 1 !important;
}

body.social-authenticated .social-contact-actions button {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-radius: 6px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: transparent !important;
  color: var(--edge-muted, #94a3b8) !important;
  cursor: pointer !important;
}

body.social-authenticated .social-contact-actions button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--edge-text) !important;
}

html[data-theme="light"] body.social-authenticated .social-contact-actions button:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #0f172a !important;
}

body.social-authenticated .social-contact-actions svg {
  width: 14px !important;
  height: 14px !important;
}

/* Pinned Contact Indicator */
body.social-authenticated .social-contact.is-pinned::before {
  content: '' !important;
  position: absolute !important;
  left: 2px !important;
  top: 18px !important;
  bottom: 18px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: #38bdf8 !important;
}

/* ========================================================
   COMPACT & SLEEK CONTACT 3-DOT CONTEXT MENU
   ======================================================== */
/* Hidden State Must ALWAYS Be Display None */
:is(.halo-message-menu-list, .halo-contact-dropdown, .halo-menu-portal)[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* Open Portal State */
.halo-message-menu-list.halo-contact-dropdown:not([hidden]),
.halo-message-menu-list.halo-contact-dropdown.halo-menu-portal:not([hidden]) {
  width: 160px !important;
  max-width: 170px !important;
  min-width: 140px !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: rgba(15, 23, 42, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(28px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5px !important;
  box-sizing: border-box !important;
  z-index: 2147483600 !important;
}

html[data-theme="light"] :is(.halo-message-menu-list.halo-contact-dropdown, .halo-message-menu-list.halo-contact-dropdown.halo-menu-portal) {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12), inset 0 1px 0 #ffffff !important;
  color: #0f172a !important;
}

/* Compact Menu Items (30px Height each) */
.halo-contact-dropdown [role="menuitem"],
.halo-contact-dropdown button,
.halo-contact-dropdown a {
  min-height: 30px !important;
  height: 30px !important;
  max-height: 30px !important;
  padding: 5px 10px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #f1f5f9 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: -0.15px !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.12s ease !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.halo-contact-dropdown [role="menuitem"]:hover,
.halo-contact-dropdown [role="menuitem"]:focus-visible,
.halo-contact-dropdown button:hover,
.halo-contact-dropdown a:hover {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #38bdf8 !important;
  outline: none !important;
}

html[data-theme="light"] :is(.halo-contact-dropdown [role="menuitem"], .halo-contact-dropdown button, .halo-contact-dropdown a) {
  color: #1e293b !important;
}

html[data-theme="light"] :is(.halo-contact-dropdown [role="menuitem"]:hover, .halo-contact-dropdown [role="menuitem"]:focus-visible, .halo-contact-dropdown button:hover) {
  background: rgba(2, 132, 199, 0.08) !important;
  color: #0284c7 !important;
}

/* Danger actions (Remove / Block) */
.halo-contact-dropdown [role="menuitem"].is-danger,
.halo-contact-dropdown button.is-danger {
  color: #f87171 !important;
}

.halo-contact-dropdown [role="menuitem"].is-danger:hover,
.halo-contact-dropdown button.is-danger:hover {
  background: rgba(239, 68, 68, 0.14) !important;
  color: #fca5a5 !important;
}

html[data-theme="light"] :is(.halo-contact-dropdown [role="menuitem"].is-danger, .halo-contact-dropdown button.is-danger) {
  color: #dc2626 !important;
}

html[data-theme="light"] :is(.halo-contact-dropdown [role="menuitem"].is-danger:hover, .halo-contact-dropdown button.is-danger:hover) {
  background: rgba(220, 38, 38, 0.08) !important;
  color: #b91c1c !important;
}

/* Chat Header Glass Circular Action Buttons */
body.social-authenticated .direct-chat-header {
  height: 68px !important;
  min-height: 68px !important;
  padding: 10px 24px !important;
  border-bottom: 1px solid var(--edge-line) !important;
  background: var(--edge-panel) !important;
  flex: 0 0 auto !important;
}

body.social-authenticated .direct-chat-actions button {
  border-radius: 999px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

/* Direct Chat Messages Area */
body.social-authenticated .direct-chat-messages {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  padding: 24px 32px !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

body.social-authenticated .direct-chat-message {
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-width: min(720px, 76%) !important;
  padding: 13px 19px !important;
}

/* Floating Capsule Composer - Moved closer to bottom */
body.social-authenticated .direct-chat-form {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  padding: 4px 28px 10px 28px !important;
  margin: 0 !important;
  position: relative !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
}

/* HIDE THE ADDITIONAL/DUPLICATE TRANSLATE CHECKBOX TOGGLE OUTSIDE COMPOSER */
:is(html, html:root, body, body.social-authenticated) :is(.direct-chat-translate, label.direct-chat-translate, #direct-chat-translate, #direct-chat-form > .direct-chat-translate, #direct-chat-form > label),
.direct-chat-translate,
label.direct-chat-translate,
#direct-chat-translate {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  opacity: 0 !important;
}

body.social-authenticated #direct-chat-composer {
  max-width: 920px !important;
  margin: 0 auto !important;
  width: 100% !important;
  border-radius: 999px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 5px 8px 5px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

html[data-theme="light"] body.social-authenticated #direct-chat-composer {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 10px 28px rgba(100, 116, 139, 0.16), inset 0 1px 0 #ffffff !important;
}

/* TRANSLATION BUTTON: Sleek Compact Optical Pill inside Composer */
body.social-authenticated :is(#direct-chat-composer) #halo-translate-button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--edge-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

body.social-authenticated :is(#direct-chat-composer) #halo-translate-button:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(56, 189, 248, 0.6) !important;
  color: #38bdf8 !important;
  transform: translateY(-1px) !important;
}

html[data-theme="light"] body.social-authenticated :is(#direct-chat-composer) #halo-translate-button {
  background: #f1f5f9 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #0f172a !important;
}

body.social-authenticated #direct-chat-input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  height: 42px !important;
  line-height: 24px !important;
  padding: 9px 0 !important;
  color: var(--edge-text) !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  resize: none !important;
}

body.social-authenticated #direct-chat-send {
  border-radius: 999px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: none !important;
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

/* Audio Notes in Composer */
body.social-authenticated .halo-audio-note-mic,
body.social-authenticated #halo-audio-record-btn {
  border-radius: 999px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
}

/* ========================================================
   HALO CREDIT CARD & WALLET COMPLETE REFINEMENT ARCHITECTURE
   ======================================================== */

/* Full Space in Social Shell Page Presentation */
.hs-wallet-page,
body.social-authenticated [data-social-panel="wallet"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px 28px 48px !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  min-width: 0 !important;
}

/* Prevent Header from overlapping or clipping the Credit Card */
#halo-wallet-dialog[data-presentation="page"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#halo-wallet-dialog[data-presentation="page"] .halo-wallet-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
}

#halo-wallet-dialog[data-presentation="page"] .halo-wallet-shell > header {
  position: static !important;
  background: transparent !important;
  border-bottom: none !important;
  padding: 0 0 16px 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
}

.halo-wallet-header-title-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
}

#halo-wallet-dialog[data-presentation="page"] .halo-wallet-shell > header h2 {
  font-size: 24px !important;
  font-weight: 850 !important;
  letter-spacing: -0.5px !important;
  color: var(--edge-text) !important;
  text-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.halo-wallet-header-balance {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

html[data-theme="light"] .halo-wallet-header-balance {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 16px rgba(100, 116, 139, 0.12), inset 0 1px 0 #ffffff !important;
}

.halo-wallet-header-balance .halo-header-coin-icon {
  font-size: 16px !important;
  color: #38bdf8 !important;
  line-height: 1 !important;
}

.halo-wallet-header-balance strong {
  font-size: 16px !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  letter-spacing: -0.3px !important;
}

html[data-theme="light"] .halo-wallet-header-balance strong {
  color: #0f172a !important;
}

.halo-wallet-header-balance small {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#halo-wallet-dialog[data-presentation="page"] .halo-wallet-content {
  padding: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  width: 100% !important;
}

/* Cohesive Full-Width Wallet Dashboard */
.halo-wallet-overview {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* Refined Apple Spatial Black Titanium Credit Card */
.halo-wallet-card.halo-credit-card {
  width: 100% !important;
  max-width: 480px !important;
  min-height: 290px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  margin: 6px auto 20px auto !important;
  padding: 22px 26px !important;
  border-radius: 26px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  background: 
    radial-gradient(circle at 85% 15%, rgba(56, 189, 248, 0.45) 0%, transparent 45%),
    radial-gradient(circle at 15% 85%, rgba(139, 92, 246, 0.4) 0%, transparent 50%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.05) 45%, rgba(8, 14, 32, 0.96) 100%),
    #070d1e !important;
  box-shadow: 
    0 30px 70px -15px rgba(0, 0, 0, 0.85),
    0 0 50px rgba(56, 189, 248, 0.25),
    inset 0 2px 3px rgba(255, 255, 255, 0.9),
    inset 0 -2px 3px rgba(0, 0, 0, 0.8) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card {
  background: 
    radial-gradient(circle at 85% 15%, rgba(99, 102, 241, 0.16) 0%, transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(14, 165, 233, 0.14) 0%, transparent 50%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #e2e8f0 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
  box-shadow: 
    0 25px 60px -12px rgba(100, 116, 139, 0.25),
    inset 0 2px 2px #ffffff !important;
}

.halo-wallet-card.halo-credit-card::after {
  content: '' !important;
  position: absolute !important;
  inset: -50% !important;
  background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.15) 47%, rgba(56, 189, 248, 0.25) 50%, rgba(236, 72, 153, 0.2) 53%, transparent 65%) !important;
  transform: rotate(25deg) !important;
  pointer-events: none !important;
  opacity: 0.6 !important;
}

.halo-card-tier {
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 1.5px !important;
  color: #cbd5e1 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="light"] .halo-card-tier {
  color: #475569 !important;
  text-shadow: none !important;
}

.halo-card-brand-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.7) !important;
}

html[data-theme="light"] .halo-card-brand-badge {
  color: #0f172a !important;
  text-shadow: none !important;
}

.halo-card-logo-sym {
  color: #38bdf8 !important;
  font-size: 16px !important;
}

/* Realistic Gold Metallic EMV Chip */
.halo-wallet-emv-chip {
  width: 46px !important;
  height: 34px !important;
  border-radius: 7px !important;
  background: linear-gradient(135deg, #fef08a 0%, #eab308 30%, #ca8a04 70%, #fef9c3 100%) !important;
  border: 1px solid #a16207 !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 6px rgba(0, 0, 0, 0.35) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 3px !important;
}

.halo-wallet-emv-grid {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid rgba(120, 53, 15, 0.45) !important;
  border-radius: 4px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}

.halo-wallet-emv-grid span {
  display: block !important;
  height: 1px !important;
  background: rgba(120, 53, 15, 0.45) !important;
  width: 100% !important;
}

.halo-wallet-contactless {
  display: inline-flex !important;
  align-items: center !important;
  color: #38bdf8 !important;
  opacity: 0.9 !important;
}

html[data-theme="light"] .halo-wallet-contactless {
  color: #0284c7 !important;
}

.halo-wallet-emv-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 6px 0 10px 0 !important;
}

.halo-card-digits,
.halo-card-number-row {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Courier New', monospace !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  letter-spacing: 2.5px !important;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 15px rgba(56, 189, 248, 0.4) !important;
  margin-bottom: 6px !important;
  display: flex !important;
  gap: 8px !important;
}

html[data-theme="light"] :is(.halo-card-digits, .halo-card-number-row) {
  color: #0f172a !important;
  text-shadow: 0 1px 2px rgba(100, 116, 139, 0.3) !important;
}

.halo-card-digits-sub {
  color: rgba(255, 255, 255, 0.5) !important;
}

html[data-theme="light"] .halo-card-digits-sub {
  color: rgba(15, 23, 42, 0.4) !important;
}

.halo-wallet-total {
  margin: 4px 0 10px 0 !important;
}

.halo-wallet-total strong {
  font-size: 30px !important;
}

.halo-wallet-coin-symbol {
  font-size: 24px !important;
}

.halo-card-footer {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin-top: auto !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  position: relative !important;
  z-index: 3 !important;
}

html[data-theme="light"] .halo-card-footer {
  border-top-color: rgba(0, 0, 0, 0.08) !important;
}

.halo-card-holder-col, .halo-card-expiry-col, .halo-card-meta-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.halo-card-holder-label, .halo-card-expiry-label, .halo-card-col-label {
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
}

.halo-card-holder-name, .halo-card-expiry-val {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="light"] :is(.halo-card-holder-name, .halo-card-expiry-val) {
  color: #0f172a !important;
  text-shadow: none !important;
}

.halo-wallet-id-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.halo-wallet-id-chip:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  color: #ffffff !important;
}

.halo-wallet-id-chip svg {
  width: 13px !important;
  height: 13px !important;
  stroke: currentColor !important;
}

button.halo-wallet-tabs,
.halo-wallet-tabs button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  width: auto !important;
  max-width: 240px !important;
  padding: 8px 18px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #cbd5e1 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.2s ease !important;
}

button.halo-wallet-tabs:hover,
.halo-wallet-tabs button:hover:not(:disabled) {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  transform: translateX(-2px) !important;
}

html[data-theme="light"] :is(button.halo-wallet-tabs, .halo-wallet-tabs button) {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #334155 !important;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.1), inset 0 1px 0 #ffffff !important;
}

html[data-theme="light"] :is(button.halo-wallet-tabs, .halo-wallet-tabs button):hover:not(:disabled) {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #0284c7 !important;
}

/* Polished Optical Glass Navigation Pill Tabs */
.halo-wallet-navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 6px 10px !important;
  margin: 0 auto 24px auto !important;
  max-width: 680px !important;
  width: 100% !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  box-sizing: border-box !important;
}

html[data-theme="light"] .halo-wallet-navigation {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.12), inset 0 1px 0 #ffffff !important;
}

.halo-wallet-navigation button {
  flex: 1 1 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

html[data-theme="light"] .halo-wallet-navigation button {
  color: #64748b !important;
}

.halo-wallet-navigation button:hover:not([aria-current="page"]) {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

html[data-theme="light"] .halo-wallet-navigation button:hover:not([aria-current="page"]) {
  color: #0f172a !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

.halo-wallet-navigation button[aria-current="page"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  font-weight: 800 !important;
}

/* Polished Frosted Glass Subcards */
.halo-wallet-balances {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 20px auto !important;
}

.halo-balance-subcard {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 20px 24px !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.halo-balance-subcard:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45), 0 0 20px rgba(56, 189, 248, 0.15) !important;
}

html[data-theme="light"] .halo-balance-subcard {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.08), inset 0 1px 0 #ffffff !important;
}

.halo-balance-subcard strong {
  font-size: 26px !important;
  font-weight: 850 !important;
  letter-spacing: -0.5px !important;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="light"] .halo-balance-subcard strong {
  color: #0f172a !important;
  text-shadow: none !important;
}

/* Polished Interactive Quick Action Tiles */
.halo-wallet-quick {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 24px auto !important;
}

.halo-quick-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 20px 12px 18px !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

.halo-quick-btn:hover {
  transform: translateY(-4px) scale(1.02) !important;
  border-color: rgba(56, 189, 248, 0.6) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5), 0 0 24px rgba(56, 189, 248, 0.25) !important;
}

html[data-theme="light"] .halo-quick-btn {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.08), inset 0 1px 0 #ffffff !important;
}

.halo-quick-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
  transition: transform 0.2s ease !important;
}

.halo-quick-btn:hover .halo-quick-icon {
  transform: scale(1.08) !important;
}

.halo-quick-title {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.2px !important;
}

html[data-theme="light"] .halo-quick-title {
  color: #0f172a !important;
}

.halo-quick-btn small {
  font-size: 11.5px !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .halo-quick-btn small {
  color: #64748b !important;
}

/* Polished Allowance Card */
.halo-wallet-allowance {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 20px auto !important;
  border-radius: 22px !important;
  padding: 22px 26px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="light"] .halo-wallet-allowance {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.08), inset 0 1px 0 #ffffff !important;
}

.halo-shield-badge {
  border-radius: 999px !important;
  padding: 5px 14px !important;
  background: rgba(16, 185, 129, 0.18) !important;
  border: 1px solid #10b981 !important;
  color: #34d399 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25) !important;
}

.halo-progress-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  overflow: hidden !important;
  margin-top: 8px !important;
}

html[data-theme="light"] .halo-progress-track {
  background: #f1f5f9 !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.halo-progress-track i {
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #0284c7 0%, #38bdf8 100%) !important;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.5) !important;
  display: block !important;
  transition: width 0.3s ease !important;
}

.halo-wallet-info {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border-radius: 18px !important;
  padding: 16px 20px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
}

.halo-wallet-info summary {
  font-weight: 750 !important;
  color: var(--edge-text) !important;
  cursor: pointer !important;
  outline: none !important;
}

html[data-theme="light"] .halo-wallet-info {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #64748b !important;
}

/* Responsive Layout System across PC, Tablet & Mobile */
@media (min-width: 1024px) {
  .halo-wallet-dashboard {
    display: grid !important;
    grid-template-columns: minmax(440px, 1fr) minmax(440px, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
  }
  .halo-wallet-col-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }
  .halo-wallet-col-left .halo-wallet-card.halo-credit-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .halo-wallet-col-left .halo-wallet-balances {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .halo-wallet-col-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }
  .halo-wallet-col-right .halo-wallet-quick {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .halo-wallet-col-right .halo-quick-btn {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    border-radius: 18px !important;
    text-align: left !important;
  }
  .halo-wallet-col-right .halo-quick-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 14px !important;
  }
  .halo-wallet-col-right .halo-quick-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
  }
  .halo-wallet-col-right .halo-quick-title {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }
  .halo-wallet-col-right .halo-quick-btn small {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
  }
  .halo-wallet-col-right .halo-wallet-allowance {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .halo-wallet-col-right .halo-wallet-info {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.social-authenticated [data-social-panel="wallet"] #halo-wallet-dialog[data-wallet-view="wallet"] .halo-wallet-overview {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Tab 2: Shop - Multi-Column Grid Full Width */
  body.social-authenticated [data-social-panel="wallet"] #halo-wallet-dialog[data-wallet-view="shop"] .halo-coin-shop {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
  }

  /* Tab 3: Send - Balanced 2-Column Full Width */
  body.social-authenticated [data-social-panel="wallet"] #halo-wallet-dialog[data-wallet-view="send"] .halo-wallet-send-layout {
    display: grid !important;
    grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
  }
  body.social-authenticated [data-social-panel="wallet"] #halo-wallet-dialog[data-wallet-view="send"] #halo-coin-send {
    grid-column: 1 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.social-authenticated [data-social-panel="wallet"] #halo-wallet-dialog[data-wallet-view="send"] .halo-send-sidebar {
    grid-column: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }
  body.social-authenticated [data-social-panel="wallet"] #halo-wallet-dialog[data-wallet-view="send"] .halo-wallet-allowance {
    margin: 0 !important;
  }

  /* Tab 4: History - Full Width with Summary Cards */
  body.social-authenticated [data-social-panel="wallet"] #halo-wallet-dialog[data-wallet-view="history"] .halo-activity-summary {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  body.social-authenticated [data-social-panel="wallet"] #halo-wallet-dialog[data-wallet-view="history"] .halo-coin-history {
    width: 100% !important;
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .halo-wallet-dashboard {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  .halo-wallet-col-left,
  .halo-wallet-col-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }
  .halo-wallet-col-right .halo-wallet-quick {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .halo-wallet-col-right .halo-quick-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 14px 6px !important;
    gap: 8px !important;
    border-radius: 16px !important;
  }
  .halo-wallet-col-right .halo-quick-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }
  .halo-wallet-col-right .halo-quick-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
  }
  .halo-wallet-col-right .halo-quick-title {
    font-size: 12px !important;
    font-weight: 800 !important;
  }
  .halo-wallet-col-right .halo-quick-btn small {
    font-size: 10px !important;
  }
  .halo-wallet-card.halo-credit-card {
    max-width: 520px !important;
    margin: 0 auto 20px auto !important;
  }
  .halo-wallet-balances,
  .halo-wallet-quick,
  .halo-wallet-allowance,
  .halo-wallet-info,
  .halo-wallet-send-layout,
  .halo-activity-summary,
  .halo-coin-history {
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
  .halo-wallet-send-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  .halo-activity-summary {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }
  .halo-coin-shop {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  body.social-authenticated [data-social-panel="wallet"] {
    padding: 10px 12px 36px !important;
  }
  .halo-wallet-dashboard {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  .halo-wallet-col-left,
  .halo-wallet-col-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }
  #halo-wallet-dialog[data-presentation="page"] .halo-wallet-shell > header h2 {
    font-size: 18px !important;
  }
  .halo-wallet-header-balance {
    padding: 6px 12px !important;
    gap: 6px !important;
  }
  .halo-wallet-header-balance small {
    display: none !important;
  }
  .halo-wallet-navigation {
    gap: 4px !important;
    padding: 4px 6px !important;
    border-radius: 16px !important;
    margin-bottom: 16px !important;
  }
  .halo-wallet-navigation button {
    font-size: 11px !important;
    padding: 6px 4px !important;
    gap: 4px !important;
    min-height: 36px !important;
  }
  .halo-wallet-navigation button svg {
    width: 14px !important;
    height: 14px !important;
  }
  .halo-wallet-card.halo-credit-card {
    width: 100% !important;
    max-width: 350px !important;
    min-height: 250px !important;
    height: auto !important;
    aspect-ratio: auto !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
    margin: 0 auto 16px auto !important;
  }
  .halo-card-digits,
  .halo-card-number-row {
    font-size: 14px !important;
    letter-spacing: 2px !important;
    margin-bottom: 6px !important;
    gap: 6px !important;
  }
  .halo-wallet-emv-chip {
    width: 38px !important;
    height: 28px !important;
  }
  .halo-wallet-total strong[data-shop-total] {
    font-size: 24px !important;
  }
  .halo-card-footer {
    padding-top: 6px !important;
  }
  .halo-card-holder-name, .halo-card-expiry-val {
    font-size: 11px !important;
  }
  .halo-wallet-id-chip {
    padding: 3px 8px !important;
    font-size: 10px !important;
  }
  .halo-wallet-balances {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    max-width: 350px !important;
    margin: 0 auto 16px auto !important;
  }
  .halo-balance-subcard {
    padding: 12px 14px !important;
    gap: 8px !important;
    border-radius: 16px !important;
  }
  .halo-balance-subcard strong {
    font-size: 18px !important;
  }
  .halo-wallet-quick {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    max-width: 350px !important;
    margin: 0 auto 16px auto !important;
  }
  .halo-quick-btn {
    padding: 10px 4px !important;
    gap: 6px !important;
    border-radius: 14px !important;
  }
  .halo-quick-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }
  .halo-quick-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
  .halo-quick-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 0 !important;
  }
  .halo-quick-title {
    font-size: 11px !important;
  }
  .halo-quick-btn small {
    display: none !important;
  }
  .halo-wallet-allowance {
    max-width: 350px !important;
    padding: 14px 16px !important;
    margin: 0 auto 16px auto !important;
  }
  .halo-wallet-info {
    max-width: 350px !important;
    margin: 0 auto !important;
  }
  .halo-wallet-send-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
  }
  #halo-coin-send {
    padding: 18px 16px !important;
    border-radius: 18px !important;
  }
  .halo-activity-summary {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    max-width: 350px !important;
    margin: 0 auto 14px auto !important;
  }
  .halo-activity-stat-card:last-child {
    grid-column: 1 / -1 !important;
  }
  .halo-coin-history {
    max-width: 350px !important;
    margin: 0 auto !important;
  }
  .halo-coin-history li {
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }
  .halo-coin-shop {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .halo-product-card {
    padding: 10px !important;
    min-height: 270px !important;
    border-radius: 16px !important;
  }
  .halo-product-art {
    height: 110px !important;
  }
  .halo-product-card h4 {
    font-size: 13px !important;
  }
  .halo-product-price {
    font-size: 13px !important;
  }
  .halo-product-buy {
    min-height: 34px !important;
    font-size: 12px !important;
  }
}

/* ========================================================
   OPTICAL GLASS COMPONENTS FOR TABS 2, 3, 4 (UNIFIED STYLE)
   ======================================================== */

/* Tab 3 Send Form & Sidebar */
.halo-wallet-send-layout {
  width: 100% !important;
}

#halo-coin-send {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 24px 26px !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  box-sizing: border-box !important;
}

html[data-theme="light"] #halo-coin-send {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.08), inset 0 1px 0 #ffffff !important;
}

.halo-form-head h3 {
  font-size: 18px !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  margin: 0 0 4px 0 !important;
  letter-spacing: -0.3px !important;
}

html[data-theme="light"] .halo-form-head h3 {
  color: #0f172a !important;
}

.halo-form-head p {
  font-size: 12.5px !important;
  color: #94a3b8 !important;
  margin: 0 !important;
}

html[data-theme="light"] .halo-form-head p {
  color: #64748b !important;
}

#halo-coin-send label {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  color: #cbd5e1 !important;
}

html[data-theme="light"] #halo-coin-send label {
  color: #334155 !important;
}

#halo-coin-send select,
#halo-coin-send input {
  height: 48px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 14.5px !important;
  font-weight: 650 !important;
  outline: none !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

html[data-theme="light"] #halo-coin-send select,
html[data-theme="light"] #halo-coin-send input {
  background: #f8fafc !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #0f172a !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

#halo-coin-send select:focus,
#halo-coin-send input:focus {
  border-color: #38bdf8 !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.35) !important;
}

html[data-theme="light"] #halo-coin-send select:focus,
html[data-theme="light"] #halo-coin-send input:focus {
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
}

.halo-chip-row {
  display: flex !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

.halo-chip-btn {
  flex: 1 !important;
  min-height: 36px !important;
  padding: 6px 12px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.09) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.halo-chip-btn:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  transform: translateY(-1px) !important;
}

html[data-theme="light"] .halo-chip-btn {
  background: #f1f5f9 !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #334155 !important;
}

.halo-send-summary {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  color: #cbd5e1 !important;
}

html[data-theme="light"] .halo-send-summary {
  background: #f8fafc !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #475569 !important;
}

.halo-send-summary strong {
  color: #34d399 !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
}

#halo-coin-send button[type="submit"] {
  min-height: 48px !important;
  padding: 12px 24px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 50%, #4f46e5 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 14.5px !important;
  font-weight: 850 !important;
  letter-spacing: -0.2px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#halo-coin-send button[type="submit"]:hover:not(:disabled) {
  box-shadow: 0 12px 32px rgba(2, 132, 199, 0.6), inset 0 1px 0 #ffffff !important;
  transform: translateY(-1px) !important;
}

#halo-coin-send button[type="submit"]:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

.halo-send-rules-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.halo-send-rules-list li {
  font-size: 12.5px !important;
  color: #94a3b8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html[data-theme="light"] .halo-send-rules-list li {
  color: #64748b !important;
}

.halo-send-rules-list li::before {
  content: "✦";
  color: #38bdf8;
  font-size: 10px;
}

/* Tab 4 Activity Summary Cards & History Rows */
.halo-activity-summary {
  width: 100% !important;
}

.halo-activity-stat-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 16px 20px !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="light"] .halo-activity-stat-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.08), inset 0 1px 0 #ffffff !important;
}

.halo-activity-stat-card small {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

html[data-theme="light"] .halo-activity-stat-card small {
  color: #64748b !important;
}

.halo-activity-stat-card strong {
  font-size: 22px !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  letter-spacing: -0.4px !important;
}

html[data-theme="light"] .halo-activity-stat-card strong {
  color: #0f172a !important;
}

.halo-coin-history {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

.halo-coin-history li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.halo-coin-history li:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4), 0 0 18px rgba(56, 189, 248, 0.15) !important;
}

html[data-theme="light"] .halo-coin-history li {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 6px 18px rgba(100, 116, 139, 0.08), inset 0 1px 0 #ffffff !important;
}

.halo-history-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin: 20px auto 0 auto !important;
}

.halo-history-pagination button {
  padding: 8px 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.halo-history-pagination button:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
}

html[data-theme="light"] .halo-history-pagination button {
  background: #f1f5f9 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #0f172a !important;
}

.halo-history-pagination span {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
}

/* ========================================================
   HALO SHOP CENTERING, EXPANSION & LUMINOUS GLASS (NO BLACK UI)
   ======================================================== */

/* Modal Presentation: Centered, Expansive, Luminous (Only when NOT a page) */
dialog#halo-wallet-dialog:not([data-presentation="page"])[data-wallet-view="shop"],
#halo-wallet-dialog:not([data-presentation="page"])[data-wallet-view="shop"] {
  position: fixed !important;
  inset: 0 !important;
  margin: auto !important;
  width: min(1200px, calc(100vw - 120px)) !important;
  max-width: 1200px !important;
  height: auto !important;
  max-height: min(90vh, 900px) !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(16, 26, 52, 0.96) 0%, rgba(10, 16, 35, 0.98) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  z-index: 9999 !important;
  overflow: hidden !important;
}

html[data-theme="light"] dialog#halo-wallet-dialog:not([data-presentation="page"])[data-wallet-view="shop"],
html[data-theme="light"] #halo-wallet-dialog:not([data-presentation="page"])[data-wallet-view="shop"] {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 249, 0.96) 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 30px 80px -15px rgba(100, 116, 139, 0.25), inset 0 1px 0 #ffffff !important;
}

.halo-shop-hero {
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.12) 0%, rgba(139, 92, 246, 0.12) 50%, rgba(255, 255, 255, 0.03) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  padding: 20px 26px !important;
  margin-bottom: 16px !important;
}

html[data-theme="light"] .halo-shop-hero {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 10px 30px rgba(100, 116, 139, 0.08), inset 0 1px 0 #ffffff !important;
}

/* Category Filter Pills */
.halo-shop-categories button {
  border-radius: 999px !important;
  min-height: 40px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 6px 18px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #cbd5e1 !important;
  transition: all 0.2s ease !important;
}

.halo-shop-categories button:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}

.halo-shop-categories button[aria-pressed="true"] {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.45), inset 0 1px 0 #ffffff !important;
}

html[data-theme="light"] .halo-shop-categories button {
  background: #f1f5f9 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #475569 !important;
}

html[data-theme="light"] .halo-shop-categories button[aria-pressed="true"] {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  color: #ffffff !important;
}

/* Integrated Shop Bar: Search, Sort, Items Count, Gift Inbox in One Row */
.halo-shop-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

.halo-shop-bar .halo-shop-tools,
.halo-shop-tools {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 340px !important;
  max-width: 520px !important;
}

.halo-shop-search-wrap {
  position: relative !important;
  flex: 1 1 200px !important;
  max-width: 340px !important;
  display: flex !important;
  align-items: center !important;
}

.halo-shop-search-icon {
  position: absolute !important;
  left: 14px !important;
  width: 16px !important;
  height: 16px !important;
  color: #94a3b8 !important;
  pointer-events: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
}

.halo-shop-search-icon svg {
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  fill: none !important;
}

.halo-shop-tools input,
.halo-shop-search-wrap input#halo-shop-search {
  border-radius: 999px !important;
  height: 42px !important;
  padding: 0 16px 0 38px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  outline: none !important;
  width: 100% !important;
  transition: all 0.2s ease !important;
}

.halo-shop-tools input:focus,
.halo-shop-search-wrap input#halo-shop-search:focus {
  border-color: #38bdf8 !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.35) !important;
}

.halo-shop-tools select,
.halo-shop-bar #halo-shop-sort {
  border-radius: 999px !important;
  height: 42px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  outline: none !important;
  flex: 0 0 160px !important;
  width: 160px !important;
  transition: all 0.2s ease !important;
}

.halo-shop-tools select:focus,
.halo-shop-bar #halo-shop-sort:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.35) !important;
}

.halo-shop-bar .halo-shop-results,
.halo-shop-results {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-left: auto !important;
}

.halo-shop-bar .halo-shop-results [data-shop-count],
.halo-shop-results [data-shop-count] {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
}

.halo-shop-inbox {
  border-radius: 999px !important;
  height: 38px !important;
  padding: 0 16px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: all 0.2s ease !important;
}

.halo-shop-inbox:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  transform: translateY(-1px) !important;
}

html[data-theme="light"] .halo-shop-tools input,
html[data-theme="light"] .halo-shop-tools select,
html[data-theme="light"] .halo-shop-search-wrap input#halo-shop-search,
html[data-theme="light"] .halo-shop-bar #halo-shop-sort {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .halo-shop-inbox {
  background: #f1f5f9 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #0f172a !important;
}

/* Light theme full clarity and contrast for all wallet and shop components */
html[data-theme="light"] body.social-authenticated {
  color: #0f172a !important;
}

html[data-theme="light"] :is(#halo-wallet-dialog, .halo-wallet-shell, .halo-wallet-content, .hs-wallet-page, [data-social-panel="wallet"]) {
  background: transparent !important;
  color: #0f172a !important;
}

html[data-theme="light"] #halo-wallet-dialog[data-presentation="page"] .halo-wallet-shell > header h2 {
  color: #0f172a !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-wallet-header-balance {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  box-shadow: 0 4px 16px rgba(100, 116, 139, 0.12), inset 0 1px 0 #ffffff !important;
}

html[data-theme="light"] .halo-wallet-header-balance strong {
  color: #0f172a !important;
}

html[data-theme="light"] .halo-wallet-header-balance small {
  color: #64748b !important;
}

html[data-theme="light"] .halo-wallet-navigation {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  box-shadow: 0 4px 20px rgba(100, 116, 139, 0.12) !important;
}

html[data-theme="light"] .halo-wallet-navigation button {
  color: #475569 !important;
  font-weight: 750 !important;
}

html[data-theme="light"] .halo-wallet-navigation button:hover:not([aria-current="page"]) {
  color: #0f172a !important;
  background: rgba(226, 232, 240, 0.6) !important;
}

html[data-theme="light"] .halo-wallet-navigation button[aria-current="page"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  border: 1px solid rgba(2, 132, 199, 0.4) !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #0f172a 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-card-tier {
  color: #94a3b8 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-card-brand-badge {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #f8fafc !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-wallet-card-spec {
  color: #94a3b8 !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card :is(.halo-card-digits, .halo-card-number-row) {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-wallet-total-label {
  color: #94a3b8 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-wallet-total strong {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-wallet-currency-badge {
  color: #38bdf8 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-card-footer {
  border-top-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-card-col-label {
  color: #94a3b8 !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card :is(.halo-card-holder-name, .halo-card-expiry-val) {
  color: #ffffff !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-wallet-card.halo-credit-card .halo-wallet-id-chip {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #f1f5f9 !important;
}

html[data-theme="light"] .halo-balance-subcard {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 6px 20px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .halo-balance-subcard strong {
  color: #0f172a !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-balance-subcard .halo-balance-hint {
  color: #64748b !important;
}

html[data-theme="light"] .halo-balance-pill.cyan {
  color: #0284c7 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-balance-pill.purple {
  color: #7c3aed !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-quick-btn {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 6px 20px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .halo-quick-title {
  color: #0f172a !important;
}

html[data-theme="light"] .halo-quick-btn small {
  color: #64748b !important;
}

html[data-theme="light"] .halo-wallet-allowance {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 6px 20px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .halo-wallet-allowance h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .halo-wallet-allowance p {
  color: #64748b !important;
}

html[data-theme="light"] .halo-allowance-row {
  color: #475569 !important;
}

html[data-theme="light"] .halo-allowance-row strong {
  color: #0f172a !important;
}

html[data-theme="light"] .halo-shield-badge {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  color: #047857 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .halo-progress-track {
  background: #e2e8f0 !important;
  border-color: rgba(203, 213, 225, 0.8) !important;
}

html[data-theme="light"] .halo-wallet-info {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  color: #475569 !important;
}

html[data-theme="light"] .halo-wallet-info summary {
  color: #0f172a !important;
}

/* Shop in Light Theme */
html[data-theme="light"] .halo-shop-hero {
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.08) 0%, rgba(99, 102, 241, 0.08) 100%), #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .halo-shop-hero h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .halo-shop-hero p {
  color: #64748b !important;
}

html[data-theme="light"] .halo-shop-balance span {
  color: #64748b !important;
}

html[data-theme="light"] .halo-shop-balance strong {
  color: #0f172a !important;
}

html[data-theme="light"] .halo-shop-discovery {
  background: transparent !important;
}

html[data-theme="light"] .halo-shop-categories button {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  color: #475569 !important;
  box-shadow: 0 2px 6px rgba(100, 116, 139, 0.06) !important;
}

html[data-theme="light"] .halo-shop-categories button:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .halo-shop-categories button[aria-pressed="true"] {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border-color: rgba(2, 132, 199, 0.4) !important;
}

html[data-theme="light"] .halo-shop-tools input,
html[data-theme="light"] .halo-shop-search-wrap input#halo-shop-search {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(100, 116, 139, 0.05) !important;
}

html[data-theme="light"] .halo-shop-tools select,
html[data-theme="light"] .halo-shop-bar #halo-shop-sort {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .halo-shop-results [data-shop-count] {
  color: #64748b !important;
}

html[data-theme="light"] .halo-shop-inbox {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .halo-product-card {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 6px 18px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .halo-product-art {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
}

html[data-theme="light"] .halo-product-copy > small {
  color: #64748b !important;
}

html[data-theme="light"] .halo-product-copy h3 {
  color: #0f172a !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-product-copy > p {
  color: #475569 !important;
}

html[data-theme="light"] .halo-product-price {
  color: #d97706 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .halo-product-actions > [data-coin-buy] {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  color: #ffffff !important;
}

html[data-theme="light"] .halo-product-actions .halo-gift-action {
  background: #f1f5f9 !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  color: #475569 !important;
}

/* Send Tab in Light Theme */
html[data-theme="light"] #halo-coin-send {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .halo-form-head h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .halo-form-head p {
  color: #64748b !important;
}

html[data-theme="light"] #halo-coin-send label {
  color: #334155 !important;
}

html[data-theme="light"] #halo-coin-send select,
html[data-theme="light"] #halo-coin-send input {
  background: #f8fafc !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .halo-chip-btn {
  background: #f1f5f9 !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  color: #334155 !important;
}

html[data-theme="light"] .halo-send-summary {
  background: #f8fafc !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  color: #475569 !important;
}

html[data-theme="light"] .halo-send-summary strong {
  color: #059669 !important;
}

/* Activity Tab in Light Theme */
html[data-theme="light"] .halo-activity-stat-card {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 6px 18px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .halo-activity-stat-card small {
  color: #64748b !important;
}

html[data-theme="light"] .halo-activity-stat-card strong {
  color: #0f172a !important;
}

html[data-theme="light"] .halo-coin-history li {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.06) !important;
  color: #0f172a !important;
}

/* Compact Halo Shop Products for Premium Look */
.halo-coin-shop {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  align-items: stretch !important;
}

.halo-product-card {
  height: auto !important;
  min-height: 275px !important;
  max-height: none !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease !important;
  grid-template-rows: none !important;
}

.halo-product-card:hover {
  transform: translateY(-3px) scale(1.01) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45), 0 0 20px rgba(56, 189, 248, 0.2) !important;
}

.halo-product-art {
  height: 100px !important;
  min-height: 100px !important;
  border-radius: 12px !important;
  margin-bottom: 8px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%), radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.1) 0%, transparent 70%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 6px !important;
}

.halo-product-image {
  max-height: 85px !important;
}

.halo-product-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 0 2px !important;
  flex: 1 !important;
  grid-template-rows: none !important;
}

.halo-product-copy > small {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
}

.halo-product-copy h3 {
  font-size: 13.5px !important;
  font-weight: 750 !important;
  letter-spacing: -0.2px !important;
  color: #ffffff !important;
  margin: 0 !important;
  min-height: 0 !important;
  line-height: 1.3 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
}

.halo-product-copy > p {
  font-size: 11px !important;
  color: #94a3b8 !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  flex: 1 !important;
  font-weight: 500 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 0 !important;
}

.halo-product-price {
  font-size: 14px !important;
  font-weight: 850 !important;
  color: #fbbf24 !important;
  margin-top: 4px !important;
  text-shadow: 0 1px 3px rgba(251, 191, 36, 0.4) !important;
}

.halo-product-actions {
  display: flex !important;
  gap: 6px !important;
  padding-top: 6px !important;
  height: auto !important;
  margin-top: auto !important;
}

.halo-product-actions > button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 4px 10px !important;
  border-radius: 10px !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
}

.halo-product-actions .halo-gift-action {
  width: 34px !important;
  min-width: 34px !important;
  flex: 0 0 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Halo Shop Discovery sticky transparent container */
.halo-shop-discovery {
  position: static !important;
  background: transparent !important;
  border-bottom: none !important;
  padding-bottom: 4px !important;
}

/* Premium Apple Spatial Card Redesign */
.halo-wallet-card.halo-credit-card {
  width: 100% !important;
  max-width: 480px !important;
  min-height: 260px !important;
  height: auto !important;
  margin: 0 auto 16px auto !important;
  padding: 22px 26px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: 
    radial-gradient(circle at 85% 15%, rgba(56, 189, 248, 0.35) 0%, transparent 45%),
    radial-gradient(circle at 20% 85%, rgba(139, 92, 246, 0.3) 0%, transparent 45%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 40%, rgba(10, 16, 35, 0.95) 100%),
    #070d1e !important;
  box-shadow: 
    0 24px 60px -15px rgba(0, 0, 0, 0.8),
    0 0 40px rgba(56, 189, 248, 0.18),
    inset 0 1px 2px rgba(255, 255, 255, 0.7),
    inset 0 -1px 2px rgba(0, 0, 0, 0.6) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.halo-wallet-card.halo-credit-card .halo-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  position: relative !important;
  z-index: 3 !important;
}

.halo-wallet-card.halo-credit-card .halo-card-holder-name {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  color: #ffffff !important;
}

/* ========================================================
   PUBLISHER & CREATOR SETTINGS SECTION
   ======================================================== */
.hs-creator-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 22px 24px !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  position: relative !important;
  overflow: hidden !important;
}

.hs-creator-card h3 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 750 !important;
  letter-spacing: -0.2px !important;
  color: #ffffff !important;
}

.hs-creator-card > p {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #94a3b8 !important;
}

.hs-creator-status-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  width: fit-content !important;
}

.hs-creator-label {
  font-size: 12.5px !important;
  font-weight: 650 !important;
  color: #cbd5e1 !important;
}

.hs-creator-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background: rgba(148, 163, 184, 0.15) !important;
  color: #94a3b8 !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

.hs-creator-badge.approved {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #34d399 !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.25) !important;
}

.hs-creator-badge.pending {
  background: rgba(245, 158, 11, 0.16) !important;
  color: #fbbf24 !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
}

.hs-creator-badge.unverified {
  background: rgba(148, 163, 184, 0.12) !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

.hs-creator-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 6px !important;
}

.hs-creator-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
}

.hs-creator-btn.primary {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 50%, #4f46e5 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

.hs-creator-btn.primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(2, 132, 199, 0.55), 0 0 16px rgba(56, 189, 248, 0.3) !important;
}

.hs-creator-btn.secondary {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #f1f5f9 !important;
}

.hs-creator-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-2px) !important;
}

.hs-creator-note {
  font-size: 12.5px !important;
  color: #64748b !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* Light Theme Styling for Creator Settings */
html[data-theme="light"] .hs-creator-card {
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 8px 24px rgba(100, 116, 139, 0.08) !important;
}

html[data-theme="light"] .hs-creator-card h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .hs-creator-card > p {
  color: #475569 !important;
}

html[data-theme="light"] .hs-creator-status-row {
  background: #f8fafc !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
}

html[data-theme="light"] .hs-creator-label {
  color: #334155 !important;
}

html[data-theme="light"] .hs-creator-badge.unverified {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .hs-creator-badge.approved {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #047857 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .hs-creator-badge.pending {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #b45309 !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
}

html[data-theme="light"] .hs-creator-btn.secondary {
  background: #f1f5f9 !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .hs-creator-btn.secondary:hover {
  background: #e2e8f0 !important;
}

html[data-theme="light"] .hs-creator-note {
  color: #64748b !important;
}

}