/* crm/assets/css/style.css */
:root { 
    --nediis-dark: #0b1a2a; 
    --nediis-orange: #da6517; 
}
body { 
    background-color: #f4f7f6; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}
.navbar-nediis { background: var(--nediis-dark); }
.card-modern { 
    border: none; 
    border-radius: 12px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
}
/* Badges del Dashboard */
.status-badge { padding: 0.5em 1em; border-radius: 30px; font-size: 0.85rem; font-weight: 600; }
.bg-prospecto { background-color: #e9ecef; color: #495057; }
.bg-trabajando { background-color: #d1e7dd; color: #0f5132; }
.ratio-box { font-weight: bold; color: var(--nediis-orange); background: #fff3eb; padding: 4px 10px; border-radius: 8px; border: 1px solid #ffe0cc; }
.btn-naranjo { background: var(--nediis-orange); color: white; border-radius: 8px; }
.btn-naranjo:hover { background: #c35a14; color: white; }

/* Estilos del Semáforo 2.0 */
.accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--nediis-dark);
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}
.form-switch .form-check-input {
    width: 3.5em;
    height: 1.7em;
    cursor: pointer;
    background-color: #dc3545;
    border-color: #dc3545;
    transition: background-color 0.3s;
}
.form-switch .form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}
.form-switch .form-check-label {
    padding-top: 0.4em;
    margin-left: 0.8em;
    font-weight: 700;
}