/* ================================================================
   security.css - Styles pour la sécurité
   ================================================================ */

/* Alertes */
.alert-critical { background: #F5E6E6; border-left: 4px solid #C84C4C; }
.alert-high { background: #FFF3E0; border-left: 4px solid #E65100; }
.alert-medium { background: #FFF8E1; border-left: 4px solid #F0A030; }
.alert-low { background: #E8F5E9; border-left: 4px solid #4A7C59; }

/* Severity badges */
.severity-critical { background: #C84C4C; color: white; }
.severity-high { background: #E65100; color: white; }
.severity-medium { background: #F0A030; color: white; }
.severity-low { background: #4A7C59; color: white; }

/* MFA toggle */
.mfa-toggle { position: relative; display: inline-block; width: 50px; height: 28px; }
.mfa-toggle input { opacity: 0; width: 0; height: 0; }
.mfa-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #ccc; transition: .4s; border-radius: 28px; }
.mfa-slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background: white; transition: .4s; border-radius: 50%; }
.mfa-toggle input:checked + .mfa-slider { background: #4A7C59; }
.mfa-toggle input:checked + .mfa-slider:before { transform: translateX(22px); }

/* Role badges */
.role-superadmin { background: #C15C3D; color: white; }
.role-manager { background: #1565C0; color: white; }
.role-commercial { background: #4A7C59; color: white; }
.role-merchant { background: #8C7D73; color: white; }

/* Permissions checklist */
.permissions-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.permission-item { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; }
.permission-item input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; }