/* NEXAKOR Phase 13 R10D - UX visual consolidation
   One last-loaded layer so navigation surfaces share the same geometry/contrast
   without touching transactional logic. */

/* A. Route source tabs are implementation controls, never user-facing. Hiding
   them from the first paint removes the brief legacy/reordered tab flash. */
html.nx-v354-ia-active #page :is(.finance-pro-tabs,.treasury-tabs,.payroll-tabbar,.sales-tabs){display:none!important}
html.nx-v354-ia-active #page .tabs:has(:is([data-fin-tab],[data-treasury-tab],[data-ptab],[data-atab],[data-crm-tab],[data-mfg-tab],[data-psa-nav],[data-wms-tab],[data-eam-tab],[data-dms-tab],[data-sec-tab],[data-ec-tab],[data-settings-tab],[data-saas-tab],[data-report-view],[data-v],[data-tab])){display:none!important}
html.nx-v354-ia-active #page .nx-v381-source-tabs{display:none!important}

/* B. Executive dashboard workspace selector follows the same rounded control
   language as the adjacent buttons. */
.dashboard-v384 .dash-v384-actions select[data-dash-workspace]{
  min-height:30px!important;height:30px!important;min-width:148px!important;
  padding:3px 28px 3px 10px!important;border-radius:10px!important;
  border:1px solid rgba(167,205,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(3,15,45,.12)!important;
  font-weight:650!important;line-height:1.1!important;
}
html[data-nexakor-theme="veltria-claro"] .dashboard-v384 .dash-v384-actions select[data-dash-workspace],
html[data-nexakor-theme="industrial"] .dashboard-v384 .dash-v384-actions select[data-dash-workspace]{background:#f8fbff!important;color:#17324d!important}
html[data-nexakor-theme="veltria-oscuro"] .dashboard-v384 .dash-v384-actions select[data-dash-workspace],
html[data-nexakor-theme="ejecutivo"] .dashboard-v384 .dash-v384-actions select[data-dash-workspace]{background:color-mix(in srgb,var(--surface2) 90%,#fff 10%)!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--line2) 70%,var(--primary) 30%)!important}

/* C. FlowDock in light themes: group/menu captions must remain readable over
   glass, including variants B (floating group caption) and C (visible labels). */
html[data-nexakor-theme="veltria-claro"]:is([data-nav-family="dock"],[data-nav-mode="flowdock"]) .nx-v426-dock .nx-v430-dock-group>em,
html[data-nexakor-theme="industrial"]:is([data-nav-family="dock"],[data-nav-mode="flowdock"]) .nx-v426-dock .nx-v430-dock-group>em{
  color:#243447!important;opacity:1!important;font-weight:800!important;letter-spacing:.015em!important;text-shadow:0 1px 0 rgba(255,255,255,.85)!important
}
html[data-nexakor-theme="veltria-claro"][data-nav-variant="b"] .nx-v426-dock .nx-v430-dock-group>em,
html[data-nexakor-theme="industrial"][data-nav-variant="b"] .nx-v426-dock .nx-v430-dock-group>em{
  top:-27px!important;padding:2px 5px!important;border:1px solid rgba(71,85,105,.18)!important;border-radius:7px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 2px 8px rgba(15,23,42,.08)!important
}
html[data-nexakor-theme="veltria-claro"][data-nav-variant="c"] .nx-v426-dock .nx-v426-module span:last-child,
html[data-nexakor-theme="industrial"][data-nav-variant="c"] .nx-v426-dock .nx-v426-module span:last-child{
  color:#1e293b!important;opacity:1!important;font-weight:750!important
}
html[data-nexakor-theme="veltria-claro"]:is([data-nav-family="dock"],[data-nav-mode="flowdock"]) .nx-v426-dock,
html[data-nexakor-theme="industrial"]:is([data-nav-family="dock"],[data-nav-mode="flowdock"]) .nx-v426-dock{
  border-color:rgba(71,85,105,.30)!important;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,249,247,.82))!important
}

/* D. Dark section/command bars: no light rectangle behind the tabs, no square
   exposed corners, and AA-oriented contrast for inactive/active controls. */
html[data-nexakor-theme="veltria-oscuro"] #page :is(.nx-v354-routebar,.nx-v381-root-commandbar),
html[data-nexakor-theme="ejecutivo"] #page :is(.nx-v354-routebar,.nx-v381-root-commandbar){
  color:var(--ink)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,#000 6%),color-mix(in srgb,var(--surface2) 91%,var(--primary) 9%))!important;
  border:1px solid color-mix(in srgb,var(--line2) 76%,var(--primary) 24%)!important;border-radius:14px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:visible!important;isolation:isolate!important
}
html[data-nexakor-theme="veltria-oscuro"] #page :is(.nx-v354-routebar,.nx-v381-root-commandbar) :is(.nx-v354-route-actions,.nx-v381-root-actions,.nx-v400-section-strip),
html[data-nexakor-theme="ejecutivo"] #page :is(.nx-v354-routebar,.nx-v381-root-commandbar) :is(.nx-v354-route-actions,.nx-v381-root-actions,.nx-v400-section-strip){background:transparent!important}
html[data-nexakor-theme="veltria-oscuro"] #page .nx-v354-breadcrumb,
html[data-nexakor-theme="ejecutivo"] #page .nx-v354-breadcrumb{color:color-mix(in srgb,var(--ink) 72%,var(--muted) 28%)!important}
html[data-nexakor-theme="veltria-oscuro"] #page .nx-v400-section-strip,
html[data-nexakor-theme="ejecutivo"] #page .nx-v400-section-strip{padding:3px!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important}
html[data-nexakor-theme="veltria-oscuro"] #page .nx-v400-section-tab,
html[data-nexakor-theme="ejecutivo"] #page .nx-v400-section-tab{
  color:#d7e2f0!important;background:rgba(255,255,255,.035)!important;border-color:rgba(148,163,184,.13)!important;border-radius:9px!important
}
html[data-nexakor-theme="veltria-oscuro"] #page .nx-v400-section-tab:hover,
html[data-nexakor-theme="ejecutivo"] #page .nx-v400-section-tab:hover{color:#fff!important;background:color-mix(in srgb,var(--primary) 14%,var(--surface2) 86%)!important;border-color:color-mix(in srgb,var(--primary) 34%,var(--line2) 66%)!important}
html[data-nexakor-theme="veltria-oscuro"] #page .nx-v400-section-tab.active,
html[data-nexakor-theme="ejecutivo"] #page .nx-v400-section-tab.active{
  color:#f8fafc!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 24%,var(--surface2) 76%),color-mix(in srgb,var(--primary2) 16%,var(--surface) 84%))!important;
  border-color:color-mix(in srgb,var(--primary) 52%,var(--line2) 48%)!important;box-shadow:inset 0 -2px 0 var(--primary)!important
}
html[data-nexakor-theme="veltria-oscuro"] #page .nx-v400-section-more>.btn,
html[data-nexakor-theme="ejecutivo"] #page .nx-v400-section-more>.btn{background:var(--surface2)!important;color:var(--ink)!important;border-color:var(--line2)!important;border-radius:9px!important}

