/* ============================================
   ALERTA GLOBAL DE CATRACAS (compartilhado)
   ============================================ */

/* ── Toggle de notificação ─────────────────── */
#notif-catracas-toggle {
    position: fixed;
    bottom: 20px;
    left: 276px; /* 256px sidebar + 20px gap */
    z-index: 99999;
}
.notif-toggle-label {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--bg-card, #1e1e1e);
    border: 1px solid var(--borda, #333);
    border-radius: 20px;
    padding: 7px 14px 7px 12px;
    cursor: pointer;
    font-size: 0.8rem;
    color: var(--texto-principal, #e0e0e0);
    font-family: 'Segoe UI', sans-serif;
    box-shadow: 0 2px 10px rgba(0,0,0,0.35);
    user-select: none;
    transition: border-color .18s, box-shadow .18s;
    margin: 0;
}
.notif-toggle-label:hover {
    border-color: #15a34a;
    box-shadow: 0 2px 10px rgba(21,163,74,.25);
}
.notif-toggle-label i {
    font-size: 0.9rem;
    color: #15a34a;
    flex-shrink: 0;
}
/* Ícone desativado fica vermelho */
.notif-switch:not(.on) ~ * { color: inherit; }
#notif-switch:not(.on) + * { color: inherit; }

/* Switch pill */
.notif-switch {
    width: 38px;
    height: 22px;
    border-radius: 11px;
    background: #555;
    position: relative;
    transition: background .22s;
    flex-shrink: 0;
}
.notif-switch.on {
    background: #15a34a;
}
.notif-knob {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: left .22s;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.notif-switch.on .notif-knob {
    left: 19px;
}
@keyframes alertaSlideIn { from { transform: translateX(120%); opacity:0; } to { transform: translateX(0); opacity:1; } }
@keyframes alertaSlideOut { from { transform: translateX(0); opacity:1; } to { transform: translateX(120%); opacity:0; } }
.toast-catraca {
    background: #fff5f5; border: 1px solid #dc3545; border-left: 5px solid #dc3545;
    color: #7f1d1d; border-radius: 10px; padding: 14px 16px;
    box-shadow: 0 4px 16px rgba(220,53,69,0.2); font-family: 'Segoe UI', sans-serif;
    animation: alertaSlideIn 0.35s ease-out; display:flex; align-items:center; gap:12px;
}
.toast-catraca.saindo { animation: alertaSlideOut 0.35s ease-in forwards; }
.toast-catraca .ico { font-size:1.5rem; color:#dc3545; flex-shrink:0; }
.toast-catraca .txt { font-size:0.9rem; line-height:1.3; }
.toast-catraca .txt strong { color:#b91c1c; display:block; font-size:0.95rem; margin-bottom:2px; }