/* Admin Account Grid Page Styles */

/* Admin Role Badges */
.badge-role-super_admin {
    background-color: #dc3545;
    color: white;
}

.badge-role-admin {
    background-color: #007bff;
    color: white;
}

.badge-role-moderator {
    background-color: #28a745;
    color: white;
}

.badge-role-support {
    background-color: #17a2b8;
    color: white;
}

/* Admin Status Badges */
.badge-status-active {
    background-color: #28a745;
    color: white;
}

.badge-status-inactive {
    background-color: #6c757d;
    color: white;
}

.badge-status-locked {
    background-color: #dc3545;
    color: white;
}

.badge-status-pending {
    background-color: #ffc107;
    color: #212529;
}

/* Statistics Cards Hover Effects */
.admin-stats .card {
    transition: transform 0.2s ease-in-out;
}

.admin-stats .card:hover {
    transform: translateY(-2px);
}

/* Custom Admin Grid Styles */
.admin-grid .table th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
}

.admin-grid .admin-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.admin-grid .admin-name {
    font-weight: 600;
}

.admin-grid .admin-email {
    color: #6c757d;
    font-size: 0.9em;
}

.admin-grid .last-login {
    font-size: 0.875rem;
    color: #6c757d;
}

.admin-grid .online-indicator {
    color: #28a745;
}

.admin-grid .offline-indicator {
    color: #6c757d;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-grid .table-responsive {
        font-size: 0.875rem;
    }
    
    .admin-grid .admin-avatar {
        width: 30px;
        height: 30px;
    }
}