/* Ajustes propios del ERP sobre AdminLTE v4 / Bootstrap 5.
   Mantener al minimo: preferir las utilidades de Bootstrap antes que CSS a mano. */

/* =====================================================================
   Paleta de marca Interbandas
   - Primario  #3f4444 (carbon): botones, enlaces, badges primarios, progreso.
   - Acento    #ff7500 (naranja): marca y elemento activo del menu lateral.
   La paleta se aplica por overrides de variables CSS de Bootstrap (sin
   recompilar SASS), coherente con los assets vendorizados.
   ===================================================================== */
:root {
  --bs-primary: #3f4444;
  --bs-primary-rgb: 63, 68, 68;
  --bs-link-color: #3f4444;
  --bs-link-color-rgb: 63, 68, 68;
  --bs-link-hover-color: #2f3333;
  --bs-link-hover-color-rgb: 47, 51, 51;

  /* Acento de marca (no se mapea a 'secondary' de Bootstrap, que se usa como
     gris neutro en badges/botones de cancelar). */
  --ibs-accent: #ff7500;
  --ibs-accent-rgb: 255, 117, 0;
  --ibs-accent-hover: #e66900;
}

/* Botones primarios = carbon */
.btn-primary {
  --bs-btn-bg: #3f4444;
  --bs-btn-border-color: #3f4444;
  --bs-btn-hover-bg: #343939;
  --bs-btn-hover-border-color: #2f3333;
  --bs-btn-active-bg: #2f3333;
  --bs-btn-active-border-color: #2f3333;
  --bs-btn-disabled-bg: #3f4444;
  --bs-btn-disabled-border-color: #3f4444;
}
.btn-outline-primary {
  --bs-btn-color: #3f4444;
  --bs-btn-border-color: #3f4444;
  --bs-btn-hover-bg: #3f4444;
  --bs-btn-hover-border-color: #3f4444;
  --bs-btn-active-bg: #2f3333;
  --bs-btn-active-border-color: #2f3333;
}

/* Boton de accion destacada en acento de marca (uso puntual: .btn-accent) */
.btn-accent {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--ibs-accent);
  --bs-btn-border-color: var(--ibs-accent);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ibs-accent-hover);
  --bs-btn-hover-border-color: var(--ibs-accent-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ibs-accent-hover);
  --bs-btn-active-border-color: var(--ibs-accent-hover);
}
.text-accent { color: var(--ibs-accent) !important; }
.bg-accent { background-color: var(--ibs-accent) !important; }

/* =====================================================================
   Marca y menu lateral (AdminLTE, sidebar oscuro)
   ===================================================================== */
/* El logo "ibs" es oscuro; sobre el sidebar oscuro va en un chip claro
   para que siempre sea legible. */
.sidebar-brand .brand-image {
  height: 33px;
  width: auto;
  background: #fff;
  border-radius: 6px;
  padding: 3px;
  margin-right: .5rem;
}
.sidebar-brand .brand-text {
  color: #f8f9fa;
}

/* Elemento activo del menu: acento de marca (barra naranja + tinte),
   accesible: texto claro sobre fondo oscuro tintado. */
.app-sidebar .sidebar-menu .nav-link.active {
  background-color: rgba(var(--ibs-accent-rgb), 0.18);
  box-shadow: inset 3px 0 0 var(--ibs-accent);
  color: #fff;
}
.app-sidebar .sidebar-menu .nav-link.active .nav-icon {
  color: var(--ibs-accent);
}

/* Jerarquia del menu: cada nivel de submodulo se indenta a la izquierda (un
   "tab") para no confundir modulos con submodulos. Nivel 1 = modulos (sangria
   por defecto de AdminLTE); nivel 2 = submodulos; nivel 3 = sub-submodulos.
   Una guia vertical tenue refuerza la agrupacion de cada rama. */
.app-sidebar .sidebar-menu .nav-treeview > .nav-item > .nav-link {
  padding-left: 2.25rem;
}
.app-sidebar .sidebar-menu .nav-treeview .nav-treeview > .nav-item > .nav-link {
  padding-left: 3.35rem;
}
.app-sidebar .sidebar-menu .nav-treeview {
  position: relative;
}
.app-sidebar .sidebar-menu .nav-treeview::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.25rem;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.app-sidebar .sidebar-menu .nav-treeview .nav-treeview::before {
  left: 2.35rem;
}

/* =====================================================================
   Utilidades propias
   ===================================================================== */
/* Celdas de tabla con acciones alineadas a la derecha. */
.table .col-acciones {
  width: 1%;
  white-space: nowrap;
}

/* Que los badges de estado no salten de linea. */
.badge {
  white-space: nowrap;
}

/* =====================================================================
   Vista de noche (modo oscuro)
   El primario carbon (#3f4444) sirve como FONDO (con texto blanco) en ambos
   temas, pero como TEXTO/borde solo es legible sobre fondo claro; en oscuro se
   sustituye por tonos claros para no romper el contraste (WCAG AA).
   ===================================================================== */
[data-bs-theme="dark"] {
  --bs-link-color: #e9ecef;
  --bs-link-color-rgb: 233, 236, 239;
  --bs-link-hover-color: #ff7500;
  --bs-link-hover-color-rgb: 255, 117, 0;
}
[data-bs-theme="dark"] .text-primary {
  color: #e9ecef !important;
}
[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #e9ecef;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-bg: #3f4444;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: #3f4444;
  --bs-btn-active-bg: #2f3333;
  --bs-btn-active-border-color: #2f3333;
}
/* En oscuro el login va sobre fondo oscuro: el logo "ibs" (oscuro) necesita
   chip claro para leerse (en claro no hace falta). */
[data-bs-theme="dark"] .login-logo img {
  background: #fff;
  border-radius: 8px;
  padding: 4px;
}