/* ===== Custom styles for Leche Marsella Admin - Vuexy template ===== */

/* Table responsive overrides */
.table th { white-space: nowrap; }
.table td { vertical-align: middle; }

/* Stat cards with colored left border */
.card-header-left-primary { border-left: 4px solid #696cff; }
.card-header-left-success { border-left: 4px solid #28c76f; }
.card-header-left-info { border-left: 4px solid #03c3ec; }
.card-header-left-warning { border-left: 4px solid #ffab1d; }
.card-header-left-danger { border-left: 4px solid #ea5455; }

/* DataTable responsive child row expansion */
table.dt-responsive-child th[data-hide] { display: none; }

/* Badge sizes */
.badge-lg { font-size: 0.9rem; padding: 0.4em 0.65em; }

/* Avatar initials */
.avatar-initial { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

/* Card stat value */
.card-stat-value { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.card-stat-label { font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; color: #6c7a8d; }

/* RRHH specific styles */
.rrhh-stat-card { border-left: 4px solid #0F2B46; transition: box-shadow 0.2s, transform 0.2s; }
.rrhh-stat-card:hover { box-shadow: 0 4px 12px rgba(15, 43, 70, 0.1); transform: translateY(-1px); }
.rrhh-stat-value { font-size: 1.5rem; font-weight: 700; color: #0F2B46; line-height: 1.2; }
.rrhh-stat-label { font-size: 0.75rem; font-weight: 500; color: #6c7a8d; text-transform: uppercase; letter-spacing: 0.5px; }
.rrhh-section-card { border: 1px solid #e5e8ec; }
.rrhh-section-card .card-header { background: #f8f9fb; border-bottom: 2px solid #0F2B46; font-weight: 600; color: #0F2B46; }
.btn-rhh-outline { color: #0F2B46; border: 1px solid #0F2B46; background: transparent; }
.btn-rhh-outline:hover { background: #0F2B46; color: #fff; }
.rrhh-badge-abierta { background: #D9F2EB; color: #1A7F6E; font-weight: 500; }
.rrhh-badge-dup { background: #FCE4EC; color: #E83E8C; font-weight: 500; font-size: 0.7rem; }

/* Client header cards */
.clientes-header-card { border-left: 4px solid #696cff; }
.sucursales-header-card { border-left: 4px solid #03c3ec; }

/* nav-tabs shadow */
.nav-tabs-shadow { box-shadow: 0 2px 6px rgba(0,0,0,0.05); }

/* Filter form inline */
.filter-inline .form-label { margin-bottom: 0.25rem; }

/* Print styles */
@media print {
    aside, nav, footer, .dt-buttons, .dataTables_filter, .dataTables_length, .dataTables_paginate { display: none !important; }
}