/* NEXAKOR V4.00.0 · Frontend Stability, Density & Responsive Navigation 360 */
:root{--nx400-focus:0 0 0 3px rgba(0,183,255,.28)}

/* 1. Logos: transparent assets must sit directly on dark surfaces. */
.sidebar-logo-full,.app-shell.sidebar-collapsed .sidebar-logo-icon,.nexakor-one-sidebar-logo{
  background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.34)) drop-shadow(0 0 10px rgba(0,198,255,.16))!important
}
.sidebar-logo-full{width:min(214px,100%)!important;max-width:214px!important;height:56px!important;max-height:56px!important}
.app-shell.sidebar-collapsed .sidebar-logo-icon{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}
.login-logo,.login-card-logo{background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 14px 30px rgba(0,0,0,.28)) drop-shadow(0 0 12px rgba(0,213,255,.14))}

/* 2. Never let module/dashboard command bars float above unrelated workspaces. */
.dash-v384-commandbar,.nx-v354-routebar,.nx-v381-root-commandbar,.nx-admin-tabs{
  position:relative!important;top:auto!important;z-index:2!important;backdrop-filter:none!important
}
.dashboard-v384{gap:7px!important}
.dash-v384-commandbar{min-height:40px!important;padding:5px 8px!important;margin:0!important;border-radius:10px!important;box-shadow:0 4px 12px rgba(3,15,45,.08)!important}
.dash-v384-title{min-width:160px!important}.dash-v384-title span{display:none!important}
.dash-v384-actions{gap:4px!important}.dash-v384-actions .btn,.dash-v384-actions select{min-height:30px!important;height:30px!important;padding:3px 8px!important;font-size:11px!important}
.dash-v384-filter-summary{min-height:0!important;padding:0 4px!important;line-height:1.25!important}

