/**
 * Тёмная тема для секций генератора (auth + dashboard) на главной странице.
 * Главная в тёмных тонах — переопределяем светлые блоки генератора.
 */

/* Контейнер секции генератора на лендинге */
#main #generator1 .our-services,
#main #generator1 {
    background: transparent;
}

/* ===== Секция авторизации ===== */
#main #auth-section {
    color: var(--text-color, #A7AABB);
}

#main #auth-section .auth-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--divider-color, rgba(255, 255, 255, 0.1));
    border-radius: 16px;
    color: var(--text-color, #A7AABB);
}

#main #auth-section .auth-card h5 {
    color: var(--primary-color, #fff);
}

#main #auth-section .auth-card p {
    color: var(--text-color, #A7ABBB);
}

#main #auth-section .alert {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: var(--text-color);
}

#main #auth-section .alert-warning {
    background: rgba(253, 193, 7, 0.12);
    border-color: rgba(253, 193, 7, 0.35);
    color: #f0d78c;
}

#main #auth-section .alert-danger {
    background: rgba(220, 53, 69, 0.15);
    border-color: rgba(220, 53, 69, 0.4);
    color: #f5a2a2;
}

#main #auth-section .alert .btn-close {
    filter: invert(1);
    opacity: 0.7;
}

#main #auth-section .fw-medium.small {
    color: var(--primary-color, #fff);
}

#main #auth-section .text-muted,
#main #auth-section .small:not(.fw-medium) {
    color: var(--text-color, #A7AABB) !important;
}

#main #auth-section .bi-lightning-charge-fill.text-warning { color: #ffc107 !important; }
#main #auth-section .bi-camera-fill.text-info { color: #6ea8fe !important; }
#main #auth-section .bi-gift-fill.text-success { color: #75b798 !important; }

/* ===== Dashboard (после авторизации) ===== */
#main #dashboard-section {
    color: var(--text-color, #A7AABB);
}

#main #dashboard-section .card.dashboard-card,
#main #dashboard-section .card,
#main #dashboard-section #progress-card,
#main #dashboard-section #result-card,
#main #dashboard-section #error-card,
#main #dashboard-section #history-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--divider-color, rgba(255, 255, 255, 0.1));
    border-radius: 16px;
    color: var(--text-color, #A7AABB);
}

#main #dashboard-section .card:hover {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}

#main #dashboard-section .card-body {
    color: inherit;
}

#main #dashboard-section h4,
#main #dashboard-section h5,
#main #dashboard-section .fw-bold {
    color: var(--primary-color, #fff) !important;
}

#main #dashboard-section .text-muted,
#main #dashboard-section .small {
    color: var(--text-color, #A7AABB) !important;
}

#main #dashboard-section .display-6.fw-bold.text-primary {
    color: var(--accent-color, #A93E17) !important;
}

#main #dashboard-section #balance-details {
    border-top-color: var(--divider-color, rgba(255, 255, 255, 0.15)) !important;
}

#main #dashboard-section #dash-avatar-placeholder {
    background: rgba(169, 62, 23, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* --- Формы: inputs, select, label --- */
#main #dashboard-section .form-label {
    color: var(--text-color, #A7AABB);
}

#main #dashboard-section .form-control,
#main #dashboard-section .form-select {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: var(--primary-color, #fff);
}

#main #dashboard-section .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

#main #dashboard-section .form-control:focus,
#main #dashboard-section .form-select:focus {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--accent-color, #A93E17);
    color: var(--primary-color, #fff);
    box-shadow: 0 0 0 0.2rem rgba(169, 62, 23, 0.25);
}

#main #dashboard-section .form-select option {
    background: var(--secondary-color, #0A0A0A);
    color: var(--primary-color, #fff);
}

/* --- Accordion PRO --- */
#main #dashboard-section .accordion-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

#main #dashboard-section .accordion-button {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--primary-color, #fff) !important;
    border: none;
}

#main #dashboard-section .accordion-button:not(.collapsed) {
    background: rgba(255, 255, 255, 0.08) !important;
}

#main #dashboard-section .accordion-button::after {
    filter: invert(1);
}

#main #dashboard-section .accordion-body {
    background: rgba(0, 0, 0, 0.15);
    color: var(--text-color, #A7AABB);
}

#main #dashboard-section .form-check-label {
    color: var(--text-color, #A7AABB);
}

#main #dashboard-section .form-check-input {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}

