/* Soft-blue glass surfaces; navigation geometry remains in the critical shell. */
:root{--nsf-accent:#b6e2ff;--accent:#b6e2ff;--line:#c2e6ff40;--muted:#c3d1e7;--panel:#203d626b}
body[class]{background:radial-gradient(ellipse at 5% 0,#91cfff42,transparent 46%),radial-gradient(ellipse at 100% 25%,#528afc33,transparent 48%),radial-gradient(ellipse at 35% 100%,#557ee02b,transparent 55%),#0d172e!important;color:#f2f7ff}
body.nsf-admin-shell main,body.nsf-admin-shell .app-layout-wrapper{background:transparent!important}
body[class] .glass-panel,body.nsf-membership main .bg-surface-container-low,body.nsf-admin-loans main .bg-surface-container-low,body.nsf-chat main .bg-surface-container-low,body[class] [class*="bg-surface-container"][class*="rounded-xl"],body[class] [class*="bg-surface-container"][class*="rounded-2xl"],body[class] [class*="bg-surface-container"][class*="rounded-3xl"]{background:linear-gradient(140deg,#b6e3ff30,#487ab51c 42%,#152747b8)!important;border:1px solid #c5e7ff45!important;border-top-color:#e1f4ff88!important;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #9acaff14,0 16px 42px -18px #030b1eaa!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
body.nsf-admin-shell #nsf-admin-rail{background:linear-gradient(160deg,#a6d6ff22,#163052cc 30%,#0b172de8)!important;border-right:1px solid #c4e7ff44;box-shadow:inset -1px 0 #ffffff14,12px 0 40px #04102522;backdrop-filter:blur(24px)}
body.nsf-admin-shell #nsf-admin-rail nav a[aria-current=page]{background:linear-gradient(125deg,#a6dbff40,#517fd033)!important;border-color:#d1edff70!important;box-shadow:inset 0 1px #fff5,0 5px 16px #03112d44!important}
body[class] .nsf-button.primary,body[class] button[class*="bg-primary"]{background:linear-gradient(125deg,#548ff6,#3169dc 65%,#2453bb)!important;border-color:#c6e7ff77!important;color:#fff!important;box-shadow:inset 0 1px #ffffff66,0 8px 24px #0c3b8c55!important}
body[class] .nsf-field input,body[class] .nsf-field select,body[class] .nsf-field textarea{background:#0b1c36b5;color:#f1f7ff;border-color:#b5dcff44;min-height:46px;max-width:100%;min-width:0}
body[class] .nsf-field input:focus,body[class] .nsf-field select:focus,body[class] .nsf-field textarea:focus{outline:2px solid #aadfff;outline-offset:2px}
body[class] .nsf-muted{color:#c0d0e8}body[class] .nsf-button{min-height:44px;white-space:normal}
body[class] .nsf-membership-table th{background:#1b3454}body[class] .nsf-membership-table{background:#10223bba}
body[class] .nsf-fields>*{min-width:0}body[class] .review-list span{overflow-wrap:anywhere}
@media(max-width:600px){body[class] .nsf-content{padding:20px}body[class] .nsf-fields{grid-template-columns:minmax(0,1fr)}body[class] .nsf-topbar{flex-wrap:wrap;gap:14px}}
@media(prefers-reduced-motion:reduce){body[class] .glass-panel{animation:none!important;transition:none!important}}
@supports not(backdrop-filter:blur(1px)){body[class] .glass-panel{background:#1b3454!important}}

@media(max-width:480px){body:has(#client-bottom-nav) header button[aria-label="Live Support Desk"]{display:none}body:has(#client-bottom-nav) header button:first-child .inline-flex{display:none}body:has(#client-bottom-nav) header .truncate{overflow:visible;text-overflow:clip}body:has(#client-bottom-nav) header button:first-child{flex-shrink:0}}
/* Member dialogs need a solid reading surface above animated content. */
body:has(#dossier-kyc) [id^="modal-"].opacity-100{background:#061226dd!important;backdrop-filter:blur(12px);z-index:100!important;overflow-y:auto}
body:has(#dossier-kyc) [id^="modal-"].opacity-100>div{background:linear-gradient(145deg,#233d5b,#101e34)!important;max-height:calc(100dvh - 32px);overflow-y:auto}
body:has(#dossier-kyc) [id^="modal-"] .flex.justify-between{gap:12px;flex-wrap:wrap}