/* File: carton_crm/assets/css/style.css */
/* Comentario: Hoja de estilos CSS personalizada para el CRM. */

body {
    font-family: 'Inter', sans-serif; 
    background-color: #f8f9fa; /* Un fondo general más claro para el área de contenido */
}

/* Estilos para la página de login */
body.login-page {
    background-color: #f5f5f5; /* Fondo específico para login */
}
.login-container img.mb-4 { /* Logo en login */
    max-width: 100px; /* Ajustar tamaño del logo si es necesario */
}

/* Estilos para el Navbar superior */
.navbar-brand {
    font-weight: 600;
}

/* Estilos para el Sidebar (ya definidos en header.php, pero se pueden refinar aquí) */
.sidebar {
    /* background-color: #343a40; */ /* Color de fondo del sidebar (ya en header) */
    /* border-right: 1px solid #495057; */ /* Borde del sidebar (ya en header) */
}
.sidebar .nav-link {
    /* color: #adb5bd; */ /* Color de texto para enlaces (ya en header) */
    /* padding: .75rem 1.25rem; */ /* Espaciado de enlaces (ya en header) */
    font-size: 0.95rem;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    /* color: #fff; */ /* Color de texto para enlace activo/hover (ya en header) */
    /* background-color: #495057; */ /* Fondo para enlace activo/hover (ya en header) */
}
.sidebar .nav-link .fa-fw {
    /* width: 1.25em; */ /* Ancho fijo para iconos (ya en header) */
    /* margin-right: .25rem; */ /* Margen de iconos (ya en header) */
}
.sidebar-heading {
    /* padding: .75rem 1.25rem; */ /* Espaciado del título de sección (ya en header) */
    /* font-size: .75rem; */ /* Tamaño de fuente del título (ya en header) */
    /* color: #8898aa; */ /* Color del título (ya en header) */
    /* text-transform: uppercase; */ /* Transformación del texto (ya en header) */
}

/* Estilos para el contenido principal */
#main-content {
    /* margin-left: 260px; */ /* Ancho del sidebar (ya en header) */
    /* padding: 20px; */ /* Espaciado interno (ya en header) */
    /* background-color: #f8f9fa; */ /* Color de fondo del contenido (ya en header) */
    /* min-height: calc(100vh - 56px); */ /* Altura mínima (ya en header) */
}

/* Estilos para las tarjetas (cards) del dashboard y otras páginas */
.card {
    border: 1px solid #e3e6f0; /* Borde más suave para las tarjetas */
    margin-bottom: 1.5rem; /* Espacio entre tarjetas */
}
.card-header {
    background-color: #f8f9fc; /* Fondo ligeramente diferente para cabeceras de tarjeta */
    border-bottom: 1px solid #e3e6f0;
    padding: 0.75rem 1.25rem;
}
.card-header h1.h2, .card-header h2.h3, .card-header h3.h4, .card-header h4.h5, .card-header h5.h6, .card-header h6 {
    margin-bottom: 0; /* Quitar margen inferior de los títulos en card-header */
}

.border-left-primary { border-left: .25rem solid #4e73df!important; }
.border-left-success { border-left: .25rem solid #1cc88a!important; }
.border-left-info   { border-left: .25rem solid #36b9cc!important; }
.border-left-warning{ border-left: .25rem solid #f6c23e!important; }

.text-xs { font-size: .7rem; }
.text-gray-300 { color: #dddfeb!important; }
.text-gray-800 { color: #5a5c69!important; }
.font-weight-bold { font-weight: 700!important; }


/* Mejoras visuales para tablas */
.table {
    /* background-color: #fff; */ /* Fondo blanco para tablas si el fondo del card-body es diferente */
}
.table th {
    font-weight: 600;
    background-color: #f8f9fc; /* Cabecera de tabla ligeramente coloreada */
}
.table-hover tbody tr:hover {
    background-color: #f1f3f5; /* Color de hover para filas */
}

/* Botones */
.btn {
    border-radius: 0.35rem; /* Bordes redondeados para botones */
}
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* Alertas */
.alert {
    border-radius: 0.35rem;
}

/* Footer */
.footer {
    /* margin-left: 260px; */ /* Ancho del sidebar (ya en header) */
    /* background-color: #e9ecef; */ /* Color de fondo (ya en header) */
    /* padding: 1rem; */ /* Espaciado (ya en header) */
    /* border-top: 1px solid #dee2e6; */ /* Borde superior (ya en header) */
    font-size: 0.9em;
}

/* Estilos para DataTables (si los usas globalmente) */
/*
div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select {
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
}
*/

/* Ajustes para responsividad del sidebar (ya en header.php) */
@media (max-width: 767.98px) {
    /* .sidebar { ... } */ /* Estilos para sidebar en móvil (ya en header) */
    /* #main-content { margin-left: 0; } */ /* (ya en header) */
    /* .footer { margin-left: 0; } */ /* (ya en header) */
}