/* ============================================================================
   STRONG LMB 360 V18.2.34 — VISIBLE APPLICATION FIX
   Objetivo: asegurar que el sistema visual maestro se vea realmente en pantallas
   dinámicas. Capa CSS final, no funcional, no altera cálculos ni renderizado.
   ============================================================================ */
:root{
  --v18234-bg-1:#fbf8f1;
  --v18234-bg-2:#f3ead8;
  --v18234-card:rgba(255,255,255,.92);
  --v18234-card-2:rgba(250,252,251,.86);
  --v18234-ink:#17211d;
  --v18234-muted:#53615b;
  --v18234-gold:#c9a227;
  --v18234-green:#0d3b2e;
  --v18234-border:rgba(13,59,46,.14);
  --v18234-shadow:0 16px 38px rgba(15,23,42,.075);
  --v18234-shadow-soft:0 9px 24px rgba(15,23,42,.055);
}
body:not(.login-active){
  background:linear-gradient(180deg,var(--v18234-bg-1),var(--v18234-bg-2)) !important;
  color:var(--v18234-ink) !important;
}
body:not(.login-active) :is(.app,.app-shell,#app,.main,.main-content,.content,#content-area){
  background:transparent !important;
}
body:not(.login-active) #content-area{
  padding-top:18px !important;
}
/* Encabezados: más ejecutivos y consistentes */
body:not(.login-active) :is(.module-header,.page-header,.screen-header,.section-header,.admin-hero,.strong-v1812-hero){
  border:1px solid rgba(13,59,46,.13) !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,243,230,.88)) !important;
  box-shadow:var(--v18234-shadow-soft) !important;
  padding:18px 20px !important;
}
body:not(.login-active) :is(h1,h2,h3,h4){
  letter-spacing:-.02em !important;
}
body:not(.login-active) :is(.muted,.small,small,p){
  line-height:1.58 !important;
}
/* Tarjetas reales del sistema */
body:not(.login-active) :is(.card,.strong-v1812-card,.admin-card,.module-card,.metric-card,.kpi-card,.panel,.testlab-card,.academy-card,.governance-card,.ratio-card,.financial-card,.diagnostic-card,[data-parameters-card="true"]){
  border:1px solid var(--v18234-border) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,var(--v18234-card),var(--v18234-card-2)) !important;
  box-shadow:var(--v18234-shadow-soft) !important;
  overflow:hidden;
}
body:not(.login-active) :is(.card,.strong-v1812-card,.admin-card,.module-card,.metric-card,.kpi-card,.panel,.testlab-card,.academy-card,.governance-card,.ratio-card,.financial-card,.diagnostic-card,[data-parameters-card="true"]):hover{
  border-color:rgba(201,162,39,.32) !important;
  box-shadow:var(--v18234-shadow) !important;
}
body:not(.login-active) :is(.card-title,.section-head,.module-head){
  border-bottom:1px solid rgba(13,59,46,.08) !important;
  padding-bottom:10px !important;
  margin-bottom:14px !important;
}
body:not(.login-active) :is(.card-title h3,.card-title h4,.section-head h3,.module-head h3){
  color:var(--v18234-green) !important;
}
/* Grids y separación */
body:not(.login-active) :is(.grid,.strong-v1812-grid,.cards-grid,.kpi-grid,.metrics-grid,.module-grid){
  gap:18px !important;
}
body:not(.login-active) .card + .card,
body:not(.login-active) .strong-v1812-card + .strong-v1812-card,
body:not(.login-active) [data-parameters-card="true"] + [data-parameters-card="true"]{
  margin-top:16px !important;
}
/* Botones visibles y consistentes */
body:not(.login-active) :is(button,.btn,.sf-btn){
  border-radius:999px !important;
  font-weight:800 !important;
  letter-spacing:.005em !important;
}
body:not(.login-active) :is(.btn-primary,button.btn-primary,.sf-btn.primary,[data-v1812-nav]){
  background:linear-gradient(135deg,var(--v18234-green),#145b47) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 24px rgba(13,59,46,.16) !important;
}
body:not(.login-active) :is(.btn-ghost,.sf-btn:not(.primary)){
  background:rgba(255,255,255,.72) !important;
  color:var(--v18234-green) !important;
  border:1px solid rgba(13,59,46,.16) !important;
}
body:not(.login-active) :is(button,.btn,.sf-btn):hover{
  transform:translateY(-1px);
}
/* Formularios: Parámetros y configuración */
body:not(.login-active) :is(input,select,textarea){
  border-radius:14px !important;
  border:1px solid rgba(13,59,46,.18) !important;
  background:rgba(255,255,255,.88) !important;
  color:var(--v18234-ink) !important;
}
body:not(.login-active) :is(input:focus,select:focus,textarea:focus){
  outline:3px solid rgba(201,162,39,.18) !important;
  border-color:rgba(201,162,39,.65) !important;
}
body:not(.login-active) :is(.tabs,.parameters-tabs,.tab-row){
  gap:8px !important;
  flex-wrap:wrap !important;
}
body:not(.login-active) :is(.tab,.tab-btn,.tabs button,.parameters-tabs button){
  border-radius:999px !important;
  border:1px solid rgba(13,59,46,.14) !important;
  background:rgba(255,255,255,.66) !important;
}
body:not(.login-active) :is(.tab.active,.tab-btn.active,.tabs button.active,.parameters-tabs button.active){
  background:linear-gradient(135deg,var(--v18234-green),#145b47) !important;
  color:#fff !important;
  border-color:transparent !important;
}
/* Tablas financieras */
body:not(.login-active) table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
}
body:not(.login-active) :is(th,td){
  border-color:rgba(13,59,46,.10) !important;
}
body:not(.login-active) th{
  background:rgba(13,59,46,.07) !important;
  color:var(--v18234-green) !important;
  font-weight:900 !important;
}
/* Badges */
body:not(.login-active) :is(.badge,.pill,.strong-v1812-pill,#institution-pill){
  border-radius:999px !important;
  font-weight:900 !important;
  border:1px solid rgba(13,59,46,.12) !important;
}
/* Navegador inteligente discreto, pero visible */
body:not(.login-active) .smart-flow-v18230{
  border:1px solid rgba(13,59,46,.13) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,243,230,.74)) !important;
  box-shadow:0 9px 24px rgba(15,23,42,.055) !important;
  padding:10px 12px !important;
  margin:0 0 14px 0 !important;
}
body:not(.login-active) .smart-flow-v18230 .sf-title{
  color:var(--v18234-green) !important;
  font-size:12px !important;
  font-weight:900 !important;
}
body:not(.login-active) .smart-flow-v18230 .sf-crumb,
body:not(.login-active) .smart-flow-v18230 .sf-reco{
  color:var(--v18234-muted) !important;
  font-size:12px !important;
}
/* Centro Administrativo 360: aspecto de centro de mando */
body:not(.login-active) .strong-v1812-kicker{
  color:var(--v18234-gold) !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}