#main #dashboard-section .form-check-input:checked {
    background-color: var(--accent-color, #A93E17);
    border-color: var(--accent-color, #A93E17);
}

/* --- Зоны загрузки (upload-zone) --- */
#main #dashboard-section .upload-zone {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.2);
}

#main #dashboard-section .upload-zone:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--accent-color, #A93E17);
}

#main #dashboard-section .upload-zone-dragover {
    background: rgba(169, 62, 23, 0.15);
    border-color: var(--accent-color, #A93E17);
}

#main #dashboard-section .upload-zone-filled {
    border-color: rgba(40, 167, 69, 0.5);
    background: rgba(40, 167, 69, 0.08);
}

#main #dashboard-section .upload-icon {
    color: rgba(255, 255, 255, 0.5);
}

#main #dashboard-section .upload-zone:hover .upload-icon {
    color: var(--accent-color, #A93E17);
}

#main #dashboard-section .upload-text {
    color: var(--text-color, #A7AABB);
}

#main #dashboard-section .upload-hint,
#main #dashboard-section .upload-formats,
#main #dashboard-section .upload-tip {
    color: rgba(255, 255, 255, 0.5);
}

/* --- Кнопки --- */
#main #dashboard-section .btn-primary {
    background: var(--accent-color, #A93E17);
    border-color: var(--accent-color, #A93E17);
}

#main #dashboard-section .btn-primary:hover:not(:disabled) {
    background: #c24a1d;
    border-color: #c24a1d;
    color: #fff;
}

#main #dashboard-section .btn-outline-primary {
    border-color: rgba(255, 255, 255, 0.4);
    color: var(--text-color, #A7AABB);
}

#main #dashboard-section .btn-outline-primary:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--accent-color, #A93E17);
    color: var(--accent-color, #A93E17);
}

#main #dashboard-section .btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.25);
    color: var(--text-color, #A7AABB);
}

#main #dashboard-section .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.4);
    color: var(--primary-color, #fff);
}

#main #dashboard-section .btn-danger {
    background: #dc3545;
    border-color: #dc3545;
}

/* --- Прогресс, результат, ошибка --- */
#main #dashboard-section #progress-card {
    border-top-color: var(--accent-color, #A93E17);
}

#main #dashboard-section .progress {
    background: rgba(255, 255, 255, 0.1);
}

#main #dashboard-section .progress-bar {
    background: var(--accent-color, #A93E17);
}

#main #dashboard-section .result-image-container {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}

#main #dashboard-section #error-card {
    border-top-color: #dc3545;
}

#main #dashboard-section .form-text {
    color: var(--text-color, #A7AABB) !important;
}

/* --- История генераций --- */
#main #dashboard-section #history-card {
    border-top-color: rgba(255, 255, 255, 0.2);
}

#main #dashboard-section .history-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
}

#main #dashboard-section .history-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

#main #dashboard-section .history-card-image {
    background: rgba(0, 0, 0, 0.25);
}

#main #dashboard-section .history-card-title {
    color: var(--text-color, #A7AABB) !important;
}

#main #dashboard-section .history-card-processing {
    background: linear-gradient(135deg, rgba(169, 62, 23, 0.15) 0%, rgba(169, 62, 23, 0.05) 100%);
}

#main #dashboard-section .history-card-failed {
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.15) 0%, rgba(220, 53, 69, 0.05) 100%);
}

/* --- Иконки Bootstrap Icons (наследуют цвет) --- */
#main #auth-section .bi,
#main #dashboard-section .bi {
    display: inline-block;
}

#main #dashboard-section .text-primary.bi,
#main #dashboard-section .me-2.text-primary {
    color: var(--accent-color, #A93E17) !important;
}

#main #dashboard-section .text-success.bi {
    color: #75b798 !important;
}

#main #dashboard-section .text-danger.bi {
    color: #e35d6a !important;
}

#main #dashboard-section .text-secondary.bi {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* --- Spinner --- */
#main #dashboard-section .spinner-border.text-primary {
    color: var(--accent-color, #A93E17) !important;
}

#main #dashboard-section .spinner-border.text-secondary {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* --- Badge PRO --- */
#main #dashboard-section .badge.bg-gradient-pro,
#main #dashboard-section .pro-badge-label {
    background: linear-gradient(135deg, var(--accent-color, #A93E17), #15399A) !important;
    color: #fff;
}
.pro-toggle-wrap {
    
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #e9ecef4d;
    
   
}
.pro-toggle-wrap:not(.pro-locked):hover {
    border-color: #444444;
    background: #00000036;
}
.pro-label{
    padding-top: 4px;
    padding-left: 5px;
}