/* E. Dark sidebar/menu: one coherent palette regardless of sidebar variant.
   Icons keep their canonical accents, while containers and text follow theme. */
html[data-nexakor-theme="veltria-oscuro"] .sidebar,
html[data-nexakor-theme="ejecutivo"] .sidebar{
  background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--primary) 11%,transparent),transparent 30%),linear-gradient(180deg,var(--nav),color-mix(in srgb,var(--nav2) 92%,#000 8%))!important;
  color:var(--on-nav)!important;border-right:1px solid color-mix(in srgb,var(--line2) 72%,var(--primary) 28%)!important
}
html[data-nexakor-theme="veltria-oscuro"] .sidebar .nav-group-toggle,
html[data-nexakor-theme="ejecutivo"] .sidebar .nav-group-toggle{color:color-mix(in srgb,var(--on-nav) 70%,var(--nav-muted) 30%)!important}
html[data-nexakor-theme="veltria-oscuro"] .sidebar .nav-item,
html[data-nexakor-theme="ejecutivo"] .sidebar .nav-item{color:color-mix(in srgb,var(--on-nav) 91%,var(--nav-muted) 9%)!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;text-shadow:none!important}
html[data-nexakor-theme="veltria-oscuro"] .sidebar .nav-item:hover,
html[data-nexakor-theme="ejecutivo"] .sidebar .nav-item:hover{color:#fff!important;background:color-mix(in srgb,var(--primary) 10%,var(--nav2) 90%)!important;border-color:color-mix(in srgb,var(--primary) 20%,transparent)!important;transform:none!important}
html[data-nexakor-theme="veltria-oscuro"] .sidebar .nav-item.active,
html[data-nexakor-theme="ejecutivo"] .sidebar .nav-item.active{color:#fff!important;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 22%,var(--nav2) 78%),color-mix(in srgb,var(--primary2) 12%,var(--nav2) 88%))!important;border-color:color-mix(in srgb,var(--primary) 36%,transparent)!important;box-shadow:inset 3px 0 var(--primary)!important}
html[data-nexakor-theme="veltria-oscuro"] .sidebar .nx433-icon-wrap,
html[data-nexakor-theme="ejecutivo"] .sidebar .nx433-icon-wrap{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important}

@media(max-width:900px){
  .dashboard-v384 .dash-v384-actions select[data-dash-workspace]{min-width:128px!important;max-width:165px!important}
  html[data-nexakor-theme="veltria-oscuro"] #page :is(.nx-v354-routebar,.nx-v381-root-commandbar),html[data-nexakor-theme="ejecutivo"] #page :is(.nx-v354-routebar,.nx-v381-root-commandbar){border-radius:12px!important}
}

/* Dark generic tabs (report catalog and non-route tabs) use the same accessible palette. */
html[data-nexakor-theme="veltria-oscuro"] #page :is(.tabs .tab.active,.tab.active),
html[data-nexakor-theme="ejecutivo"] #page :is(.tabs .tab.active,.tab.active){color:#f8fafc!important;background:color-mix(in srgb,var(--primary) 20%,var(--surface2) 80%)!important;border-color:color-mix(in srgb,var(--primary) 45%,var(--line2) 55%)!important}
html:is([data-nav-family="dock"],[data-nav-mode="flowdock"]) .nx-v426-dock .nx-v430-dock-group>em{font-size:9.5px!important;line-height:1.15!important}


/* Phase 14 R10E residual closure: FlowDock variant-A labels must use the same
   readable light-theme token as variant C. */
html[data-nexakor-theme="veltria-claro"][data-nav-variant="a"] .nx-v426-dock .nx-v426-module span:last-child,
html[data-nexakor-theme="industrial"][data-nav-variant="a"] .nx-v426-dock .nx-v426-module span:last-child{
  color:#1e293b!important;opacity:1!important;font-weight:750!important;text-shadow:0 1px 0 rgba(255,255,255,.72)!important
}

/* Dark status pills: never inherit the generic light foreground over the old
   light badge backgrounds. These tokens are systemic across all data grids. */
html[data-nexakor-theme="veltria-oscuro"] #page .pill,
html[data-nexakor-theme="ejecutivo"] #page .pill{background:#223047!important;color:#edf4ff!important;border:1px solid #3b4c67!important}
html[data-nexakor-theme="veltria-oscuro"] #page .pill.success,
html[data-nexakor-theme="ejecutivo"] #page .pill.success{background:#123b32!important;color:#baf7df!important;border-color:#20604f!important}
html[data-nexakor-theme="veltria-oscuro"] #page .pill.warning,
html[data-nexakor-theme="ejecutivo"] #page .pill.warning{background:#4a3612!important;color:#ffe6a3!important;border-color:#76561a!important}
html[data-nexakor-theme="veltria-oscuro"] #page .pill.danger,
html[data-nexakor-theme="ejecutivo"] #page .pill.danger{background:#491f2a!important;color:#ffd1db!important;border-color:#743245!important}