body:not(.login-active) .strong-v1812-source,
body:not(.login-active) .strong-v1812-warning{
  border-radius:16px !important;
  border:1px solid rgba(201,162,39,.18) !important;
  background:rgba(201,162,39,.08) !important;
}
/* Dark mode */
body.dark:not(.login-active),
.dark body:not(.login-active){
  --v18234-bg-1:#0f172a;
  --v18234-bg-2:#111827;
  --v18234-card:rgba(15,23,42,.88);
  --v18234-card-2:rgba(17,24,39,.82);
  --v18234-ink:#e5e7eb;
  --v18234-muted:#a7b2c2;
  --v18234-border:rgba(148,163,184,.20);
}
body.dark:not(.login-active) :is(.card,.strong-v1812-card,.admin-card,.module-card,.metric-card,.kpi-card,.panel,[data-parameters-card="true"]),
.dark body:not(.login-active) :is(.card,.strong-v1812-card,.admin-card,.module-card,.metric-card,.kpi-card,.panel,[data-parameters-card="true"]){
  background:linear-gradient(180deg,var(--v18234-card),var(--v18234-card-2)) !important;
  border-color:var(--v18234-border) !important;
}
body.dark:not(.login-active) :is(input,select,textarea),
.dark body:not(.login-active) :is(input,select,textarea){
  background:rgba(15,23,42,.78) !important;
  color:#e5e7eb !important;
}
@media(max-width:760px){
  body:not(.login-active) #content-area{padding-left:12px!important;padding-right:12px!important;}
  body:not(.login-active) :is(.card,.strong-v1812-card,[data-parameters-card="true"]){border-radius:18px!important;}
}