/* PocketNexus UI 2.0 — global visual foundation. Presentation only. */
:root{
 --pn-bg:#070b11;--pn-bg2:#0a1018;--pn-surface:#0d151f;--pn-surface2:#111c28;--pn-surface3:#162331;
 --pn-line:#223245;--pn-line2:#31485f;--pn-text:#f4f7fb;--pn-muted:#8e9eaf;
 --pn-blue:#62b9ff;--pn-cyan:#58ddd5;--pn-green:#61d994;--pn-red:#ff7380;--pn-gold:#f0c765;
 --pn-r-sm:10px;--pn-r:14px;--pn-r-lg:20px;--pn-shadow:0 18px 48px rgba(0,0,0,.24);
 --pn-content:1440px;
}
html{background:var(--pn-bg)}
body{background:radial-gradient(900px 500px at 10% -10%,rgba(98,185,255,.08),transparent 60%),radial-gradient(700px 440px at 100% 0,rgba(88,221,213,.04),transparent 60%),var(--pn-bg);color:var(--pn-text)}
#app{width:min(var(--pn-content),calc(100% - 40px));padding-top:24px}
.appHeader{background:rgba(7,11,17,.86)!important;border-bottom:1px solid rgba(49,72,95,.58)!important;backdrop-filter:blur(18px) saturate(130%)}
.appHeaderBar{height:62px!important;width:min(var(--pn-content),calc(100% - 34px))!important}
.appBrand{gap:10px!important}.appBrandLogo{width:32px!important;height:32px!important}.appBrand strong{font-size:.94rem!important;letter-spacing:-.01em}
.headerNav button,.headerNav summary{min-height:34px!important;padding:7px 9px!important;border-radius:8px!important;color:#9dadbd!important;font-size:.79rem!important}.headerNav button:hover,.headerNav summary:hover,.headerNav .active{background:#101a25!important;color:#fff!important}
.globalSearchButton{min-height:34px!important;border-color:var(--pn-line)!important;border-radius:9px!important;background:#0b131c!important}
.panel{border:1px solid var(--pn-line)!important;border-radius:var(--pn-r)!important;background:linear-gradient(180deg,var(--pn-surface2),var(--pn-surface))!important;box-shadow:none!important}
.panel:hover{border-color:#2a4055!important}
h1{font-size:clamp(2rem,3.6vw,3.4rem);letter-spacing:-.045em}h2{letter-spacing:-.02em}
.eyebrow{color:#89a2b8!important;font-size:.67rem!important}
.metricgrid{gap:8px!important}.metric{border:1px solid var(--pn-line)!important;border-radius:11px!important;background:#0a131c!important;padding:11px!important}.metric .l{color:var(--pn-muted)!important}.metric .n{font-size:1.2rem!important}
button{border-radius:9px!important;box-shadow:none!important;transition:border-color .14s ease,background .14s ease,color .14s ease!important}button:hover{transform:none!important;filter:none!important}
button:not(.secondary){background:linear-gradient(180deg,#66c3ff,#3d9ee9);color:#07131e}
button.secondary{border-color:var(--pn-line)!important;background:#0e1823!important;color:#dce6ef!important}.secondary:hover{border-color:#38536c!important;background:#13202d!important}
input,select,textarea{border-color:var(--pn-line)!important;border-radius:9px!important;background:#09121b!important;min-height:41px!important}input:focus,select:focus,textarea:focus{border-color:#4a8fbd!important;box-shadow:0 0 0 3px rgba(98,185,255,.08)!important}
.badge,.pill{border-color:var(--pn-line)!important;background:#0c1620!important}
.notice,.successBox,.warningBox,.dangerBox{border-radius:11px!important}
.navCategoryMenu,.navDropdown{border-color:var(--pn-line2)!important;border-radius:12px!important;background:#0b141e!important;box-shadow:var(--pn-shadow)!important}
.navCategoryItem{border-radius:8px!important}.navCategoryIcon{border-radius:7px!important;background:#122131!important}
.modal{border-color:var(--pn-line2)!important;border-radius:18px!important;background:#0d1721!important}
.foundationEntryShell{gap:12px!important}.foundationEntryStory,.foundationEntryCard{border-radius:20px!important;border-color:var(--pn-line)!important}.foundationEntryStory{background:radial-gradient(circle at 84% 15%,rgba(98,185,255,.09),transparent 28%),linear-gradient(145deg,#111e2b,#0b121a)!important}
.grid{gap:10px!important}.form2,.form3{gap:8px!important}
@media(max-width:760px){#app{width:min(100% - 22px,var(--pn-content));padding-top:16px}.appHeaderBar{width:calc(100% - 20px)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
