/* Admin Panel Dark Theme (Default) */
/* Только CSS переменные и переопределения цветов */
/* Базовые стили находятся в admin-base.css и admin.css */

:root {
    --admin-bg-primary: #1f2937;
    --admin-bg-secondary: #111827;
    --admin-bg-card: #1f2937;
    --admin-bg-input: #374151;
    --admin-text-primary: #f9fafb;
    --admin-text-secondary: #d1d5db;
    --admin-text-muted: #9ca3af;
    --admin-border: #374151;
    --admin-nav-bg: #111827;
    --admin-hover-bg: #374151;
    --admin-primary: #6366f1;
}

/* Переопределения цветов для темной темы (если нужно) */
.admin-error {
    background: #7f1d1d;
    color: #fca5a5;
    padding: 0.75rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    border: 1px solid #991b1b;
}

/* GPT Requests Modal - Dark Theme */
.gpt-request-content {
    background: var(--admin-bg-input, #374151);
    color: var(--admin-text-primary, #f9fafb);
}

.gpt-request-card-info {
    color: var(--admin-text-muted, #9ca3af);
}

.admin-tab-buttons {
    border-bottom-color: var(--admin-border, #374151);
}

.admin-tab-btn {
    color: var(--admin-text-secondary, #d1d5db);
}

.admin-tab-btn:hover {
    color: var(--admin-text-primary, #f9fafb);
    background: var(--admin-hover-bg, #374151);
}

.admin-tab-btn.active {
    color: #6366f1;
    border-bottom-color: #6366f1;
    background: var(--admin-hover-bg, #374151);
}

/* JSON Editor - Dark Theme */
.json-textarea {
    background: #1f2937;
    color: #f9fafb;
    border-color: #4b5563;
}

.json-textarea:focus {
    background: #1f2937;
    color: #f9fafb;
    border-color: #6366f1;
    outline: none;
}

.json-textarea-readonly {
    background: #111827;
    color: #9ca3af;
}

.json-textarea-example {
    background: #111827;
    color: #9ca3af;
}

.json-textarea-valid {
    border-color: #10b981 !important;
    background-color: #064e3b !important;
    color: #6ee7b7 !important;
}

.json-textarea-invalid {
    border-color: #ef4444 !important;
    background-color: #7f1d1d !important;
    color: #fca5a5 !important;
}

/* Confirmation Modal - Dark Theme */
.admin-confirm-modal-content {
    background: #1f2937;
    border-color: #4b5563;
}

.admin-confirm-modal-header {
    background: #111827;
    border-bottom-color: #374151;
}

.admin-confirm-modal-footer {
    background: #111827;
    border-top-color: #374151;
}