/* 3. Sections use every available pixel before falling into More. */
.nx-v400-routebar{align-items:center!important;gap:8px!important}
.nx-v400-routebar .nx-v354-breadcrumb{flex:0 1 auto;max-width:260px;min-width:110px}
.nx-v354-route-actions,.nx-v381-root-actions{min-width:0!important;overflow:visible!important}
.nx-v400-section-strip{display:flex;align-items:center;gap:5px;min-width:120px;flex:1 1 420px;overflow:hidden;white-space:nowrap}
.nx-v400-section-tab{flex:0 0 auto;min-height:30px!important;height:30px!important;padding:0 9px!important;border:1px solid transparent!important;background:transparent!important;color:var(--muted,#64748b)!important;font-size:11px!important;font-weight:700!important;border-radius:8px!important;box-shadow:none!important;transform:none!important}
.nx-v400-section-tab:hover{background:rgba(37,99,235,.07)!important;color:var(--text,#0f172a)!important}
.nx-v400-section-tab.active{background:linear-gradient(135deg,rgba(0,200,255,.14),rgba(37,99,235,.10))!important;color:var(--primary,#2563eb)!important;border-color:rgba(37,99,235,.20)!important;box-shadow:inset 0 -2px 0 var(--primary,#2563eb)!important}
.nx-v400-section-tab[hidden]{display:none!important}
.nx-v400-section-more{flex:0 0 auto}.nx-v400-section-more[hidden]{display:none!important}
.nx-v400-section-more>.btn{min-height:30px!important;height:30px!important;padding:0 9px!important;font-size:11px!important}
.nx-v400-section-more .ux-overflow-menu{max-height:min(65vh,520px);overflow:auto;min-width:190px}
.nx-v400-section-more .ux-overflow-menu .btn{width:100%;justify-content:flex-start;text-align:left}
.nx-v400-section-more .ux-overflow-menu .btn.active{font-weight:800;color:var(--primary,#2563eb)}
.nx-v400-legacy-section-strip{order:-5}

/* 4. Executive pulse: preserve information, consume one compact row instead of a hero block. */
.dash-v400-pulse{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(105px,.55fr)) minmax(190px,.8fr) auto;gap:6px;align-items:stretch;margin:0 0 7px;padding:6px;border:1px solid rgba(72,132,255,.16);border-radius:13px;background:radial-gradient(circle at 82% -20%,rgba(0,226,255,.15),transparent 32%),linear-gradient(135deg,#06152f,#0a2c63 62%,#0b4d9d);box-shadow:0 8px 22px rgba(3,18,50,.12);color:#eef8ff}
.dash-v400-pulse-main,.dash-v400-pulse-metric,.dash-v400-pulse-alert{min-width:0;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.dash-v400-pulse-main{display:flex;flex-direction:column;justify-content:center}.dash-v400-pulse-main .eyebrow{font-size:9px;color:#75dfff;margin:0 0 2px}.dash-v400-pulse-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.dash-v400-pulse-metric span,.dash-v400-pulse-alert span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#91c7ff}.dash-v400-pulse-metric strong,.dash-v400-pulse-alert strong{display:block;margin-top:2px;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-v400-pulse-alert{position:relative}.dash-v400-pulse-alert small{display:block;font-size:9px;color:#b6d9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-v400-pulse-alert.is-alert{border-color:rgba(255,172,76,.36);background:linear-gradient(135deg,rgba(255,139,45,.13),rgba(255,255,255,.04))}
.dash-v400-pulse-more{align-self:center}.dash-v400-pulse-more>summary{min-width:32px!important;width:32px!important;height:30px!important;padding:0!important}.dash-v400-pulse-more .ux-overflow-menu{min-width:310px;max-width:min(420px,85vw);padding:8px}.dash-v400-detail{display:grid;gap:2px;padding:8px;border-bottom:1px solid var(--line,#d7e0ea)}.dash-v400-detail:last-child{border-bottom:0}.dash-v400-detail strong{font-size:11px}.dash-v400-detail span{font-size:11px;color:var(--muted,#64748b)}

/* 5. Higher dashboard density + neon accents without animation/repaint loops. */
.dashboard-v384 .dash-card-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:7px!important}
.dashboard-v384 .dash-card-premium{min-height:84px!important;padding:8px 9px!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(15,23,42,.06)!important;transition:none!important}
.dashboard-v384 .dash-card-premium:hover{transform:none!important;border-color:rgba(0,190,255,.28)!important;box-shadow:0 0 0 1px rgba(0,190,255,.08),0 7px 18px rgba(20,74,160,.09)!important}
.dashboard-v384 .dash-card-value{font-size:21px!important}
.dashboard-v384 .dash-insights-grid{gap:7px!important;margin-top:7px!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
.dashboard-v384 .dash-insight-card{min-height:168px!important;padding:9px 10px!important;border-radius:13px!important;box-shadow:0 7px 18px rgba(11,23,49,.055)!important;transition:none!important}
.dashboard-v384 .dash-insight-card.neon{box-shadow:inset 0 0 0 1px rgba(0,224,255,.07),0 0 18px rgba(0,141,255,.08)!important}
.dashboard-v384 .dash-insight-svg{max-height:190px!important;margin-top:5px!important}.dash-mini-bars{gap:5px!important;margin-top:6px!important}.dash-mini-row{grid-template-columns:130px minmax(0,1fr) auto!important;gap:6px!important;font-size:11px!important}.dash-mini-row i{height:7px!important;box-shadow:0 0 8px rgba(0,208,255,.18)}
.dash-spark-wrap{gap:6px!important}.dash-spark-card{padding:8px!important;border-radius:11px!important}

/* 6. Anti-flicker / anti-layout-jank defaults. Keep only purposeful short feedback animations. */
#page>.page,#page .card,#page .data-grid,#page .nx-v354-routebar,#page .nx-v381-root-commandbar,#page .dash-v384-commandbar,#page .dash-card-premium,#page .dash-insight-card{animation:none!important}
#page .card,#page .data-grid,#page .page,#page .nx-v354-routebar,#page .nx-v381-root-commandbar{transition:none!important}
.workspace-home-scroll{overflow-anchor:none}
.nx-v400-stable{contain:layout style paint}

/* 7. Focus and touch behavior remain visible and consistent. */
.nx-v400-section-tab:focus-visible,.dash-v400-pulse summary:focus-visible{outline:0!important;box-shadow:var(--nx400-focus)!important}

@media(max-width:1180px){
 .dash-v400-pulse{grid-template-columns:minmax(190px,1.25fr) repeat(2,minmax(105px,.55fr)) minmax(170px,.8fr) auto}.dash-v400-pulse-metric:nth-of-type(4){display:none}
 .nx-v400-routebar .nx-v354-breadcrumb{max-width:190px}
}
@media(max-width:900px){
 .nx-v400-routebar{align-items:flex-start!important;flex-wrap:wrap!important}.nx-v400-routebar .nx-v354-breadcrumb{max-width:100%;width:100%}.nx-v400-section-strip{width:100%;flex-basis:100%}
 .dash-v400-pulse{grid-template-columns:minmax(0,1fr) repeat(2,minmax(82px,.42fr)) auto}.dash-v400-pulse-alert{grid-column:1/-2}.dash-v400-pulse-metric:nth-of-type(4){display:none}.dash-v400-pulse-main strong{font-size:12px}
 .dash-v384-commandbar{align-items:flex-start!important;flex-wrap:wrap!important}.dash-v384-actions{width:100%;overflow-x:auto!important;justify-content:flex-start!important}
 .dashboard-v384 .dash-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-v384 .dash-insights-grid{grid-template-columns:1fr!important}
}
@media(max-width:520px){
 .dash-v400-pulse{grid-template-columns:minmax(0,1fr) 76px auto}.dash-v400-pulse-metric:nth-of-type(3),.dash-v400-pulse-metric:nth-of-type(4){display:none}.dash-v400-pulse-alert{grid-column:auto}.dash-v400-pulse-alert small{display:none}
 .dashboard-v384 .dash-card-grid{grid-template-columns:1fr 1fr!important}.dashboard-v384 .dash-card-premium{min-width:0!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}