/* Shared application shell. Signal visual refinement v2.1 provides the visual rules. */
:root { --app-header-height:72px; --app-bottom-nav-height:78px; }
.sidebar { display:none!important; }
.global-header { position:fixed; z-index:60; inset:0 0 auto; display:grid; grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr); align-items:center; min-height:var(--app-header-height); padding:0 clamp(18px,4vw,64px); border-bottom:1px solid rgba(85,155,220,.34); background:rgba(2,8,20,.96); box-shadow:0 5px 22px rgba(0,0,0,.22); backdrop-filter:blur(16px); color:#f7faff; }
.global-brand { display:flex; align-items:center; width:max-content; gap:9px; border:0; background:transparent; color:#f7faff; padding:0; font-size:21px; font-weight:800; letter-spacing:-.065em; }
.global-brand img { width:45px; height:48px; object-fit:contain; filter:drop-shadow(0 0 8px rgba(0,229,255,.32)); }
.global-desktop-nav { display:flex; align-self:stretch; align-items:stretch; gap:10px; }
.global-nav-item { position:relative; display:flex; align-items:center; gap:7px; min-height:100%; border:0; background:transparent; padding:0 16px; color:#b7c4d8; font-weight:700; white-space:nowrap; }
.global-nav-item>span { font-size:18px; }.global-nav-item:hover,.global-nav-item:focus-visible,.global-nav-item.active { color:#f7faff; }.global-nav-item.active::after { position:absolute; right:15px; bottom:0; left:15px; height:3px; border-radius:4px 4px 0 0; background:#00e5ff; box-shadow:0 0 12px rgba(0,229,255,.9); content:""; }
.global-header-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; }.global-header-action { position:relative; display:flex; align-items:center; min-height:42px; gap:7px; border:0; border-radius:10px; background:transparent; color:#f7faff; padding:0 8px; font-weight:700; }.global-header-action>span { font-size:23px; line-height:1; }.global-header-action:hover,.global-header-action:focus-visible { background:rgba(0,229,255,.1); color:#00e5ff; }.global-header-action i { position:absolute; top:1px; right:1px; min-width:17px; height:17px; border-radius:99px; background:#ff3543; color:#fff; font-size:10px; font-style:normal; line-height:17px; text-align:center; }
.main-content { width:min(100%,1440px); min-height:100vh; margin:0 auto!important; padding:calc(var(--app-header-height) + 24px) clamp(16px,4vw,64px) 48px!important; }
.topbar { margin-top:0; }.home-header { display:none!important; }body:has(.home-landing:not(.hidden)) .main-content { padding:var(--app-header-height) clamp(16px,4vw,64px) 48px!important; }.home-landing { padding-top:0!important; }.home-landing .mobile-bottom-nav { display:none!important; }
.mobile-bottom-nav { display:none!important; }
@media (max-width:900px) { :root { --app-header-height:64px; --app-bottom-nav-height:76px; }.global-header { grid-template-columns:1fr auto; min-height:var(--app-header-height); padding:0 13px; }.global-brand { font-size:18px; }.global-brand img { width:39px; height:43px; }.global-desktop-nav { display:none; }.global-header-actions { gap:2px; }.global-account-action b { display:none; }.global-header-action { min-width:38px; justify-content:center; padding:0 6px; }.global-header-action>span { font-size:21px; }.main-content,body:has(.home-landing:not(.hidden)) .main-content { padding:calc(var(--app-header-height) + 12px) 12px calc(var(--app-bottom-nav-height) + env(safe-area-inset-bottom) + 22px)!important; }.mobile-bottom-nav { position:fixed; z-index:60; right:0; bottom:0; left:0; display:grid!important; grid-template-columns:repeat(5,1fr); min-height:var(--app-bottom-nav-height); padding:5px 5px calc(5px + env(safe-area-inset-bottom)); border-top:1px solid rgba(85,155,220,.35); background:linear-gradient(110deg,rgba(3,14,29,.98),rgba(7,28,46,.98)); box-shadow:0 -8px 24px rgba(0,0,0,.25); }.mobile-nav-item { position:relative; display:grid; min-width:0; min-height:58px; place-items:center; align-content:center; gap:3px; border:0; background:transparent; color:#aebbd0; font-size:11px; }.mobile-nav-item span:first-child { font-size:23px; line-height:1; }.mobile-bottom-nav .mobile-nav-item span:last-child { display:block!important; }.mobile-bottom-nav .mobile-nav-item::after { display:none!important; content:none!important; }.mobile-nav-item.active { background:rgba(0,229,255,.08); color:#00e5ff; text-shadow:0 0 9px rgba(0,229,255,.4); }.mobile-nav-item.active::before { position:absolute; top:-5px; width:34px; height:2px; border-radius:0 0 4px 4px; background:#00e5ff; box-shadow:0 0 11px rgba(0,229,255,.9); content:""; }.home-landing { width:100%; }.home-hero { padding-top:30px; } }
@media (max-width:900px) { body:has(.home-landing:not(.hidden)) .mobile-bottom-nav { width:auto; min-height:var(--app-bottom-nav-height); transform:none; grid-template-columns:repeat(5,1fr); padding:5px 5px calc(5px + env(safe-area-inset-bottom)); border:0; border-top:1px solid rgba(85,155,220,.35); border-radius:0; background:linear-gradient(110deg,rgba(3,14,29,.98),rgba(7,28,46,.98)); } body:has(.home-landing:not(.hidden)) .mobile-bottom-nav .mobile-nav-item { min-height:58px; font-size:11px; } body:has(.home-landing:not(.hidden)) .mobile-bottom-nav .mobile-nav-item span:first-child { font-size:23px; } body:has(.home-landing:not(.hidden)) .mobile-bottom-nav .mobile-nav-item span:last-child { display:block; } body:has(.home-landing:not(.hidden)) .mobile-bottom-nav .mobile-nav-item::after { display:none; content:none; } }