/* NOVA V6.2 visual system - additive, safe and responsive */
:root{--n6-accent:#6ea8ff;--n6-accent2:#8b5cf6;--n6-panel:rgba(13,20,34,.86);--n6-line:rgba(148,163,184,.16)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(700px 380px at 80% -10%,rgba(99,102,241,.12),transparent 70%),radial-gradient(500px 300px at 0% 35%,rgba(59,130,246,.08),transparent 70%);z-index:-1}
.n6-topline{height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#22d3ee);position:fixed;top:0;left:0;right:0;z-index:9999;transform-origin:left;transform:scaleX(0);transition:transform .1s}
.n6-command{position:fixed;inset:0;background:rgba(2,6,23,.68);backdrop-filter:blur(12px);display:none;align-items:flex-start;justify-content:center;padding:12vh 18px;z-index:10000}.n6-command.open{display:flex}.n6-command-box{width:min(680px,100%);border:1px solid rgba(148,163,184,.25);border-radius:22px;background:#0b1220;box-shadow:0 30px 100px rgba(0,0,0,.5);overflow:hidden}.n6-command input{width:100%;border:0;border-bottom:1px solid var(--n6-line);background:transparent;color:#fff;padding:20px;font-size:17px;outline:0}.n6-command-list{max-height:360px;overflow:auto;padding:10px}.n6-command-item{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:12px;color:#dbeafe;text-decoration:none}.n6-command-item:hover,.n6-command-item.active{background:rgba(59,130,246,.14)}.n6-command-item small{display:block;color:#8190a8;margin-top:3px}.n6-launcher{position:fixed;right:20px;bottom:20px;z-index:5000;border:1px solid rgba(96,165,250,.3);background:linear-gradient(135deg,#172b50,#111827);color:#eaf2ff;border-radius:999px;padding:12px 16px;box-shadow:0 12px 35px rgba(0,0,0,.3);cursor:pointer;font-weight:800}.n6-launcher:hover{transform:translateY(-2px);border-color:#60a5fa}.n6-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.n6-feature-tile{padding:14px;border:1px solid var(--n6-line);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(59,130,246,.035));transition:transform .18s,border-color .18s}.n6-feature-tile:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.35)}.n6-feature-tile b{display:block;margin:7px 0 3px}.n6-feature-tile span{font-size:12px;color:#8f9bb0;line-height:1.4}.n6-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 14px rgba(52,211,153,.5);margin-right:7px}@media(max-width:850px){.n6-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.n6-launcher{right:12px;bottom:12px}}@media(max-width:460px){.n6-feature-strip{grid-template-columns:1fr}.n6-launcher{font-size:12px;padding:10px 12px}}
/* V6.4 Team Center module tiles: compact, non-overlapping layout. */
.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px}.module-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:15px;border:1px solid rgba(96,165,250,.18);border-radius:14px;background:linear-gradient(145deg,rgba(17,27,46,.92),rgba(10,16,28,.92));color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.module-tile:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.6);background:rgba(22,35,58,.98)}.module-tile strong{font-size:14px}.module-tile span{font-size:12px;line-height:1.45;color:var(--muted,#94a3b8)}.nova-team-modules{min-width:0}@media(max-width:680px){.module-grid{grid-template-columns:1fr}.module-tile{padding:13px}}

/* NOVA V6.5 — unified web rebuild layer */
:root{--n6-bg:#070b12;--n6-surface:#0d1420;--n6-surface-2:#111c2c;--n6-border:rgba(148,163,184,.14);--n6-blue:#5b9cff;--n6-violet:#8b7cff;--n6-radius:16px}
body.app-body{background:radial-gradient(900px 500px at 90% -15%,rgba(91,156,255,.15),transparent 65%),radial-gradient(700px 450px at -10% 30%,rgba(139,124,255,.08),transparent 65%),var(--n6-bg);}
.app-header{gap:18px;flex-wrap:wrap;min-height:70px;height:auto;padding:12px clamp(14px,3vw,34px)!important}
.app-header .brand{font-size:14px;letter-spacing:.14em}
.header-user{flex:1;justify-content:flex-end;min-width:0}
.header-user a{font-size:12px;padding:9px 11px!important;border-color:var(--n6-border)!important;background:rgba(255,255,255,.02)}
.n6-main-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0;order:3;width:100%;padding-top:8px;border-top:1px solid var(--n6-border)}
.n6-main-nav a{font-size:12px;color:#9fb0c8;padding:8px 10px;border-radius:9px;border:1px solid transparent}
.n6-main-nav a:hover,.n6-main-nav a.active{color:#fff;background:rgba(91,156,255,.10);border-color:rgba(91,156,255,.22)}
.dashboard-layout{width:min(1500px,calc(100% - 32px));padding:34px 0 72px}
.dashboard-head{max-width:980px;margin-bottom:22px}
.dashboard-head h1{font-size:clamp(32px,4.2vw,54px);line-height:1.02;letter-spacing:-.055em}
.dashboard-head p{font-size:14px;line-height:1.7}
.settings-card,.panel,.table-card,.server-card,.stat-card{border-radius:var(--n6-radius)!important;background:linear-gradient(145deg,rgba(17,28,44,.94),rgba(8,14,24,.96))!important;border-color:var(--n6-border)!important;box-shadow:0 18px 60px rgba(0,0,0,.18)!important}
.settings-card,.panel,.table-card{padding:clamp(16px,2vw,24px)!important}
.server-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important}
.server-card{padding:13px!important;min-height:0!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:start!important}
.server-icon{width:38px!important;height:38px!important;border-radius:11px!important;font-size:14px!important}
.server-card-main h2{font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere;margin:0 0 4px!important}
.server-card-main p{font-size:11px!important;line-height:1.35!important;margin:0!important}
.server-actions{grid-column:1/-1;display:flex!important;gap:6px!important;width:100%}
.server-actions>*{flex:1 1 0!important;min-width:0!important;text-align:center!important}
.server-actions .btn{padding:8px 9px!important;font-size:11px!important}
.stats-grid,.v4-stat-grid{gap:10px!important}
.stat-card{padding:15px!important}.stat-card strong{font-size:26px!important}
.feature-row,.quick-grid,.module-grid{gap:10px!important}
.feature,.quick-card,.module-tile{padding:13px!important;border-radius:13px!important;min-width:0!important}
.grid-form{gap:10px!important}
.grid-form label{font-size:12px!important;line-height:1.5}
input,select,textarea{font-size:13px!important;padding:10px 11px!important}
.btn,.primary{font-size:12px!important;padding:10px 13px!important;border-radius:10px!important}
.table-card th,.table-card td{padding:11px 10px!important;font-size:12px!important}
.table-responsive table{min-width:560px!important}
.split{gap:12px!important}
.n6-section-label{font-size:10px;letter-spacing:.18em;color:#759bd4;font-weight:800;text-transform:uppercase;margin-bottom:10px}
.n6-empty{padding:28px;text-align:center;border:1px dashed rgba(148,163,184,.25);border-radius:14px;color:#8492a7}
@media(min-width:901px){.n6-main-nav{order:initial;width:auto;padding:0;border:0;flex:1}.header-user{flex:0 0 auto}.app-header{flex-wrap:nowrap}}
@media(max-width:680px){.dashboard-layout{width:calc(100% - 20px)}.app-header .brand{font-size:12px}.header-user a{padding:7px 8px!important}.n6-main-nav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.n6-main-nav a{white-space:nowrap}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){.server-grid{grid-template-columns:1fr!important}.server-card{grid-template-columns:34px minmax(0,1fr)!important}.header-user a:not(:last-child){display:none}.dashboard-head h1{font-size:31px!important}}

/* NOVA V6.6 — single navigation safety layer */
.app-header:has(.header-user) .n6-main-nav{display:none!important}
.app-header .header-user{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
.app-header .header-user a{white-space:nowrap}
@media(max-width:900px){.app-header .header-user{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:thin}.app-header .header-user a{flex:0 0 auto}}