/* HALO UI 1.4 */
:root{--c:#0ba876;--c2:#16c98a;--bg:#edf3f0;--panel:#fff;--panel2:#f5f8f6;--text:#15231e;--muted:#687a73;--line:#dce6e1;--bubble:#d9fdd3;--shadow:0 18px 55px #183a3022}body[data-theme="dark"]{--bg:#08110e;--panel:#111b18;--panel2:#17231f;--text:#eef7f3;--muted:#9fb1aa;--line:#293a34;--bubble:#075e54;--shadow:0 20px 60px #0007}[hidden]{display:none!important}body{background:var(--bg)!important;color:var(--text)!important}.app-shell{width:min(1500px,calc(100% - 32px));margin:16px auto!important;min-height:calc(100vh - 32px);border:1px solid var(--line)!important;border-radius:22px!important;overflow:hidden!important;background:var(--panel)!important;box-shadow:var(--shadow)!important}.topbar{height:68px!important;background:var(--panel)!important;color:var(--text)!important;border-bottom:1px solid var(--line)!important}.brand{display:flex!important;align-items:center!important;gap:10px!important}.brand-mark{width:38px!important;height:38px!important;flex:0 0 38px;background:linear-gradient(135deg,var(--c),var(--c2))!important}.brand-name{color:var(--text)!important}.brand-tagline,.account-label{color:var(--muted)!important}#social-shell:not([hidden]){display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;min-height:calc(100vh - 101px)!important;background:var(--panel)!important}.social-rail{display:flex!important;flex-direction:column!important;padding:18px 10px!important;background:var(--panel2)!important;border-right:1px solid var(--line)!important}.social-rail-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:40px;color:var(--text)!important}.social-brand-pulse{width:12px!important;height:12px!important;flex:0 0 12px!important;background:var(--c)!important}.social-nav{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:18px!important}.social-nav-button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-height:64px!important;padding:7px 3px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:var(--muted)!important}.social-nav-button>span{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;font-size:21px!important;line-height:1!important}.social-nav-button>b{font-size:11px!important;line-height:1.2!important}.social-nav-button:hover,.social-nav-button.is-active{background:color-mix(in srgb,var(--c) 14%,transparent)!important;color:var(--c)!important}.social-rail-security{margin-top:auto!important;text-align:center!important;color:var(--muted)!important}.social-main{min-width:0!important;padding:0!important;background:var(--panel)!important;color:var(--text)!important}.social-main-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:82px!important;padding:14px 22px!important;background:var(--panel)!important;border-bottom:1px solid var(--line)!important}.social-main-header h1{margin:2px 0!important;font-size:24px!important;color:var(--text)!important}.social-header-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}.social-secure-chip,.halo-theme-toggle{background:var(--panel2)!important;color:var(--text)!important;border:1px solid var(--line)!important}.social-accent-button{background:linear-gradient(135deg,var(--c),var(--c2))!important;color:#fff!important;border:0!important}.social-view{padding:18px!important}.social-dashboard-grid{display:grid!important;grid-template-columns:minmax(290px,390px) minmax(0,1fr)!important;gap:0!important;min-height:calc(100vh - 175px)!important;border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden!important;background:var(--panel2)!important}.social-card{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none!important}.social-contacts-card{border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important}.social-search{background:var(--panel2)!important;border-color:var(--line)!important}.social-search input{color:var(--text)!important}.social-side-stack{min-width:0!important;padding:24px!important}.social-side-stack .social-card{border:1px solid var(--line)!important;border-radius:16px!important;margin-bottom:16px!important}.direct-chat-card:not([hidden]){display:flex!important;flex-direction:column!important;background:var(--panel)!important;color:var(--text)!important}.direct-chat-header,.direct-chat-form,.halo-transfer-tray{flex:0 0 auto!important;background:var(--panel)!important;border-color:var(--line)!important}.direct-chat-messages{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;background:var(--panel2)!important}.direct-chat-message{max-width:min(78%,560px)!important;color:var(--text)!important}.direct-chat-message.outgoing{background:var(--bubble)!important}.direct-chat-form input{background:var(--panel2)!important;color:var(--text)!important;border-color:var(--line)!important}.call-screen:not([hidden]){display:flex!important;position:relative!important}.call-header-actions .connection-status{position:absolute!important;top:78px!important;left:50%!important;transform:translateX(-50%)!important;z-index:80!important;padding:10px 16px!important;border-radius:999px!important;background:#0c1613e8!important;color:#fff!important;border:1px solid #ffffff24!important;box-shadow:0 10px 30px #0005!important}.call-workspace{padding-top:38px!important}@media(max-width:720px){.app-shell{width:100%!important;margin:0!important;min-height:100vh!important;border:0!important;border-radius:0!important}.topbar{height:62px!important}#social-shell:not([hidden]){display:block!important;min-height:calc(100vh - 62px)!important;padding-bottom:68px!important}.social-main-header{min-height:72px!important;padding:12px 14px!important}.social-main-header .overline,.social-secure-chip{display:none!important}.social-main-header h1{font-size:21px!important}.social-header-actions{gap:6px!important}.social-rail{position:fixed!important;z-index:120!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:68px!important;padding:5px 6px!important;border:0!important;border-top:1px solid var(--line)!important;background:var(--panel)!important}.social-rail-brand,.social-rail-security{display:none!important}.social-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;margin:0!important}.social-nav-button{min-height:57px!important;padding:4px 2px!important}.social-nav-button>span{font-size:18px!important;width:25px!important;height:25px!important}.social-nav-button>b{font-size:10px!important}.social-view{padding:0!important}.social-dashboard-grid{display:block!important;min-height:auto!important;border:0!important;border-radius:0!important}.social-contacts-card{border:0!important;padding:14px!important}.social-side-stack{display:none!important}.direct-chat-card:not([hidden]){position:fixed!important;inset:0!important;z-index:180!important;border-radius:0!important}.call-header-actions .connection-status{top:68px!important;max-width:calc(100vw - 30px)!important;font-size:12px!important}.call-workspace{padding-top:44px!important}}