/* =========================================================
   ТЁМНАЯ ТЕМА И КНОПКА ПЕРЕКЛЮЧЕНИЯ
   Подключается ПОСЛЕДНИМ среди css-файлов на каждой странице.
   Тему выбирает js/theme.js: ставит <html data-theme="dark">.

   В старых стилях много цветов задано прямо числами, поэтому здесь сначала
   переопределены переменные, а затем сгруппированы элементы с такими цветами.
   Новые элементы лучше сразу делать на переменных --color-*.
   ========================================================= */

/* ---------- Кнопка в шапке (в обеих темах) ---------- */
.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    padding: 0;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    cursor: pointer;
    transition: background .2s;
}
.theme-toggle:hover { background: rgba(255, 255, 255, .22); }
.theme-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle .icon-sun { display: none; }
[data-theme="dark"] .theme-toggle .icon-sun { display: block; }
[data-theme="dark"] .theme-toggle .icon-moon { display: none; }
.header-simple .theme-toggle { color: #1a1a1a; background: #f1f1f3; border-color: #d8d8dc; }
.header-simple .theme-toggle:hover { background: #e4e4e8; }
[data-theme="dark"] .header-simple .theme-toggle { color: #f2f2f5; background: #2a2a2f; border-color: #3a3a41; }
[data-theme="dark"] .header-simple .theme-toggle:hover { background: #35353b; }
/* На телефоне в шапке нет места: кнопка живёт в мобильном меню */
@media (max-width: 768px) {
    header .theme-toggle { display: none; }
}
.mobile-nav-panel .theme-toggle-panel {
    display: flex;
    gap: 10px;
    width: calc(100% - 40px);
    height: 48px;
    margin: 16px 20px 0;
    font: inherit;
    font-weight: 600;
    color: #222;
    background: #f1f1f3;
    border-color: #d8d8dc;
    border-radius: 12px;
}
.mobile-nav-panel .theme-toggle-panel:hover { background: #e4e4e8; }
[data-theme="dark"] .mobile-nav-panel .theme-toggle-panel {
    color: #f2f2f5;
    background: #27272c;
    border-color: #38383f;
}
[data-theme="dark"] .mobile-nav-panel .theme-toggle-panel:hover { background: #33333a; }

/* ---------- Переменные ---------- */
html[data-theme="dark"] {
    color-scheme: dark;

    --dark-page: #121214;
    --dark-surface: #1c1c20;
    --dark-raised: #27272c;
    --dark-line: #38383f;

    --color-primary: #f2f2f5;
    --color-text: #dcdce2;
    --color-text-light: #a8a8b2;
    --color-bg: var(--dark-page);
    --color-bg-light: var(--dark-surface);
    --color-secondary-text: #ff8f8f;
    --focus-ring: #8ab4ff;

    --btn-dark: #f2f2f5;
    --btn-dark-hover: #d8d8de;
    --btn-ink: #f2f2f5;
    --btn-line: #4a4a52;
    --btn-soft-hover: #2f2f35;
    --btn-danger-bg: #3a1c1e;
    --btn-danger-bg-hover: #4a2326;
    --btn-danger-ink: #ffb1ad;
    --btn-danger-line: #6e3336;
    --btn-focus: #8ab4ff;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: var(--dark-page);
}

/* ---------- Фон страниц ---------- */
[data-theme="dark"] .apartment-page-modern,
[data-theme="dark"] .profile-page,
[data-theme="dark"] .legal,
[data-theme="dark"] .reset-page,
[data-theme="dark"] .notfound,
[data-theme="dark"] .apartment-gallery {
    background: var(--dark-page);
}

/* ---------- Карточки и панели ---------- */
[data-theme="dark"] .apartment-card,
[data-theme="dark"] .booking-widget,
[data-theme="dark"] .map-canvas,
[data-theme="dark"] .booking-calendar,
[data-theme="dark"] .contact-method,
[data-theme="dark"] .location-card,
[data-theme="dark"] .header-simple,
[data-theme="dark"] .info-section,
[data-theme="dark"] .features-grid,
[data-theme="dark"] .booking-widget-modern,
[data-theme="dark"] .owner-card,
[data-theme="dark"] .footer-simple,
[data-theme="dark"] .guests-dropdown,
[data-theme="dark"] .calendar-dropdown,
[data-theme="dark"] .pc-box,
[data-theme="dark"] .profile-section,
[data-theme="dark"] .admin-apartment-card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .bookings-list,
[data-theme="dark"] .auth-modal-content,
[data-theme="dark"] .ac-scroll,
[data-theme="dark"] .ac-name,
[data-theme="dark"] .ac-panel,
[data-theme="dark"] .mobile-nav-panel,
[data-theme="dark"] .mobile-book-bar {
    background: var(--dark-surface);
}

/* Элементы внутри карточек: на тон светлее */
[data-theme="dark"] .feature-item,
[data-theme="dark"] .bed-item,
[data-theme="dark"] .amenity-tag,
[data-theme="dark"] .rule-time,
[data-theme="dark"] .review-card,
[data-theme="dark"] .country-code,
[data-theme="dark"] .guests-done,
[data-theme="dark"] .calendar-nav button,
[data-theme="dark"] .done-number,
[data-theme="dark"] .done-next,
[data-theme="dark"] .booking-steps li,
[data-theme="dark"] .guests-select,
[data-theme="dark"] .guest-controls button,
[data-theme="dark"] .calendar-header,
[data-theme="dark"] .thumb-arrow,
[data-theme="dark"] .photo-upload-area,
[data-theme="dark"] .contact-card,
[data-theme="dark"] .booking-apt-link,
[data-theme="dark"] .amenity-item,
[data-theme="dark"] .form,
[data-theme="dark"] .price-info,
[data-theme="dark"] .apartment-meta,
[data-theme="dark"] .booking-alternative,
[data-theme="dark"] .service-icon,
[data-theme="dark"] .ac-seg button,
[data-theme="dark"] .ac-chips button,
[data-theme="dark"] .ac-btn,
[data-theme="dark"] .ac-input,
[data-theme="dark"] .ac-badge,
[data-theme="dark"] .apartment-image,
[data-theme="dark"] .apt-noimage,
[data-theme="dark"] .gallery-main-photo,
[data-theme="dark"] .side-photo,
[data-theme="dark"] .apartment-card img,
[data-theme="dark"] .card-image img,
[data-theme="dark"] .map-container-modern,
[data-theme="dark"] .review-bar .bar {
    background: var(--dark-raised);
}

/* Наведение оставляем акцентным там, где оно было */
[data-theme="dark"] .booking-apt-link:hover,
[data-theme="dark"] .amenity-item:hover,
[data-theme="dark"] .service-item:hover .service-icon,
[data-theme="dark"] .calendar-nav button:hover {
    background: var(--color-secondary);
}
[data-theme="dark"] .thumb-arrow:hover {
    background: var(--color-secondary);
    color: #fff;
}
[data-theme="dark"] .guests-done:hover { background: #33333a; }
[data-theme="dark"] .ac-btn:hover { background: #33333a; }
[data-theme="dark"] .ac-seg button.active,
[data-theme="dark"] .ac-chips button.active,
[data-theme="dark"] .ac-badge.confirmed {
    background: #f2f2f5;
    border-color: #f2f2f5;
    color: #1a1a1a;
}
[data-theme="dark"] .apt-rating {
    background: rgba(28, 28, 32, .92);
}

/* ---------- Кнопки, которые были чёрными на светлом ---------- */
/* --color-primary теперь светлый, поэтому и текст на этих кнопках нужен тёмный */
[data-theme="dark"] .book-button,
[data-theme="dark"] .send-pet-request,
[data-theme="dark"] .pc-btn {
    background: #f2f2f5;
    color: #1a1a1a;
}
[data-theme="dark"] .send-pet-request:hover { background: #d8d8de; }
[data-theme="dark"] .send-pet-request.sent { background: #2e7d32; color: #fff; }
[data-theme="dark"] .btn-dark { color: #1a1a1a; }

/* Подвал был на --color-primary */
[data-theme="dark"] .footer {
    background: #0b0b0d;
    color: #fff;
}

/* Кнопки с контуром */
[data-theme="dark"] .btn-outline,
[data-theme="dark"] .auth-sms-btn,
[data-theme="dark"] .cancel-btn,
[data-theme="dark"] .edit-btn,
[data-theme="dark"] .logout-btn,
[data-theme="dark"] .ui-btn-ghost {
    background: var(--dark-raised);
    color: #f2f2f5;
    border-color: var(--btn-line);
}
[data-theme="dark"] .btn-outline:active:not(:disabled),
[data-theme="dark"] .auth-sms-btn:active:not(:disabled),
[data-theme="dark"] .cancel-btn:active:not(:disabled),
[data-theme="dark"] .edit-btn:active:not(:disabled),
[data-theme="dark"] .logout-btn:active:not(:disabled),
[data-theme="dark"] .ui-btn-ghost:active:not(:disabled) {
    background: #33333a;
}
/* Кнопка «Выйти» в шапке светлая в обеих темах: шапка всегда тёмная */

/* ---------- Текст, заданный числами ---------- */
[data-theme="dark"] .page-title,
[data-theme="dark"] .profile-section h2,
[data-theme="dark"] .admin-header h2,
[data-theme="dark"] .admin-apt-title,
[data-theme="dark"] .booking-title,
[data-theme="dark"] .auth-form h2,
[data-theme="dark"] .pc-title,
[data-theme="dark"] .pc-field input,
[data-theme="dark"] .ac-sub,
[data-theme="dark"] .ac-panel,
[data-theme="dark"] .ac-seg button,
[data-theme="dark"] .ac-chips button,
[data-theme="dark"] .user-name,
[data-theme="dark"] .mobile-nav-panel,
[data-theme="dark"] .mobile-nav-links a,
[data-theme="dark"] .mobile-book-price strong,
[data-theme="dark"] .booking-steps li.is-current {
    color: #f2f2f5;
}
[data-theme="dark"] .form-group label,
[data-theme="dark"] .profile-tab,
[data-theme="dark"] .auth-tab,
[data-theme="dark"] .admin-apt-address,
[data-theme="dark"] .booking-dates,
[data-theme="dark"] .loading,
[data-theme="dark"] .upload-placeholder p,
[data-theme="dark"] .modal-close,
[data-theme="dark"] .auth-modal-close,
[data-theme="dark"] .mobile-nav-close,
[data-theme="dark"] .mobile-book-from,
[data-theme="dark"] .mobile-book-per,
[data-theme="dark"] .legal-body p,
[data-theme="dark"] .legal-body li,
[data-theme="dark"] .legal-date,
[data-theme="dark"] .reset-card p,
[data-theme="dark"] .reset-card label,
[data-theme="dark"] .reset-back,
[data-theme="dark"] .auth-forgot-link,
[data-theme="dark"] .consent-check,
[data-theme="dark"] .booking-hint,
[data-theme="dark"] .booking-summary small,
[data-theme="dark"] .booking-summary .bs-pay span,
[data-theme="dark"] .booking-summary .bs-nights summary,
[data-theme="dark"] .pc-close,
[data-theme="dark"] .pc-text,
[data-theme="dark"] .pc-sent,
[data-theme="dark"] .pc-field,
[data-theme="dark"] .pc-link,
[data-theme="dark"] .pc-info span,
[data-theme="dark"] .done-number span,
[data-theme="dark"] .done-next,
[data-theme="dark"] .booking-steps li,
[data-theme="dark"] .ac-cell,
[data-theme="dark"] .ac-close,
[data-theme="dark"] .ac-note,
[data-theme="dark"] .ac-field > span,
[data-theme="dark"] .ac-field > small,
[data-theme="dark"] .ac-link,
[data-theme="dark"] .apt-noimage,
[data-theme="dark"] .ui-state > i,
[data-theme="dark"] .calendar-days .calendar-day .cal-price {
    color: var(--color-text-light);
}
[data-theme="dark"] .profile-tab:hover,
[data-theme="dark"] .modal-close:hover,
[data-theme="dark"] .auth-modal-close:hover {
    background: var(--dark-raised);
    color: #f2f2f5;
}
[data-theme="dark"] .notfound-code { color: #2c2c32; }

/* Текст, цвет которого приходит не из переменной, а из браузера: ссылки в подвале и т. п. */
[data-theme="dark"] .apartment-card,
[data-theme="dark"] .booking-apt-link {
    color: var(--color-text);
}

/* Вкладки профиля */
[data-theme="dark"] .profile-tab.active {
    background: #2a2d45;
    color: #aab6ff;
}
[data-theme="dark"] .admin-tab.active { background: #3a1f20; }
[data-theme="dark"] .admin-apt-price,
[data-theme="dark"] .booking-price { color: #aab6ff; }

/* ---------- Цветные плашки ---------- */
[data-theme="dark"] .rating-badge,
[data-theme="dark"] .review-rating-badge,
[data-theme="dark"] .reset-status.ok {
    background: #17331c;
}
[data-theme="dark"] .rating-score,
[data-theme="dark"] .rating-text,
[data-theme="dark"] .overall-score,
[data-theme="dark"] .review-rating-badge,
[data-theme="dark"] .reset-status.ok,
[data-theme="dark"] .host-status.ok,
[data-theme="dark"] .contact-status.ok,
[data-theme="dark"] .booking-steps li.is-done {
    color: #7bd88a;
}
[data-theme="dark"] .review-bar .bar-fill { background: #4caf63; }
[data-theme="dark"] .deposit-info,
[data-theme="dark"] .pets-description,
[data-theme="dark"] .ac-dot-custom,
[data-theme="dark"] .ac-cell.custom,
[data-theme="dark"] .ac-badge.pending,
[data-theme="dark"] .ac-bar.pending {
    background: #33290f;
}
[data-theme="dark"] .ac-cell.custom,
[data-theme="dark"] .ac-badge.pending,
[data-theme="dark"] .ac-bar.pending {
    color: #f0d27a;
    border-color: #6b5620;
}
[data-theme="dark"] .ac-dot-pending { background: var(--dark-surface); }
[data-theme="dark"] .cashback-info { background: #33201c; }
[data-theme="dark"] .legal-todo { background: #5c4c10; color: #fff3b0; }
[data-theme="dark"] .auth-error,
[data-theme="dark"] .reset-status.err,
[data-theme="dark"] .ac-badge.cancelled {
    background: #3a1c1e;
    color: #ffb1ad;
}
[data-theme="dark"] .booking-hint.error,
[data-theme="dark"] .pc-error,
[data-theme="dark"] .ac-error,
[data-theme="dark"] .ac-danger,
[data-theme="dark"] .host-status.error,
[data-theme="dark"] .contact-status.error {
    color: #ff9c97;
}
[data-theme="dark"] .ac-danger { border-color: #6e3336; }
[data-theme="dark"] .booking-status.pending { background: #33290f; color: #f0d27a; }
[data-theme="dark"] .booking-status.confirmed { background: #17331c; color: #7bd88a; }
[data-theme="dark"] .booking-status.cancelled { background: #3a1c1e; color: #ffb1ad; }
[data-theme="dark"] .booking-steps li.is-current { background: #3a1f20; }
[data-theme="dark"] .booking-steps .bs-num { background: #3a3a41; color: #dcdce2; }
[data-theme="dark"] .booking-steps li.is-current .bs-num { background: #d6393f; color: #fff; }
[data-theme="dark"] .booking-steps li.is-done .bs-num { background: #12793f; color: #fff; }
[data-theme="dark"] .photo-upload-area.drag-over { background: #2a2d45; }

/* ---------- Рамки и разделители ---------- */
[data-theme="dark"] .header-simple,
[data-theme="dark"] .footer-simple,
[data-theme="dark"] .rules-list li,
[data-theme="dark"] .rules-list-modern li,
[data-theme="dark"] .reviews-summary,
[data-theme="dark"] .owner-info,
[data-theme="dark"] .booking-dates,
[data-theme="dark"] .date-field,
[data-theme="dark"] .guests-select,
[data-theme="dark"] .phone-field,
[data-theme="dark"] .country-code,
[data-theme="dark"] .guests-dropdown,
[data-theme="dark"] .guest-row,
[data-theme="dark"] .guest-controls button,
[data-theme="dark"] .calendar-header,
[data-theme="dark"] .calendar-dropdown,
[data-theme="dark"] .calendar-legend,
[data-theme="dark"] .booking-summary.active,
[data-theme="dark"] .booking-summary .bs-pay,
[data-theme="dark"] .pc-info,
[data-theme="dark"] .pc-info div,
[data-theme="dark"] .pc-field input,
[data-theme="dark"] .apt-price-row,
[data-theme="dark"] .profile-tabs,
[data-theme="dark"] .auth-tabs,
[data-theme="dark"] .booking-card,
[data-theme="dark"] .photo-upload-area,
[data-theme="dark"] .mobile-nav-head,
[data-theme="dark"] .mobile-nav-links a,
[data-theme="dark"] .mobile-book-bar,
[data-theme="dark"] .ac-btn,
[data-theme="dark"] .ac-input,
[data-theme="dark"] .ac-seg,
[data-theme="dark"] .ac-seg button + button,
[data-theme="dark"] .ac-chips button,
[data-theme="dark"] .ac-panel-head,
[data-theme="dark"] .reset-card input {
    border-color: var(--dark-line);
}

/* ---------- Поля ввода ---------- */
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background-color: var(--dark-raised);
    color: #f2f2f5;
    border-color: #4a4a52;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #8e8e98;
}
[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group select:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: var(--color-secondary);
}
/* Поля внутри составных блоков: рамку и фон даёт сам блок */
[data-theme="dark"] .date-field input,
[data-theme="dark"] .phone-field input {
    background-color: transparent;
}
[data-theme="dark"] .slider { background-color: #4a4a52; }

/* ---------- Календарь гостя ---------- */
[data-theme="dark"] .calendar-day:not(.empty):not(.booked) { background: var(--dark-raised); }
[data-theme="dark"] .calendar-day.booked { background: #2a1a1b; color: #8d6a6c; }
[data-theme="dark"] .calendar-days .calendar-day:not(.empty):not(.booked):not(.closed):not(.past):not(.dim):not(.selected):not(.in-range):hover {
    background: #3a3a41;
}
[data-theme="dark"] .calendar-days .calendar-day.past,
[data-theme="dark"] .calendar-days .calendar-day.dim,
[data-theme="dark"] .calendar-days .calendar-day.booked {
    color: #6c6c75;
}
[data-theme="dark"] .calendar-days .calendar-day.closed {
    background: repeating-linear-gradient(135deg, #2a2a2f 0 4px, #1c1c20 4px 8px);
    color: #6c6c75;
}
[data-theme="dark"] .calendar-days .calendar-day.in-range { background: #3a3a41; color: #f2f2f5; }
[data-theme="dark"] .calendar-days .calendar-day.selected { background: #f2f2f5; color: #1a1a1a; }
[data-theme="dark"] .calendar-days .calendar-day.selected .cal-price { color: #55555c; }
[data-theme="dark"] .calendar-days .calendar-day.today:not(.selected) { box-shadow: inset 0 0 0 1px #f2f2f5; }
[data-theme="dark"] .legend-dot.available { background: var(--dark-raised); border-color: #4a4a52; }
[data-theme="dark"] .legend-dot.booked { background: #2a1a1b; }
[data-theme="dark"] .legend-dot.selected { background: #f2f2f5; }
[data-theme="dark"] .legend-dot.closed {
    background: repeating-linear-gradient(135deg, #3a3a41 0 2px, #1c1c20 2px 4px);
    border-color: #4a4a52;
}

/* ---------- Шахматка админа ---------- */
[data-theme="dark"] .ac,
[data-theme="dark"] .ac-panel { --ac-ink: #f2f2f5; --ac-mute: #a8a8b2; --ac-line: #38383f; }
/* Кнопки и бары на --ac-ink: теперь он светлый, текст на нём нужен тёмный */
[data-theme="dark"] .ac-primary { background: #f2f2f5; border-color: #f2f2f5; color: #1a1a1a; }
[data-theme="dark"] .ac-primary:hover { background: #d8d8de; }
[data-theme="dark"] .ac-bar.confirmed { color: #1a1a1a; }
[data-theme="dark"] .ac-hcell.today b { color: #1a1a1a; }
[data-theme="dark"] .ac-cell.weekend,
[data-theme="dark"] .ac-cell.past { background: #18181b; }
[data-theme="dark"] .ac-cell.past { color: #6c6c75; }
[data-theme="dark"] .ac-hcell.month,
[data-theme="dark"] .ac-cell.month { border-left-color: #4a4a52; }
[data-theme="dark"] .ac-cell.closed,
[data-theme="dark"] .ac-dot-closed {
    background: repeating-linear-gradient(135deg, #2a2a2f 0 4px, #1c1c20 4px 8px);
}
[data-theme="dark"] .ac-sel { background: rgba(255, 255, 255, .1); }
[data-theme="dark"] .ac-bar.completed { background: #4a4a52; color: #dcdce2; }

/* ---------- Сводка по броням ---------- */
[data-theme="dark"] .br-facts li,
[data-theme="dark"] .br-scroll { background: var(--dark-surface); }
[data-theme="dark"] .br-table th,
[data-theme="dark"] .br-table td { border-bottom-color: var(--dark-line); }

/* ---------- Страницы списка броней ---------- */
[data-theme="dark"] .bp-btn { background: var(--dark-raised); border-color: var(--dark-line); }
[data-theme="dark"] .bp-btn:hover:not(:disabled):not(.is-current) { background: #33333a; }
[data-theme="dark"] .bp-btn.is-current { background: #f2f2f5; border-color: #f2f2f5; color: #1a1a1a; }

/* ---------- Администраторы ---------- */
[data-theme="dark"] .au-row { border-bottom-color: var(--dark-line); }
[data-theme="dark"] .au-status.ok { color: #7bd88a; }
[data-theme="dark"] .au-status.error { color: #ff9c97; }

/* ---------- Кабинет гостя ---------- */
[data-theme="dark"] .gc-help { background: var(--dark-surface); }
[data-theme="dark"] .gc-item { border-bottom-color: var(--dark-line); }

/* ---------- Заглушки при загрузке ---------- */
[data-theme="dark"] .ui-skel {
    background: linear-gradient(90deg, #27272c 25%, #33333a 37%, #27272c 63%);
    background-size: 400% 100%;
}

/* ---------- Карта Яндекса остаётся светлой, поэтому её подсказки тоже ---------- */
[data-theme="dark"] .map-balloon h4 { color: #1a1a1a; }
[data-theme="dark"] .map-balloon p { color: #666; }

/* ---------- Цвета, заданные прямо в разметке и в JS (профиль, отзывы, брони админа) ---------- */
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#fff"] {
    background: var(--dark-surface) !important;
}
[data-theme="dark"] [style*="background: #f8f9fa"],
[data-theme="dark"] [style*="background:#f8f9fa"],
[data-theme="dark"] [style*="background: #f5f5"],
[data-theme="dark"] [style*="background: #e9ecef"],
[data-theme="dark"] [style*="background: #f0"] {
    background: var(--dark-raised) !important;
}
[data-theme="dark"] [style*="color: #2d3436"],
[data-theme="dark"] [style*="color:#2d3436"],
[data-theme="dark"] [style*="color: #333"],
[data-theme="dark"] [style*="color:#333"] {
    color: #f2f2f5 !important;
}
[data-theme="dark"] [style*="color: #555"],
[data-theme="dark"] [style*="color: #666"],
[data-theme="dark"] [style*="color:#666"],
[data-theme="dark"] [style*="color: #777"],
[data-theme="dark"] [style*="color:#777"],
[data-theme="dark"] [style*="color: #999"],
[data-theme="dark"] [style*="color:#999"],
[data-theme="dark"] [style*="color:#6b6b70"] {
    color: var(--color-text-light) !important;
}
[data-theme="dark"] [style*="border: 1px solid #"],
[data-theme="dark"] [style*="border:1px solid #"] {
    border-color: var(--dark-line) !important;
}