/* ================================
   ADMIN MODERATION PANEL STYLES
   Phase 2 Implementation
   ================================ */

.admin-moderation-panel {
    border-color: #ef4444 !important; /* Red border for sensitive area */
    box-shadow: 0 4px 6px rgba(239, 68, 68, 0.1);
}

.admin-tab {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-tab:hover {
    background: rgba(255,255,255,0.05);
    color: var(--text-primary);
}

.admin-tab.active {
    background: rgba(239, 68, 68, 0.1);
    color: #fca5a5;
    border-color: #ef4444;
}

.admin-tab-pane {
    display: none;
}

.admin-tab-pane.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

.count-badge {
    background: rgba(0,0,0,0.2);
    padding: 2px 6px;
    border-radius: 8px;
    font-size: 0.8em;
}

.admin-table th {
    text-align: left;
    padding: 10px;
    border-bottom: 2px solid var(--border-color);
    color: var(--text-secondary);
    font-size: 0.85em;
}

.admin-table td {
    padding: 10px;
    border-bottom: 1px solid var(--border-color);
    font-size: 0.9em;
}

.admin-table tr:hover td {
    background: rgba(255,255,255,0.02);
}

.admin-action-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    margin: 0 4px;
    transition: transform 0.2s;
}

.admin-action-btn:hover {
    transform: scale(1.1);
}

.btn-approve { color: #4CAF50; }
.btn-reject { color: #ef4444; }

.hidden {
    display: none !important;
}