/* STRONGLMB360 V13.2 — Premium Visual System & UX Refinement
   Conservative visual layer: no business logic changes. Loaded last to harmonize UI. */
:root{
  --v132-bg:#07111f;
  --v132-panel:rgba(12,24,42,.92);
  --v132-panel-soft:rgba(17,32,53,.82);
  --v132-border:rgba(212,175,55,.18);
  --v132-border-soft:rgba(255,255,255,.08);
  --v132-gold:#d8b45a;
  --v132-gold-soft:#f0d98d;
  --v132-text:#eef4ff;
  --v132-muted:#9fb2cc;
  --v132-shadow:0 24px 70px rgba(0,0,0,.32);
  --v132-radius:22px;
  --v132-radius-sm:14px;
}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 18% 12%, rgba(216,180,90,.12), transparent 31%),
    radial-gradient(circle at 88% 8%, rgba(47,108,176,.16), transparent 35%),
    linear-gradient(135deg,#06101e 0%,#09182a 55%,#07111f 100%) !important;
  color:var(--v132-text);
  letter-spacing:.01em;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 85%);
}
.app{background:transparent !important;}
.sidebar{
  background:linear-gradient(180deg,rgba(7,17,31,.98),rgba(9,23,39,.94)) !important;
  border-right:1px solid var(--v132-border) !important;
  box-shadow:18px 0 60px rgba(0,0,0,.22);
}
.brand{padding:20px 18px 16px !important; border-bottom:1px solid var(--v132-border-soft);}
.brand-mark{
  background:linear-gradient(135deg,var(--v132-gold-soft),var(--v132-gold)) !important;
  color:#07111f !important; box-shadow:0 14px 32px rgba(216,180,90,.26);
}
.brand-text h1{letter-spacing:.06em !important;}
.brand-text small,.sidebar-footer{color:var(--v132-muted) !important;}
.nav{padding:14px 12px !important;}
.nav-section-title{color:var(--v132-gold-soft) !important; opacity:.9; letter-spacing:.12em;}
.nav button,.nav a,.nav .nav-item{
  border-radius:14px !important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.nav button:hover,.nav a:hover,.nav .nav-item:hover{
  transform:translateX(2px);
  background:rgba(216,180,90,.10) !important;
  border-color:rgba(216,180,90,.25) !important;
}
.nav button.active,.nav a.active,.nav .active{
  background:linear-gradient(135deg,rgba(216,180,90,.22),rgba(64,121,190,.14)) !important;
  border:1px solid rgba(216,180,90,.34) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.main{background:transparent !important;}
.topbar{
  background:rgba(7,17,31,.72) !important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--v132-border-soft) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.14);
}
.breadcrumb{color:var(--v132-muted) !important;}
#page-title{font-weight:750 !important; letter-spacing:-.025em;}
.pill,.badge,.status-pill{
  border-radius:999px !important;
  border:1px solid rgba(216,180,90,.25) !important;
  background:rgba(216,180,90,.10) !important;
  color:var(--v132-gold-soft) !important;
}
#content-area{padding:24px !important;}
.card,.panel,.module-card,.metric-card,.kpi-card,.dashboard-card,.strong-card,.report-card,
[class*="card"], [class*="panel"]{
  border-radius:var(--v132-radius) !important;
  border:1px solid var(--v132-border-soft) !important;
  background:linear-gradient(180deg,rgba(16,31,52,.90),rgba(10,22,39,.86)) !important;
  box-shadow:var(--v132-shadow) !important;
}
.metric-card,.kpi-card,[class*="kpi"],[class*="metric"]{
  position:relative; overflow:hidden;
}
.metric-card::after,.kpi-card::after{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--v132-gold),transparent);
  opacity:.75;
}
button,.btn,.button,input[type="button"],input[type="submit"]{
  border-radius:14px !important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
button:hover,.btn:hover,.button:hover{transform:translateY(-1px); filter:brightness(1.06);}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(216,180,90,.42) !important; outline-offset:2px;
}
input,select,textarea{
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(5,14,26,.72) !important;
  color:var(--v132-text) !important;
}
input::placeholder,textarea::placeholder{color:rgba(159,178,204,.72) !important;}
table{border-collapse:separate !important; border-spacing:0 !important; overflow:hidden; border-radius:16px !important;}
th{background:rgba(216,180,90,.12) !important; color:var(--v132-gold-soft) !important; letter-spacing:.04em;}
td,th{border-color:rgba(255,255,255,.08) !important;}
.modal,.strong-help-panel{
  border-radius:24px !important;
  border:1px solid rgba(216,180,90,.24) !important;
  background:linear-gradient(180deg,rgba(13,27,46,.98),rgba(7,17,31,.98)) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.48) !important;
}
.toast-stack{z-index:9999 !important;}
.toast-stack > *{border-radius:16px !important; box-shadow:0 14px 40px rgba(0,0,0,.28) !important;}
.strong-help-launcher{
  border-radius:999px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.30) !important;
}
.intro-v10{
  background:
    radial-gradient(circle at 20% 15%, rgba(216,180,90,.18), transparent 32%),
    radial-gradient(circle at 75% 10%, rgba(45,112,190,.18), transparent 33%),
    linear-gradient(135deg,#06101e,#0a1a2e 58%,#07111f) !important;
}
.intro-login-card,.intro-brand-panel{
  border-radius:30px !important;
  border:1px solid rgba(216,180,90,.22) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.34) !important;
  background:linear-gradient(180deg,rgba(13,28,49,.86),rgba(8,18,33,.78)) !important;
}
.login-button{
  background:linear-gradient(135deg,var(--v132-gold-soft),var(--v132-gold)) !important;
  color:#07111f !important;
  font-weight:800 !important;
  box-shadow:0 18px 45px rgba(216,180,90,.24) !important;
}
.login-help,.login-help-note{color:var(--v132-muted) !important;}
.intro-description{max-width:720px; line-height:1.65 !important; color:var(--v132-muted) !important;}
.login-footer{color:rgba(238,244,255,.76) !important;}
/* Ocultar/neutralizar residuos visuales de versiones viejas sin eliminar funciones */
[class*="watermark"],[id*="watermark"],.v126-demo-watermark,.v101-watermark,.floating-debug,.debug-floating,.legacy-banner,
[class*="floating"][class*="certification"],[class*="floating"][class*="commercial"]{display:none !important;}
[data-v132-premium-hidden="true"]{display:none !important;}
@media (max-width: 1100px){
  .app{display:block !important;}
  .sidebar{position:relative !important; width:100% !important; min-height:auto !important;}
  .main{width:100% !important;}
  #content-area{padding:18px !important;}
}
@media (max-width: 720px){
  .intro-shell{grid-template-columns:1fr !important; padding:18px !important;}
  .intro-feature-row{grid-template-columns:1fr 1fr !important;}
  .topbar{align-items:flex-start !important; gap:12px; flex-direction:column !important;}
  .topbar-actions{width:100%; flex-wrap:wrap;}
  #content-area{padding:14px !important;}
  .card,.panel,.module-card,.metric-card,.kpi-card,[class*="card"],[class*="panel"]{border-radius:18px !important;}
}
@media print{
  .sidebar,.topbar-actions,.strong-help-launcher,.toast-stack{display:none !important;}
  .main,#content-area{padding:0 !important; background:white !important; color:#111 !important;}
}