/* WebNexus Premium UI — Stage 9.0 | presentation only */
:root{--wn-ink:#152a50;--wn-accent:#1766ed;--wn-bg:#f3f7fe;--wn-border:#dfe9f7;--wn-shadow:0 10px 34px rgba(25,55,105,.07);--wn-radius:16px}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;accent-color:var(--wn-accent)}
body.security-page,body.app-page,body:not([class]){background-color:var(--wn-bg)}
:where(.panel,.card,.metric,.stat-card,.box,.security-card,.widget,.dashboard-card){border-radius:var(--wn-radius);box-shadow:var(--wn-shadow)}
:where(.security-content,.beta-content,.content,main){min-width:0}
:where(.security-content,.beta-content) h1{letter-spacing:-.035em;line-height:1.18}
:where(.security-content,.beta-content) h2{letter-spacing:-.02em}
:where(.security-top,.topbar){box-shadow:0 3px 16px rgba(10,31,65,.09)}
:where(.security-top) {background:linear-gradient(105deg,#091d40,#124c96);border-bottom:1px solid #ffffff24}
:where(.security-top) a{border-radius:9px}
:where(.sidebar){scrollbar-width:thin}
:where(.menu a,.side-nav a,.admin-nav-links a){transition:background-color .18s,color .18s,transform .18s}
:where(.menu a,.side-nav a,.admin-nav-links a):hover{transform:translateX(2px)}
:where(.hero){isolation:isolate;box-shadow:0 16px 38px rgba(12,51,117,.14)}
:where(.hero) h1{letter-spacing:-.035em}
:where(button,.btn,.primary,input[type=submit],input[type=button]){transition:filter .16s,transform .16s,box-shadow .16s}
:where(button,.btn,.primary,input[type=submit],input[type=button]):not(:disabled):hover{filter:brightness(1.045)}
:where(button,.btn,.primary,input[type=submit],input[type=button]):not(:disabled):active{transform:translateY(1px)}
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){max-width:100%;border-radius:9px}
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select):focus-visible{outline:2px solid #80b1ff;outline-offset:1px;box-shadow:0 0 0 4px #2a76ec18}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #2a78ed;outline-offset:3px}
:where(table){border-collapse:collapse}
:where(th){letter-spacing:.025em}
:where(tbody tr){transition:background-color .15s}
:where(tbody tr):hover{background-color:#f4f8ff}
:where(.tablewrap,.table-responsive,.beta-table){overflow-x:auto;max-width:100%}
:where(.security-content,.beta-content) :where(.panel,.security-card){border:1px solid var(--wn-border)}
:where(.alert,.security-ok,.notice){border-radius:12px}
:where(.security-content,.beta-content) :where(.eyebrow){letter-spacing:.11em}
@media(max-width:768px){:where(.security-content,.beta-content){padding-left:14px;padding-right:14px}:where(.panel,.security-card){max-width:100%}:where(.hero) h1{font-size:clamp(23px,5.5vw,33px)}:where(table){font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}