/* ========================================
   Admin Security Enhanced - CSS
   Stili per modulo sicurezza avanzata
======================================== */

@keyframes slideIn {
    from {
        transform: translateX(400px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(400px);
        opacity: 0;
    }
}

.security-alert {
    animation: slideIn 0.3s ease-out;
}

/* Security Stats Cards */
.security-stat-card {
    background: var(--admin-bg-secondary);
    padding: 20px;
    border-radius: 8px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.security-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Login History Table */
.login-history-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.login-history-table th {
    background: var(--admin-bg-secondary);
    padding: 12px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid var(--admin-border);
}

.login-history-table td {
    padding: 12px;
    border-bottom: 1px solid var(--admin-border);
}

.login-history-table tr:hover {
    background: var(--admin-bg-hover);
}

/* Status Indicators */
.status-success {
    color: var(--admin-success);
    font-weight: 600;
}

.status-failed {
    color: var(--admin-alert);
    font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
    .security-alert > div {
        max-width: 90vw !important;
        right: 5vw !important;
    }
}