/* --- Ajustes Generales --- */
body {
    font-size: 0.9rem; 
}

/* --- Login: El Ojito --- */
.cursor-pointer { 
    cursor: pointer; 
}

/* --- Sidebar: Jerarquía y Colores --- */

/* Ajuste general de la letra en el menú */
.sidebar-menu .nav-link p {
    font-size: 0.82rem; /* Un pelín más chica como pediste */
}

/* NIVEL 1: PADRES */
.sidebar-menu > .nav-item > .nav-link {
    color: #ffffff !important; 
    font-weight: 600;
}

/* Iconos de Nivel 1: AZUL REGLAMENTARIO */
.sidebar-menu > .nav-item > .nav-link i.nav-icon {
    color: #3498db !important; 
}

/* NIVEL 2: HIJOS (Submenús) */
.nav-treeview .nav-item .nav-link {
    color: #ced4da !important; 
    padding-left: 1.8rem; /* Más indentación para que se note la jerarquía */
}

/* Iconos de Nivel 2: CIAN / CELESTE (En reemplazo del amarillo) */
.nav-treeview .nav-item .nav-link i.nav-icon {
    color: #00d2ff !important; /* Un cian brillante que destaca pero es serio */
    font-size: 0.75rem; 
}


/* Estado Activo */
.nav-link.active {
    background-color: transparent !important; /* Eliminamos el resaltado de fondo */
    color: #00d2ff !important; /* Mantenemos el cian brillante */
    border-left: 3px solid #3498db; /* Mantenemos la barrita azul a la izquierda */
    font-weight: bold; /* Le damos un poco más de peso para que se note el activo */
}

/* icono cambie de color cuando está activo */
.nav-link.active i.nav-icon {
    color: #00d2ff !important;
}

/* --- Tablas y Modales --- */
.table-sm {
    font-size: 0.85rem;
}

/* Ajuste global para DataTables en todo el sistema */
.dataTables_wrapper {
    padding: 1.25rem; /* Esto separa el buscador y la paginación de los bordes del card */
}

/* Opcional: Si querés que la tabla propiamente dicha siga tocando los bordes 
   pero solo se separe el texto de arriba y abajo */
.dataTables_info, 
.dataTables_paginate {
    margin-top: 15px;
    padding: 0 5px;
}

.dataTables_length, 
.dataTables_filter {
    margin-bottom: 15px;
    padding: 0 5px;
}

/* alerts sweety*/
customClass: {
    popup: 'border-0 shadow-lg rounded-4'
}

/* Navbar */
/* Ajuste del logo en el header */
.user-image {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.user-header img {
    width: 80px;
    height: 80px;
}

/* Ajustes para el User Menu */
/* Estilo base para todos los avatares de iniciales */
.avatar-iniciales, 
.avatar-iniciales-lg {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Solo las diferencias de tamaño */
.avatar-iniciales {
    width: 32px;
    height: 32px;
    font-size: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.avatar-iniciales-lg {
    width: 70px;
    height: 70px;
    font-size: 1.8rem;
    border: 3px solid rgba(255, 255, 255, 0.5);
}

.user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
}

.user-header img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    background: white;
    padding: 5px;
}

.user-header p {
    z-index: 5;
    color: #fff;
    font-size: 17px;
    margin-top: 10px;
}

/* Colores de Navbar */
.navbar.bg-primary { background-color: #004a99 !important; }
.navbar.bg-dark { background-color: #212529 !important; }


/* perfiles */

/* Separación extra bajo la navbar */
.app-main { padding-top: 25px !important; }

/* Separación entre Título y Tabla */
.header-spacing { margin-bottom: 2.5rem !important; }

/* Card con sombra suave y bordes redondeados */
.card-soft { 
	border-radius: 18px; 
	border: none; 
	box-shadow: 0 10px 30px rgba(0,0,0,0.04); 
	margin-top: 1rem;
}

/* Espaciado interno de las celdas para que no estén apretadas */
.table td, .table th { padding: 1.2rem 1rem !important; }

/* Efecto soft al pasar el mouse por la fila */
.table-hover tbody tr:hover { background-color: rgba(0,0,0,0.01) !important; }


/* usuarios */
.avatar-circle {
    width: 42px;
    height: 42px;
    background-color: #f0f2f5;
    color: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 0.85rem;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* artículos */
/* --- Artículos: Estética Unificada --- */

/* Alineación de cabeceras en la tabla de productos */
#tablaProductos th, #tablaProductos td {
	white-space: nowrap; /* Evita que el texto salte de línea y rompa la tabla */
	padding: 8px 10px !important; /* Achicamos un poco el padding vertical */
	font-size: 0.85rem;
}
.text-purple { color: #6f42c1; }
/* Contenedor con scroll horizontal suave por si la pantalla es chica */
.table-responsive-soft {
	overflow-x: auto;
}


/* Tipografía tipo consola para códigos y SKUs */
.font-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.85rem;
}

/* Buscador personalizado estilo Soft */
#custom_search:focus {
    background-color: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    outline: none; /* Evita el borde azul por defecto de algunos navegadores */
    border: none;
}

#custom_search:focus {
    background-color: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Ajuste de iconos en los inputs de búsqueda */
.input-group-text {
    border: none;
    color: #a0a0a0;
}

/* Precios destacados en la tabla */
.precio-tag {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-weight: 600;
    color: #2d3436;
}

/* Badges de Stock Estilo Soft */
.badge-stock {
    padding: 0.5em 0.8em;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.75rem;
    display: inline-block;
    min-width: 80px;
    text-align: left;
}

.bg-stock-main { 
    background-color: #e3f2fd !important; /* Azul muy suave */
    color: #0d47a1 !important; 
}

.bg-stock-anexo { 
    background-color: #f3e5f5 !important; /* Violeta muy suave */
    color: #4a148c !important; 
}

.stock-count {
    font-family: 'JetBrains Mono', monospace;
    font-weight: bold;
    float: right;
}


/* Forzar scroll en sidebar para pantallas chicas */
.sidebar-wrapper {
    height: calc(100vh - 50px) !important; /* Altura total menos el brand-link */
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Estilizar la barrita de scroll para que no quede fea (opcional) */
.sidebar-wrapper::-webkit-scrollbar {
    width: 6px;
}
.sidebar-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.2);
    border-radius: 10px;
}