.left_col {
  background: var(--color-sidebar-bg);
}

/* Barra superior del logo "NuvySoft" (custom.css:1346-1353, era #2a3f54 —
   selector aparte de .left_col, por eso quedaba con el color viejo). */
.nav_title {
  background: var(--color-sidebar-bg);
}

/* Zona profunda (pie del sidebar). El contenedor .sidebar-footer (custom.css:2926-2934)
   tenía su propio fondo #2a3f54, pero los <a> de cada ícono (custom.css:2936-2948)
   son los que realmente se ven (flotan y cubren todo el ancho/alto), con su
   propio fondo #172d44 — hay que pisar ambos, si no el contenedor no se nota. */
.sidebar-footer {
  background: var(--color-sidebar-bg-deep);
}
.sidebar-footer a {
  background: var(--color-sidebar-bg-deep);
}
.sidebar-footer a:hover {
  background: var(--color-sidebar-hover);
}

/* Texto de los ítems del menú (custom.css:1846-1850, color:#e7e7e7) */
.nav.side-menu > li > a,
.nav.child_menu > li > a {
  color: var(--color-sidebar-text);
}

/* Hover de ítems de primer nivel (custom.css:1796, tenía !important) */
.nav.side-menu > li > a:hover {
  color: var(--color-sidebar-text-active) !important;
  background: var(--color-sidebar-hover);
}

/* Hover / activo de submenú (custom.css:1810-1813, unificaba ambos en un mismo valor) */
.nav.child_menu li:hover {
  background-color: var(--color-sidebar-hover);
}
.nav.child_menu li.active {
  background-color: var(--color-sidebar-active);
}
.nav li.current-page {
  background: var(--color-sidebar-active);
}

/* Texto activo (custom.css:1859, 1882 — ya eran blancos, se deja explícito) */
.nav.child_menu li li a:hover,
.nav.child_menu li li a.active,
.nav li li.current-page a {
  color: var(--color-sidebar-text-active);
}

/* Indicador del ítem activo (custom.css:1868-1870, usaba el teal #1abb9c) */
.nav.side-menu > li.current-page,
.nav.side-menu > li.active {
  border-right: 5px solid var(--color-accent);
}

/* Conectores del árbol de submenú expandido (custom.css:1819-1834, #425668) */
.nav-md ul.nav.child_menu li:before {
  background: var(--color-sidebar-border);
}
.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid var(--color-sidebar-border);
}

/* Etiqueta de sección — nombre de sucursal (custom.css:1194-1203, era blanco con text-shadow) */
.menu_section h3 {
  color: var(--color-sidebar-label);
  text-shadow: none;
}

/* Bloque de perfil en el sidebar (custom.css:1233-1243) */
.profile_info span {
  color: var(--color-sidebar-text);
}
.profile_info h2 {
  color: var(--color-sidebar-text-active);
}

/* ==========================================================================
   HEADER
   Original: custom.css .nav_menu (custom.css:1293-1298, fondo #ededed)
   ========================================================================== */

.nav_menu {
  background: var(--color-header-bg);
  border-bottom: 1px solid var(--color-header-border);
}

.top_nav,
.top_nav li a {
  color: var(--color-header-icon);
}

/* ==========================================================================
   ACENTO — botón de acción primaria y foco de inputs
   Original: custom.css:3765 .btn-success (#26b99a / hover #169f85)
   ========================================================================== */

.btn-success {
  background: var(--color-accent);
  border: 1px solid var(--color-accent);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

/* Foco de inputs/selects (custom.css:3535-3539, ya sin glow por diseño — se mantiene así) */
.form-control:focus {
  border-color: var(--color-accent);
}

/* ==========================================================================
   SUPERFICIES — cards/paneles
   Original: custom.css:2202 .x_panel (fondo #fff, borde #e6e9ed, sin radius/shadow)
   ========================================================================== */

body .x_panel {
  background: var(--color-surface-card);
  border: 1px solid var(--color-surface-border);
  border-radius: var(--radius-card);
  box-shadow: 0 1px 3px var(--color-surface-shadow);
}

/* Fondo general de la página (custom.css:1337, .right_col) */
body .container.body .right_col {
  background: var(--color-surface-bg);
}

/* Radio de controles (custom.css:3526-3529, .form-control tenía radius:0) */
.form-control {
  border-radius: var(--radius-control);
}

/* ==========================================================================
   COLORES SEMÁNTICOS — alertas y badges
   Original: custom.css:5918-5939 .alert-success/info/warning/danger (mismo
   teal que los botones); badges sin override, usaban Bootstrap por defecto
   ========================================================================== */

.alert-success {
  color: #ffffff;
  background-color: var(--color-success);
  border-color: var(--color-success);
}
.alert-warning {
  color: #ffffff;
  background-color: var(--color-warning);
  border-color: var(--color-warning);
}
.alert-danger,
.alert-error {
  color: #ffffff;
  background-color: var(--color-error);
  border-color: var(--color-error);
}

.badge-success {
  background-color: var(--color-success);
}
.badge-warning {
  background-color: var(--color-warning);
}
.badge-danger {
  background-color: var(--color-error);
}

/* ==========================================================================
   TIPOGRAFÍA — títulos y texto
   Original: custom.css:1508 body (color #73879c sobre fondo, ya no aplica
   tras el fix del Layout), custom.css h2/.x_title h2/.page-title h3
   ========================================================================== */

body {
  color: var(--color-text-body);
}

.x_title h2,
.page-title .title_left h3,
h2 {
  color: var(--color-text-title);
}

.x_title span {
  color: var(--color-text-muted);
}