/* Morancho ERP - Estilos Personalizados */

/* Sobrescribir colores primarios de Bootstrap */
:root {
    /* Cambiar color primario de violeta a gris oscuro */
    --bs-primary: #1a252f;
    --bs-primary-rgb: 26, 37, 47;

    /* Actualizar variantes del color primario */
    --bs-primary-text: #1a252f;
    --bs-primary-bg-subtle: #d5d8dc;
    --bs-primary-border-subtle: #adb5bd;

    /* Actualizar color dark a casi negro */
    --bs-dark: #1a1a1a;
    --bs-dark-rgb: 26, 26, 26;
    --bs-dark-text: #1a1a1a;
    --bs-dark-bg-subtle: #2c2c2c;
    --bs-dark-border-subtle: #3d3d3d;

    /* Colores complementarios */
    --bs-secondary: #34495e;
    --bs-secondary-rgb: 52, 73, 94;

    /* Actualizar gradientes si es necesario */
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

/* Sobrescribir estilos de botones primarios */
.btn-primary {
    background-color: #1a252f !important;
    border-color: #1a252f !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #0f1419 !important;
    border-color: #0f1419 !important;
}

/* Sobrescribir enlaces primarios */
.text-primary {
    color: #1a252f !important;
}

/* Sobrescribir bordes primarios */
.border-primary {
    border-color: #1a252f !important;
}

/* Sobrescribir fondos primarios */
.bg-primary {
    background-color: #1a252f !important;
}

/* Sobrescribir gradientes primarios */
.bg-gradient-primary {
    background: linear-gradient(135deg, #1a252f 0%, #34495e 100%) !important;
}

/* Ajustar colores de la barra lateral si usa primary */
.sidebar-wrapper {
    background-color: #1a252f;
}

/* Ajustar elementos activos en el menú */
.metismenu .mm-active > a {
    color: #1a252f !important;
}

/* Sobrescribir badges primarios */
.badge.bg-primary {
    background-color: #1a252f !important;
}

/* Sobrescribir progress bars primarios */
.progress-bar.bg-primary {
    background-color: #1a252f !important;
}

/* Sobrescribir alerts primarios */
.alert-primary {
    background-color: rgba(26, 37, 47, 0.1) !important;
    border-color: #1a252f !important;
    color: #1a252f !important;
}

/* Header de autenticación con gris oscuro elegante */
.authentication-header {
    background: #1a252f !important;
    background-color: #1a252f !important;
}

/* ========================================
   FORMULARIOS Y CONTROLES
   ======================================== */

/* Input focus */
.form-control:focus,
.form-select:focus {
    border-color: #1a252f !important;
    box-shadow: 0 0 0 0.25rem rgba(26, 37, 47, 0.25) !important;
}

/* Checkbox y radio buttons */
.form-check-input:checked {
    background-color: #1a252f !important;
    border-color: #1a252f !important;
}

.form-check-input:focus {
    border-color: #1a252f !important;
    box-shadow: 0 0 0 0.25rem rgba(26, 37, 47, 0.25) !important;
}

/* Switch */
.form-switch .form-check-input:checked {
    background-color: #1a252f !important;
    border-color: #1a252f !important;
}

/* ========================================
   LINKS Y NAVEGACIÓN
   ======================================== */

/* Links */
a {
    color: #1a252f !important;
}

a:hover {
    color: #0f1419 !important;
}

/* Nav tabs y pills */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: #1a252f !important;
    border-color: #1a252f !important;
}

.nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover {
    color: #1a252f !important;
}

/* ========================================
   COMPONENTES DE NAVEGACIÓN
   ======================================== */

/* Sidebar y menú */
.metismenu li.mm-active > a,
.metismenu li a.active {
    color: #1a252f !important;
    background-color: rgba(26, 37, 47, 0.1) !important;
}

.sidebar-header {
    background-color: #1a252f !important;
}

/* ========================================
   CARDS Y BORDERS
   ======================================== */

/* Borders con colores */
.border-start.border-primary,
.border-end.border-primary,
.border-top.border-primary,
.border-bottom.border-primary {
    border-color: #1a252f !important;
}

.card-header {
    border-bottom-color: rgba(26, 37, 47, 0.125) !important;
}

/* ========================================
   LOADER (PACE)
   ======================================== */

/* Pace loader */
.pace .pace-progress {
    background: #1a252f !important;
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #1a252f, 0 0 5px #1a252f !important;
}

.pace .pace-activity {
    border-top-color: #1a252f !important;
    border-left-color: #1a252f !important;
}

/* ========================================
   DROPDOWN Y MODALES
   ======================================== */

/* Dropdown item active */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #1a252f !important;
}

/* Modal header */
.modal-header {
    border-bottom-color: rgba(26, 37, 47, 0.125) !important;
}

/* ========================================
   TABLAS Y LISTAS
   ======================================== */

/* Table primary */
.table-primary {
    --bs-table-bg: rgba(26, 37, 47, 0.1) !important;
    --bs-table-border-color: rgba(26, 37, 47, 0.2) !important;
}

/* List group item active */
.list-group-item.active {
    background-color: #1a252f !important;
    border-color: #1a252f !important;
}

/* ========================================
   PAGINACIÓN
   ======================================== */

.page-link {
    color: #1a252f !important;
}

.page-item.active .page-link {
    background-color: #1a252f !important;
    border-color: #1a252f !important;
}

.page-link:hover {
    color: #1a252f !important;
    background-color: rgba(26, 37, 47, 0.1) !important;
    border-color: #1a252f !important;
}

/* ========================================
   COMPONENTES ESPECÍFICOS DE SYNADMIN
   ======================================== */

/* Widgets icons */
.widgets-icons-2 {
    background: #1a252f !important;
}

/* Search bar focus */
.search-control:focus {
    border-color: #1a252f !important;
    box-shadow: 0 0 0 0.25rem rgba(26, 37, 47, 0.25) !important;
}

/* Topbar */
.topbar {
    background-color: #1a252f !important;
}

/* ========================================
   LOGO PERSONALIZADO
   ======================================== */

.logo-text-custom {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

/* ========================================
   MENÚ SIDEBAR - MEJORAR CONTRASTE
   ======================================== */

/* Enlaces del menú principal */
.metismenu li a {
    color: rgba(255, 255, 255, 0.85) !important;
}

.metismenu li a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Iconos del menú */
.metismenu .parent-icon i {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Título del menú */
.metismenu .menu-title {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Item activo del menú */
.metismenu li.mm-active > a,
.metismenu li a.mm-active {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.metismenu li.mm-active > a .parent-icon i,
.metismenu li a.mm-active .parent-icon i {
    color: #ffffff !important;
}

/* Submenú */
.metismenu ul a {
    color: rgba(255, 255, 255, 0.75) !important;
}

.metismenu ul a:hover {
    color: #ffffff !important;
}

/* Etiquetas del menú */
.menu-label {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Flecha de submenú */
.metismenu .has-arrow::after {
    border-color: rgba(255, 255, 255, 0.7) !important;
}

/* Sidebar background mejorado */
.sidebar-wrapper {
    background-color: #1a252f !important;
}

/* Header del sidebar - mismo color que el sidebar */
.sidebar-header {
    background-color: #1a252f !important;
    border-bottom: none !important;
}