/* SicGH Modern Light Theme (override SB Admin)
   - Moderniza tarjetas/tablas/formularios
   - Mantiene colores originales de la barra superior y lateral
*/

:root{
  --ml-bg1:#f8fafc;
  --ml-bg2:#eef2ff;
  --ml-surface2:rgba(255,255,255,.78);
  --ml-border:rgba(15,23,42,.10);
  --ml-text:#0f172a;
  --ml-muted:rgba(15,23,42,.65);
  --ml-shadow: 0 18px 50px rgba(15,23,42,.10);
  --ml-radius:16px;
}

html, body{ height:100%; }
body{
  background:
    radial-gradient(1200px 700px at 10% 10%, rgba(59,130,246,.12), transparent 60%),
    radial-gradient(900px 600px at 90% 20%, rgba(168,85,247,.10), transparent 55%),
    linear-gradient(180deg, var(--ml-bg1), var(--ml-bg2));
  color: var(--ml-text);

  /* Layout para footer al final sin huecos */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Estructura: asegura altura completa para empujar el footer al final */
#wrapper{
  flex: 1 0 auto;
  min-height: 0;
}

/* Content wrapper */
#content-wrapper{
  background: transparent !important;
  /* Sticky footer real: el footer queda abajo aunque haya poco contenido */
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

#content-wrapper > .container-fluid{
  flex: 1 0 auto;
}

.sticky-footer{
  position: relative !important;
  bottom: auto !important;
  margin-top: auto;
}

/* Breadcrumb */
.breadcrumb{
  border: 1px solid var(--ml-border);
  border-radius: 14px;
  background: rgba(255,255,255,.75);
}
.breadcrumb .breadcrumb-item a{ color: var(--ml-text); }
.breadcrumb .breadcrumb-item.active{ color: var(--ml-muted); }

/* Cards */
.card{
  border: 1px solid var(--ml-border);
  border-radius: var(--ml-radius);
  box-shadow: var(--ml-shadow);
  background: var(--ml-surface2);
}
.card-header{
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(15,23,42,.08);
}


/* Tables */
.table thead th{ border-top:0; color: rgba(15,23,42,.85); }
.table td{ color: rgba(15,23,42,.88); }
.table-hover tbody tr:hover{ background: rgba(15,23,42,.03); }

/* Forms */
.form-control{
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.92);
  color: var(--ml-text);
}
.form-control:focus{
  border-color: rgba(59,130,246,.55);
  box-shadow: 0 0 0 .2rem rgba(59,130,246,.16);
}

/* Buttons */
.btn{ border-radius: 12px; }

/* Modals */
.modal-content{
  border-radius: 16px;
  border: 1px solid var(--ml-border);
}

/* Small text */
.text-muted, .small.text-muted{ color: var(--ml-muted) !important; }