/* ============================================================================
   STRONG LMB 360 V18.2.35 — AUTO-HIDE HEADER SMART NAVIGATION + VISUAL CLEANUP
   Capa visual quirúrgica: mueve la orientación al encabezado y reduce ruido visual.
   No elimina funcionalidades ni modifica motores.
   ============================================================================ */
:root{
  --v18235-header-h: 44px;
  --v18235-header-bg: rgba(248,250,252,.94);
  --v18235-header-border: rgba(148,163,184,.22);
  --v18235-header-text: #0f172a;
  --v18235-header-muted: #64748b;
  --v18235-header-accent: #b68b2f;
}
body.dark, body.theme-dark, .dark{
  --v18235-header-bg: rgba(15,23,42,.94);
  --v18235-header-border: rgba(148,163,184,.20);
  --v18235-header-text: #e5e7eb;
  --v18235-header-muted: #94a3b8;
  --v18235-header-accent: #d6b75e;
}
body:not(.login-active) .topbar{
  min-height: var(--v18235-header-h) !important;
  height: var(--v18235-header-h) !important;
  padding: 6px 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 900 !important;
  background: var(--v18235-header-bg) !important;
  border-bottom: 1px solid var(--v18235-header-border) !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.06) !important;
  transition: transform .22s ease, opacity .18s ease, box-shadow .18s ease !important;
}
body:not(.login-active).strong-v18235-header-autohide:not(.strong-v18235-header-open) .topbar{
  transform: translateY(calc(-100% + 4px)) !important;
  opacity: .18 !important;
  box-shadow:none !important;
}
body:not(.login-active).strong-v18235-header-autohide:not(.strong-v18235-header-open) .topbar:hover,
body:not(.login-active).strong-v18235-header-open .topbar{
  transform: translateY(0) !important;
  opacity: 1 !important;
}
#strong-header-hover-zone-v18235{
  position: fixed;
  top:0; left:0; right:0;
  height: 16px;
  z-index: 899;
  pointer-events:auto;
  background: transparent;
}
body.login-active #strong-header-hover-zone-v18235{display:none!important;}
/* El encabezado queda como una barra compacta de empresa + ruta + navegación. */
body:not(.login-active) .topbar .topbar-title{
  min-width:0 !important;
  flex: 1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
body:not(.login-active) .topbar #page-title{
  display:none !important;
}
body:not(.login-active) .topbar #breadcrumb{
  display:none !important;
}
body:not(.login-active) .topbar .topbar-actions{
  flex: 0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
body:not(.login-active) .topbar #institution-pill{
  display:none !important;
}
.strong-header-smart-nav-v18235{
  width:100%;
  display:grid;
  grid-template-columns: minmax(180px, 280px) minmax(220px, 1fr) auto;
  align-items:center;
  gap:12px;
  color:var(--v18235-header-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.strong-header-smart-nav-v18235 .sh-company{
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--v18235-header-text);
}
.strong-header-smart-nav-v18235 .sh-route{
  font-size:12px;
  font-weight:700;
  color:var(--v18235-header-muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.strong-header-smart-nav-v18235 .sh-route strong{color:var(--v18235-header-text);font-weight:800;}
.strong-header-smart-nav-v18235 .sh-controls{
  display:flex;
  align-items:center;
  gap:6px;
  justify-content:flex-end;
  white-space:nowrap;
}
.strong-header-smart-nav-v18235 .sh-step{
  font-size:11px;
  font-weight:800;
  color:var(--v18235-header-muted);
  padding:4px 8px;
  border:1px solid var(--v18235-header-border);
  border-radius:999px;
  background:rgba(255,255,255,.50);
}
body.dark .strong-header-smart-nav-v18235 .sh-step,
body.theme-dark .strong-header-smart-nav-v18235 .sh-step,
.dark .strong-header-smart-nav-v18235 .sh-step{background:rgba(15,23,42,.40);}
.strong-header-smart-nav-v18235 .sh-btn{
  border:1px solid var(--v18235-header-border);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:var(--v18235-header-text);
  padding:5px 9px;
  min-height:28px;
  font-size:11.5px;
  font-weight:800;
  cursor:pointer;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.strong-header-smart-nav-v18235 .sh-btn:hover{transform:translateY(-1px); box-shadow:0 6px 14px rgba(15,23,42,.10);}
.strong-header-smart-nav-v18235 .sh-btn:disabled{opacity:.42; cursor:not-allowed; transform:none; box-shadow:none;}
.strong-header-smart-nav-v18235 .sh-btn.sh-home{color:var(--v18235-header-accent);}
body.dark .strong-header-smart-nav-v18235 .sh-btn,
body.theme-dark .strong-header-smart-nav-v18235 .sh-btn,
.dark .strong-header-smart-nav-v18235 .sh-btn{background:rgba(15,23,42,.45);}
/* El navegador anterior ya no debe ocupar espacio dentro de las pantallas. */
#content-area > .smart-flow-v18230,
main > .smart-flow-v18230,
.smart-flow-v18230:not(.strong-header-smart-nav-v18235){
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
/* Limpieza visual conservadora: reducir ruido sin ocultar funciones operativas. */
body:not(.login-active) :is(.debug-panel,.dev-panel,.test-debug,.console-debug,.legacy-debug,.floating-debug,.runtime-debug,.v18230-debug,.v18231-debug){
  display:none !important;
}
body:not(.login-active) :is(.card,.panel,.module-card,.admin-card,.metric-card,.kpi-card){
  box-shadow: 0 12px 30px rgba(15,23,42,.055) !important;
}
body:not(.login-active) :is(.card,.panel,.module-card,.admin-card){
  border-color: rgba(148,163,184,.18) !important;
}
body:not(.login-active) :is(.module-header,.section-header,.admin-command-hero,.parameters-header){
  margin-top: 0 !important;
}
body:not(.login-active) #content-area{
  padding-top: 10px !important;
}
/* Evitar que avisos técnicos secundarios se impongan sobre el contenido. */
body:not(.login-active) :is(.certification-raw-json,.diagnostic-json,.technical-json,.copy-json-output){
  max-height: 180px !important;
  overflow:auto !important;
  opacity:.92;
}
@media (max-width: 980px){
  .strong-header-smart-nav-v18235{grid-template-columns:1fr auto;gap:8px;}
  .strong-header-smart-nav-v18235 .sh-route{grid-column:1 / -1;order:3;text-align:left;font-size:11px;}
  .strong-header-smart-nav-v18235 .sh-company{font-size:12px;}
  .strong-header-smart-nav-v18235 .sh-btn{padding:5px 7px;font-size:11px;}
  .strong-header-smart-nav-v18235 .sh-step{display:none;}
}
@media (prefers-reduced-motion: reduce){
  body:not(.login-active) .topbar,
  .strong-header-smart-nav-v18235 .sh-btn{transition:none!important;}
}
@media print{
  #strong-header-hover-zone-v18235,
  .strong-header-smart-nav-v18235{display:none!important;}
  body:not(.login-active) .topbar{display:none!important;}
}