/* ============================================
   ControlH Dashboard Override — Opción B
   Solo visual, sin tocar lógica ni funciones
   ============================================ */

/* ── Fondo general del panel ── */
.dashboard-v732 {
    background: #F6F4ED !important;
    padding: 20px !important;
    border-radius: 12px !important;
}

/* ── Bloque bienvenida ── */
.dashboard-header {
    background: #F6F4ED !important;
    color: #1A1A2E !important;
    padding: 16px 18px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    box-shadow: none !important;
    border: 0.5px solid #e8e4d9 !important;
}
.dashboard-header h2 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1A1A2E !important;
    margin: 0 0 4px 0 !important;
}
.dashboard-header p {
    font-size: 12px !important;
    color: #6B7280 !important;
    opacity: 1 !important;
    margin: 0 !important;
}

/* ── KPI cards horizontales ── */
.dashboard-v732 > div[style*="flex"][style*="gap: 15px"] > div,
.dashboard-v732 > div[style*="flex"][style*="gap:15px"] > div {
    background: white !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    border: 0.5px solid #e8e4d9 !important;
    padding: 10px 16px !important;
}
.dashboard-v732 > div[style*="flex"][style*="gap: 15px"] > div span:first-child,
.dashboard-v732 > div[style*="flex"][style*="gap:15px"] > div span:first-child {
    font-size: 18px !important;
    font-weight: 500 !important;
}
.dashboard-v732 > div[style*="flex"][style*="gap: 15px"] > div span:last-child,
.dashboard-v732 > div[style*="flex"][style*="gap:15px"] > div span:last-child {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
}

/* ── Widgets grid (4 columnas) ── */
.widget-card {
    background: white !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    border: 0.5px solid #e8e4d9 !important;
    padding: 14px 16px !important;
    transition: border-color 0.15s !important;
}
.widget-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: #c4b5fd !important;
}
.widget-number {
    font-size: 20px !important;
    font-weight: 500 !important;
}
.widget-label {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #9CA3AF !important;
}

/* ── Panel widgets (ausencias, alertas, etc) ── */
.panel-widget {
    background: white !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    border: 0.5px solid #e8e4d9 !important;
    padding: 14px 16px !important;
}
.panel-widget h3 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1A1A2E !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
    margin-bottom: 12px !important;
}

/* ── Lista items ── */
.lista-item {
    padding: 8px 0 !important;
    border-bottom: 0.5px solid #f0ece0 !important;
}
.lista-item:hover {
    background: #F6F4ED !important;
    border-radius: 6px !important;
    padding-left: 6px !important;
}

/* ── Badges ── */
.badge {
    border-radius: 5px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 2px 7px !important;
}
.badge-success { background: #EAF3DE !important; color: #3B6D11 !important; }
.badge-warning { background: #FAEEDA !important; color: #854F0B !important; }
.badge-info    { background: #E6F1FB !important; color: #185FA5 !important; }

/* ── Alert cards (widget alertas dashboard JS) ── */
.alert-card {
    background: white !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    border: 0.5px solid #e8e4d9 !important;
    padding: 10px 14px !important;
    margin-bottom: 6px !important;
}

/* ── Alertas urgentes (borde izquierdo) ── */
.alerta-item {
    background: #FAEEDA !important;
    border-left: 3px solid #EF9F27 !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 10px 14px !important;
    margin-bottom: 6px !important;
}

/* ── Infracciones ── */
.dashboard-v732 div[style*="background: #fef2f2"],
.dashboard-v732 div[style*="background:#fef2f2"] {
    background: #FCEBEB !important;
    border-left-color: #E24B4A !important;
    border-radius: 0 8px 8px 0 !important;
}

/* ── Bloque Mi Jornada (shortcode externo) ── */
#tab-dashboard div[style*="background: white"][style*="border-radius: 12px"],
#tab-dashboard div[style*="background:white"][style*="border-radius:12px"] {
    background: white !important;
    box-shadow: none !important;
    border: 0.5px solid #e8e4d9 !important;
}

/* ── Títulos de sección generales dentro del dashboard ── */
.dashboard-v732 h3:not(.dashboard-header h3) {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1A1A2E !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .dashboard-v732 { padding: 12px !important; }
    .dashboard-header { padding: 12px 14px !important; }
}