/* Тёмная тема страницы инструмента (tz-app 1.16.0).
   Подключается только на страницах с шорткодом [tz-app] (tz-app.php → wp_enqueue_scripts), правила действуют
   только при html[data-theme="dark"] — атрибут ставит скрипт в <head> до отрисовки.
   app.css и стили темы WP не переписаны на переменные: здесь — перекрытия по компонентам.
   Префикс html[data-theme="dark"] даёт специфичность выше, чем у app.css, который подключается позже в body. */

html[data-theme="dark"] {
	--d-bg: #16181c;
	--d-surface: #1e2126;
	--d-surface-2: #262a30;
	--d-surface-3: #2e333a;
	--d-sunken: #1a1d21;
	--d-border: #343a42;
	--d-border-2: #444c56;
	--d-text: #e6e8eb;
	--d-text-2: #c5ccd3;
	--d-muted: #9aa3ad;
	--d-faint: #6e7781;
	--d-accent: #6cb4ea;
	--d-accent-hover: #8fc6f0;
	--d-accent-bg: rgba(108, 180, 234, .14);
	--d-fill: #2b6fa8;
	--d-fill-hover: #3580bf;
	--d-amber: #f59e0b;
	--d-warn: #f0b45a;
	--d-warn-bg: rgba(245, 158, 11, .12);
	--d-ok: #4ac26b;
	--d-ok-bg: rgba(74, 194, 107, .12);
	--d-err: #ff7b72;
	--d-err-bg: rgba(255, 123, 114, .12);
	color-scheme: dark;
	background-color: var(--d-bg);
}

/* Плавная смена — только после клика по переключателю (класс ставит app.js) */
html.tz-theme-anim body,
html.tz-theme-anim .site-header,
html.tz-theme-anim .main-navigation,
html.tz-theme-anim .site-footer,
html.tz-theme-anim .meta-wrap,
html.tz-theme-anim .instruction,
html.tz-theme-anim .seomacros_meta,
html.tz-theme-anim .seomacros_inputsPhrases {
	-webkit-transition: background-color .2s ease, color .2s ease, border-color .2s ease;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* ───────────── Тема WP (Reboot + child) ───────────── */

html[data-theme="dark"] body,
html[data-theme="dark"] #page,
html[data-theme="dark"] .site-content {
	background-color: var(--d-bg);
	color: var(--d-text);
}
html[data-theme="dark"] a,
html[data-theme="dark"] a:visited {
	color: var(--d-text);
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
	color: var(--d-text);
}
html[data-theme="dark"] h2 {
	color: var(--d-accent);
}

/* Шапка и меню */
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .main-navigation,
html[data-theme="dark"] .footer-navigation {
	background: var(--d-bg);
	-webkit-box-shadow: inset 0 -1px 0 0 var(--d-border);
	box-shadow: inset 0 -1px 0 0 var(--d-border);
	color: var(--d-text);
}
html[data-theme="dark"] .site-title a,
html[data-theme="dark"] .site-description,
html[data-theme="dark"] .top-menu a,
html[data-theme="dark"] .top-menu span,
html[data-theme="dark"] .main-navigation a,
html[data-theme="dark"] .main-navigation span {
	color: var(--d-text);
}
html[data-theme="dark"] .main-navigation ul li {
	border-color: var(--d-border);
}
html[data-theme="dark"] .main-navigation ul li.menu-item-has-children:before {
	background: var(--d-surface-2);
}
html[data-theme="dark"] .main-navigation ul li .sub-menu,
html[data-theme="dark"] .top-menu ul li .sub-menu {
	background: var(--d-surface-2);
	-webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .5);
	box-shadow: 0 8px 30px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] .main-navigation ul li > a:before,
html[data-theme="dark"] .main-navigation ul li > span:before {
	background: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .humburger span {
	background: var(--d-text);
}
html[data-theme="dark"] .search-screen {
	background: var(--d-surface);
}
/* логотип — jpg на белом: светлая подложка, чтобы не было белого прямоугольника с острыми углами */
html[data-theme="dark"] .site-logotype img {
	background: #fff;
	border-radius: 8px;
	padding: 4px 6px;
}

/* Хлебные крошки, статья */
html[data-theme="dark"] .breadcrumb {
	color: var(--d-muted);
}
html[data-theme="dark"] .breadcrumb a,
html[data-theme="dark"] .breadcrumb span {
	color: var(--d-accent);
}
html[data-theme="dark"] .entry-content {
	color: var(--d-text);
}
html[data-theme="dark"] .entry-content p > a:not([class]),
html[data-theme="dark"] .entry-content li > a:not([class]),
html[data-theme="dark"] main li > a,
html[data-theme="dark"] main li > a:visited {
	color: var(--d-accent);
}
html[data-theme="dark"] .entry-content ol:not([class]) > li:before {
	color: var(--d-accent);
}
html[data-theme="dark"] .entry-content ul:not([class]) > li:before {
	border-color: var(--d-accent);
}
html[data-theme="dark"] .entry-content blockquote {
	background: var(--d-surface);
	border-color: var(--d-border);
	color: var(--d-text);
}
html[data-theme="dark"] .entry-content code {
	background: var(--d-surface-3);
	color: var(--d-text);
}
html[data-theme="dark"] .entry-content table,
html[data-theme="dark"] .entry-content table td,
html[data-theme="dark"] .entry-content table th {
	border-color: var(--d-border);
}
html[data-theme="dark"] .entry-content table th {
	background: var(--d-surface-2);
}
html[data-theme="dark"] .entry-content mark,
html[data-theme="dark"] .entry-content .mark {
	background-color: rgba(245, 158, 11, .3);
	color: var(--d-text);
}
html[data-theme="dark"] .entry-content figcaption,
html[data-theme="dark"] .entry-content .wp-caption-text {
	color: var(--d-muted);
}
html[data-theme="dark"] .spoiler-box {
	background: var(--d-surface);
}
html[data-theme="dark"] .spoiler-box__body {
	background: var(--d-surface-2);
}
html[data-theme="dark"] .wpremark {
	background: var(--d-surface) !important;
	color: var(--d-text) !important;
}

/* Поля ввода — общие (комментарии, поиск; поля инструмента ниже уточнены) */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
	background-color: var(--d-sunken);
	border-color: var(--d-border-2);
	color: var(--d-text);
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
	color: var(--d-faint);
}

/* Expert Review: FAQ, лайки */
html[data-theme="dark"] .expert-review-faq--style-style-3 .expert-review-faq-item {
	background: var(--d-sunken);
}
html[data-theme="dark"] .expert-review-faq--style-style-3 .expert-review-faq-item__question:before {
	background: var(--d-muted);
}
html[data-theme="dark"] .expert-review-faq-item__question {
	background: var(--d-surface) !important;
	color: var(--d-text);
}
html[data-theme="dark"] .expert-review-faq-item__answer {
	color: var(--d-text-2) !important;
}
html[data-theme="dark"] .expert-review-faq-item {
	border-color: var(--d-border) !important;
}
html[data-theme="dark"] .expert-review-likes__button {
	background: var(--d-surface-2);
	color: var(--d-text);
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .14);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .14);
}
html[data-theme="dark"] .expert-review--color-blue-2 {
	background: var(--d-surface);
}

/* Звёзды оценки (Reboot): неактивные — серые, активные и наведённые — светлый акцент */
html[data-theme="dark"] .star-rating-item {
	color: var(--d-border-2);
}
html[data-theme="dark"] .star-rating-item.hover,
html[data-theme="dark"] .star-rating--score-1:not(.hover) .star-rating-item:nth-child(-n+1),
html[data-theme="dark"] .star-rating--score-2:not(.hover) .star-rating-item:nth-child(-n+2),
html[data-theme="dark"] .star-rating--score-3:not(.hover) .star-rating-item:nth-child(-n+3),
html[data-theme="dark"] .star-rating--score-4:not(.hover) .star-rating-item:nth-child(-n+4),
html[data-theme="dark"] .star-rating--score-5:not(.hover) .star-rating-item:nth-child(-n+5) {
	color: var(--d-accent);
}

/* Похожие статьи */
html[data-theme="dark"] .post-card--related.post-card--thumbnail-no {
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .post-card--related.post-card--thumbnail-no:hover {
	border-color: var(--d-accent);
}

/* Автор */
html[data-theme="dark"] .author-box {
	background: var(--d-surface);
}
html[data-theme="dark"] .author-boxes .title_author,
html[data-theme="dark"] .author-box__description,
html[data-theme="dark"] .author-box__description p,
html[data-theme="dark"] .author-box__description b {
	color: var(--d-text-2);
}

/* Комментарии */
html[data-theme="dark"] .comment-list .comment-author,
html[data-theme="dark"] .comment-author.pseudo-link {
	color: var(--d-text);
}
html[data-theme="dark"] .comment-list .comment-time {
	color: var(--d-muted);
}
html[data-theme="dark"] .comment-content .pseudo-clearfy-link {
	color: var(--d-accent);
}
html[data-theme="dark"] .comment-respond .form-submit input,
html[data-theme="dark"] #commentform #submit {
	background: var(--d-fill);
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
html[data-theme="dark"] .comment-respond .form-submit input:hover,
html[data-theme="dark"] #commentform #submit:hover {
	background: var(--d-fill-hover);
}

/* Подвал: фирменный синий заменяем на тёмную плашку с границей сверху */
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .site-footer--style-gray {
	background: #111316;
	border-top: 1px solid var(--d-border);
	color: var(--d-text-2);
}
html[data-theme="dark"] .site-footer a,
html[data-theme="dark"] .site-footer .pseudo-link,
html[data-theme="dark"] .footer-info a {
	color: var(--d-accent);
}
html[data-theme="dark"] .scrolltop {
	background: var(--d-surface-2);
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .5);
}

/* ───────────── Контент страницы: блок «Как пользоваться» (стили в child-теме) ───────────── */

html[data-theme="dark"] .instruction {
	background-color: var(--d-surface);
}
html[data-theme="dark"] .instruction__title,
html[data-theme="dark"] .instruction__card-title,
html[data-theme="dark"] .instruction__text {
	color: var(--d-text);
}
html[data-theme="dark"] .instruction__descr,
html[data-theme="dark"] .instruction__btn {
	color: var(--d-accent);
}
html[data-theme="dark"] .instruction__card {
	background-color: var(--d-surface-2);
	border-color: var(--d-border);
}
html[data-theme="dark"] .instruction__card-title span,
html[data-theme="dark"] .instruction__form-btn {
	background-color: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] .instruction__card-text {
	color: var(--d-muted);
}
html[data-theme="dark"] .instruction__card-down,
html[data-theme="dark"] .instruction__text-inside_padding,
html[data-theme="dark"] .instruction__card-list,
html[data-theme="dark"] .instruction__letter,
html[data-theme="dark"] .instruction__card-block-list,
html[data-theme="dark"] .instruction__input {
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .instruction__letter_bg,
html[data-theme="dark"] .instruction__letter.instruction__text-inside {
	background-color: var(--d-surface-3);
	color: var(--d-accent);
}
html[data-theme="dark"] .instruction__btn {
	background-color: var(--d-surface-3);
}
html[data-theme="dark"] .instruction__text-inside_color {
	color: var(--d-muted);
}
html[data-theme="dark"] .instruction__text-inside_border {
	background-color: var(--d-border-2);
}
html[data-theme="dark"] .instruction__image img:focus-visible {
	outline-color: var(--d-accent);
}

/* ───────────── Инструмент (#app, app.css) ───────────── */

/* Вкладки и подложка */
html[data-theme="dark"] .seomacros_tool_tab {
	background: var(--d-bg);
	border-color: var(--d-border);
	color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_tool_tab:hover {
	background: var(--d-surface-2);
}
html[data-theme="dark"] .seomacros_tool_tab.open,
html[data-theme="dark"] .meta-wrap {
	background: var(--d-surface);
	border-color: var(--d-surface);
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_title h1,
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__h {
	color: var(--d-text);
}

/* Кнопки-ссылки в шапке инструмента (Настройки, донат, тема) */
html[data-theme="dark"] .seomacros_settings_link,
html[data-theme="dark"] .seomacros_btn_border {
	color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_settings_link:hover,
html[data-theme="dark"] .seomacros_btn_border:hover {
	background-color: var(--d-accent-bg);
	color: var(--d-accent-hover) !important;
}
html[data-theme="dark"] .seomacros_mparse_form .seomacros_mparse_input {
	background-color: var(--d-sunken);
	border-color: var(--d-border-2);
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_mparse_form button {
	background-color: var(--d-surface-3);
	border-color: var(--d-border-2);
	color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_mparse_form button:hover {
	background-color: var(--d-accent-bg);
	border-color: var(--d-accent);
	color: var(--d-accent-hover);
}

/* Кнопки */
html[data-theme="dark"] .seomacros_btn,
html[data-theme="dark"] .parser__button {
	background-color: var(--d-fill);
	border-color: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] .seomacros_btn:hover,
html[data-theme="dark"] .parser__button:hover {
	background-color: var(--d-fill-hover);
	border-color: var(--d-fill-hover);
}
html[data-theme="dark"] .seomacros_clearMeta,
html[data-theme="dark"] .parser__button-border {
	background-color: transparent;
	border-color: var(--d-accent);
	color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_clearMeta:hover {
	background-color: var(--d-err-bg);
	border-color: var(--d-err);
	color: var(--d-err);
}

/* Поле фраз, мелкие кнопки над ним */
html[data-theme="dark"] .seomacros_inputsPhrases,
html[data-theme="dark"] .seomacros_inputCommerceQuery,
html[data-theme="dark"] .seomacros_frequency,
html[data-theme="dark"] .seomacros_commerce_result,
html[data-theme="dark"] .emoji__list,
html[data-theme="dark"] .seomacros_searchlist {
	background-color: var(--d-sunken);
	border-color: var(--d-border-2);
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_clearPhrases,
html[data-theme="dark"] .seomacros_collapse,
html[data-theme="dark"] .seomacros_back,
html[data-theme="dark"] .seomacros_stop,
html[data-theme="dark"] .seomacros_frequencyShow,
html[data-theme="dark"] .seomacros_clearnumbers,
html[data-theme="dark"] .seomacros_commerceShow {
	background-color: var(--d-surface-2);
	border-color: var(--d-border-2);
	color: var(--d-text-2);
}
html[data-theme="dark"] #seomacros_resizer {
	background: var(--d-surface-3);
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .seomacros_inputs textarea,
html[data-theme="dark"] .seomacros_area_str,
html[data-theme="dark"] .seomacros_area_desc {
	background-color: var(--d-sunken);
	border-color: var(--d-border-2);
	color: var(--d-text);
}

/* Строки фраз, частотность */
html[data-theme="dark"] .seomacros_str:nth-child(2n+1) {
	background: rgba(255, 255, 255, .04);
}
html[data-theme="dark"] .seomacros_wcount {
	background: var(--d-surface-3);
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_str.seomacros_str_miss {
	background: var(--d-warn-bg);
}
html[data-theme="dark"] .seomacros_str.seomacros_str_miss:nth-child(2n+1) {
	background: rgba(245, 158, 11, .18);
}
html[data-theme="dark"] .seomacros_frequency__item:nth-child(2n),
html[data-theme="dark"] .seomacros_commerce__item:nth-child(2n) {
	background-color: var(--d-surface);
}
html[data-theme="dark"] .seomacros_frequency__text,
html[data-theme="dark"] .seomacros_commerce__text {
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_frequency__text::after,
html[data-theme="dark"] .seomacros_commerce__text::after {
	background: linear-gradient(90deg, rgba(26, 29, 33, 0) 0%, var(--d-sunken) 85.42%);
}
html[data-theme="dark"] .seomacros_frequency__item:nth-child(2n) .seomacros_frequency__text::after,
html[data-theme="dark"] .seomacros_commerce__item:nth-child(2n) .seomacros_commerce__text::after {
	background: linear-gradient(90deg, rgba(30, 33, 38, 0) 0%, var(--d-surface) 85.42%);
}
html[data-theme="dark"] .seomacros_frequency__list {
	color: var(--d-muted);
}
html[data-theme="dark"] .seomacros_frequencyBtn {
	background-color: var(--d-surface-3);
	border-color: var(--d-border-2);
	color: var(--d-text-2);
}
html[data-theme="dark"] .seomacros_frequencyBtn.active {
	background-color: var(--d-fill);
	border-color: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] a.seomacros_wend_link,
html[data-theme="dark"] a.seomacros_wend_link:link,
html[data-theme="dark"] a.seomacros_wend_link:visited {
	color: var(--d-muted);
}
html[data-theme="dark"] a.seomacros_wend_link:hover {
	color: var(--d-text);
}
html[data-theme="dark"] a.seomacros_wend_link:hover > div.seomacros_wend_list {
	background: var(--d-surface-2);
	border-color: var(--d-border-2);
	color: var(--d-text);
}

/* Анализ, мета, сниппеты */
html[data-theme="dark"] .seomacros_analize,
html[data-theme="dark"] .seomacros_settings,
html[data-theme="dark"] .parser__top,
html[data-theme="dark"] .parser__result {
	background-color: var(--d-surface-2);
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_meta {
	background-color: var(--d-surface-2);
}
html[data-theme="dark"] .snippets,
html[data-theme="dark"] .seomacros_ai {
	background-color: var(--d-sunken);
}
html[data-theme="dark"] .seomacros_2area_placeholder,
html[data-theme="dark"] .sstop_block__text,
html[data-theme="dark"] .commerce_block__text,
html[data-theme="dark"] .parser__label,
html[data-theme="dark"] .parser__result-wait,
html[data-theme="dark"] .seomacros_custom__title {
	color: var(--d-muted);
}
/* сниппеты — в цветах тёмной выдачи */
html[data-theme="dark"] .snippet_yandex,
html[data-theme="dark"] .snippet_google,
html[data-theme="dark"] .snippet_mobile {
	background-color: #202124;
}
html[data-theme="dark"] .snippet_google .snippet_title,
html[data-theme="dark"] .snippet_mobile .snippet_title {
	color: #8ab4f8;
}
html[data-theme="dark"] .snippet_google .snippet_link {
	color: #dadce0;
}
html[data-theme="dark"] .snippet_google .snippet_desc,
html[data-theme="dark"] .snippet_mobile .snippet_desc {
	color: #bdc1c6;
}
html[data-theme="dark"] .snippet_yandex .snippet_title {
	color: #a7b9ff;
}
html[data-theme="dark"] .snippet_yandex .snippet_link {
	color: #6fc98a;
}
html[data-theme="dark"] .snippet_yandex .snippet_desc {
	color: #c9ccd1;
}
html[data-theme="dark"] .snippet_width,
html[data-theme="dark"] .seomacros_limit {
	background: rgba(32, 33, 36, .85);
	color: var(--d-muted);
}
html[data-theme="dark"] .seomacros_limit {
	background: transparent;
}
html[data-theme="dark"] .seomacros_limit > span.seomacros_area_over,
html[data-theme="dark"] .snippet_width > span.seomacros_area_over,
html[data-theme="dark"] span.seomacros_h1_alarm {
	background: #c93c37;
	color: #fff;
}
html[data-theme="dark"] .seomacros_limit > span.seomacros_cover {
	color: var(--d-ok);
}
html[data-theme="dark"] .seomacros_limit > span.seomacros_cover.seomacros_area_over {
	background: var(--d-warn-bg);
	color: var(--d-warn);
}
html[data-theme="dark"] .seomacros_spam,
html[data-theme="dark"] .seomacros_ai__spam {
	color: var(--d-err);
}
html[data-theme="dark"] .blink {
	background-color: var(--d-text);
}

/* Подсветка слов в полях (jquery.highlight-within-textarea) */
html[data-theme="dark"] .hwt-content mark {
	background: rgba(108, 180, 234, .28);
}

/* Эмодзи, подсказки */
html[data-theme="dark"] .emoji__toggle svg {
	fill: var(--d-faint);
}
html[data-theme="dark"] a.emj_link,
html[data-theme="dark"] a.emj_link:link,
html[data-theme="dark"] a.emj_link:visited,
html[data-theme="dark"] a.emj_open,
html[data-theme="dark"] a.emj_open:link,
html[data-theme="dark"] a.emj_open:visited {
	color: var(--d-text);
}
html[data-theme="dark"] a.emj_link:hover {
	background: var(--d-surface-3);
}
html[data-theme="dark"] #seomacros_emoji {
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .tooltip__toggle {
	background-color: var(--d-border-2);
	color: var(--d-text);
}
html[data-theme="dark"] .tooltip__desription {
	background-color: var(--d-surface-3);
	border-color: var(--d-border-2);
	-webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .5);
	box-shadow: 0 6px 20px rgba(0, 0, 0, .5);
	color: var(--d-text-2);
}

/* Тумблеры, слайдер */
html[data-theme="dark"] .toggle span::before,
html[data-theme="dark"] .commerce_range__slider {
	background-color: var(--d-border-2);
}
html[data-theme="dark"] .toggle span::after {
	background-color: var(--d-text);
}
html[data-theme="dark"] .toggle input:checked + span::before,
html[data-theme="dark"] .commerce_range__slider .ui-slider-range {
	background-color: var(--d-fill);
}
html[data-theme="dark"] .commerce_range__slider .ui-slider-handle {
	background-color: var(--d-text);
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .seomacros_simple_close_on,
html[data-theme="dark"] .seomacros_language_close_on,
html[data-theme="dark"] .seomacros_deleteFnParts_close_on {
	background: var(--d-surface-2);
}
html[data-theme="dark"] .parser__progress {
	background-color: var(--d-surface-3);
}
html[data-theme="dark"] .parser__progress-bar {
	background-color: var(--d-fill-hover);
}

/* ИИ-генерация */
html[data-theme="dark"] .seomacros_ai__title,
html[data-theme="dark"] .seomacros_ai__caption,
html[data-theme="dark"] .seomacros_ai__text {
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_ai__sub,
html[data-theme="dark"] .seomacros_ai__note,
html[data-theme="dark"] .seomacros_ai__size,
html[data-theme="dark"] .seomacros_ai__hint {
	color: var(--d-muted);
}
html[data-theme="dark"] .seomacros_ai__quota {
	background: var(--d-surface-2);
	border-color: var(--d-border-2);
	color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_ai__quota.seomacros_ai__quota_low {
	background: var(--d-warn-bg);
	border-color: rgba(245, 158, 11, .45);
	color: var(--d-warn);
}
html[data-theme="dark"] .seomacros_ai__details {
	background: var(--d-surface-2);
	border-color: var(--d-border);
}
/* кнопка «тихая магия»: перелив по рамке остаётся, середина — тёмная */
html[data-theme="dark"] .seomacros_ai__go {
	color: var(--d-accent-hover);
	background:
		linear-gradient(var(--d-surface-2), var(--d-surface-2)) padding-box,
		conic-gradient(from var(--seomacros-ai-a), #7fb3d9, #38bdf8, #5eead4, #0d619f, #7fb3d9) border-box;
}
html[data-theme="dark"] .seomacros_ai__go:hover {
	background:
		linear-gradient(#22303d, #22303d) padding-box,
		conic-gradient(from var(--seomacros-ai-a), #38bdf8, #0ea5e9, #2dd4bf, #7fb3d9, #38bdf8) border-box;
	-webkit-box-shadow: 0 0 0 4px rgba(56, 189, 248, .14), 0 4px 14px rgba(0, 0, 0, .35);
	box-shadow: 0 0 0 4px rgba(56, 189, 248, .14), 0 4px 14px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] .seomacros_ai__go:disabled {
	color: var(--d-muted);
}
html[data-theme="dark"] .seomacros_ai__s1 {
	fill: #6cb4ea;
}
html[data-theme="dark"] .seomacros_ai__alert {
	background: var(--d-err-bg);
	border-color: rgba(255, 123, 114, .4);
	color: var(--d-err);
}
html[data-theme="dark"] .seomacros_ai__count,
html[data-theme="dark"] .seomacros_ai__tag {
	background: var(--d-surface-3);
	color: var(--d-text-2);
}
html[data-theme="dark"] .seomacros_ai__tag.seomacros_ai__tag_ok {
	background: var(--d-ok-bg);
	color: var(--d-ok);
}
html[data-theme="dark"] .seomacros_ai__tag.seomacros_ai__tag_bad {
	background: var(--d-warn-bg);
	color: var(--d-warn);
}
html[data-theme="dark"] .seomacros_ai__size .seomacros_ai__bad,
html[data-theme="dark"] .seomacros_region_err {
	color: var(--d-warn);
}
html[data-theme="dark"] .seomacros_ai__item {
	background: var(--d-surface-2);
	border-color: var(--d-border);
}
html[data-theme="dark"] .seomacros_ai__item:hover {
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .seomacros_ai__item.seomacros_ai__item_on {
	border-color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_ai__use {
	background: transparent;
	border-color: var(--d-border-2);
	color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_ai__item:hover .seomacros_ai__use:not(:disabled),
html[data-theme="dark"] .seomacros_ai__use:not(:disabled):hover {
	background: var(--d-fill);
	border-color: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] .seomacros_ai__use:disabled {
	color: var(--d-ok);
}
html[data-theme="dark"] .seomacros_ai__skel i {
	background: linear-gradient(90deg, #2a2f36 25%, #343a42 50%, #2a2f36 75%) 0 0 / 200% 100%;
}
html[data-theme="dark"] .seomacros_ai_settings select,
html[data-theme="dark"] .seomacros_ai_settings input {
	background: var(--d-sunken);
	border-color: var(--d-border-2);
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_ai__link {
	color: var(--d-accent);
}

/* Настройки */
html[data-theme="dark"] #seomacros_settings.seomacros_settings {
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_st__panel {
	background: var(--d-surface-2);
	border-color: var(--d-border);
}
html[data-theme="dark"] .seomacros_st__head,
html[data-theme="dark"] .seomacros_st__line,
html[data-theme="dark"] .seomacros_st__more {
	border-color: var(--d-border);
}
html[data-theme="dark"] #seomacros_settings .seomacros_st__tab,
html[data-theme="dark"] .seomacros_st__reset,
html[data-theme="dark"] .seomacros_st__indent,
html[data-theme="dark"] #seomacros_settings .seomacros_st__table thead th {
	color: var(--d-muted);
}
html[data-theme="dark"] #seomacros_settings .seomacros_st__tab:hover,
html[data-theme="dark"] .seomacros_st__reset:hover,
html[data-theme="dark"] .seomacros_st__more summary {
	color: var(--d-accent);
}
html[data-theme="dark"] #seomacros_settings .seomacros_st__tab.active,
html[data-theme="dark"] #seomacros_settings .seomacros_st__tab.active:focus {
	color: var(--d-accent);
	border-bottom-color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_st__name,
html[data-theme="dark"] .seomacros_st__current b {
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_st__hint,
html[data-theme="dark"] .seomacros_st__muted,
html[data-theme="dark"] .seomacros_st small,
html[data-theme="dark"] #seomacros_settings .seomacros_st__table .seomacros_st__units th {
	color: var(--d-muted);
}
html[data-theme="dark"] .seomacros_st__na {
	color: var(--d-faint);
}
html[data-theme="dark"] .seomacros_st__foot {
	background: var(--d-surface);
	border-color: var(--d-border);
}
html[data-theme="dark"] .seomacros_st__saved {
	color: var(--d-ok);
}
html[data-theme="dark"] .seomacros_st__saved .seomacros_check {
	background-color: var(--d-ok);
}
html[data-theme="dark"] .seomacros_st input[type=number],
html[data-theme="dark"] .seomacros_st input[type=text],
html[data-theme="dark"] .seomacros_st input[type=password],
html[data-theme="dark"] .seomacros_st select,
html[data-theme="dark"] .seomacros_st .seomacros_settings__textarea,
html[data-theme="dark"] .seomacros_st__table input {
	background: var(--d-sunken);
	border-color: var(--d-border-2);
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_st input:disabled {
	background: var(--d-surface-3);
	color: var(--d-faint);
}
html[data-theme="dark"] .seomacros_seg {
	background: var(--d-sunken);
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .seomacros_seg span {
	color: var(--d-text-2);
}
html[data-theme="dark"] .seomacros_seg label:hover span {
	background: var(--d-surface-3);
}
html[data-theme="dark"] .seomacros_seg input:checked + span {
	background: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] #seomacros_settings .seomacros_st__region .seomacros_searchlist {
	background: var(--d-surface-2);
	border-color: var(--d-border-2);
	-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] #seomacros_settings .seomacros_st__region .seomacros_searchlist a {
	color: var(--d-text);
}
html[data-theme="dark"] #seomacros_settings .seomacros_st__region .seomacros_searchlist a:hover {
	background: var(--d-surface-3);
	color: var(--d-accent);
}

/* Вкладка «Предложить идею» */
html[data-theme="dark"] .seomacros_ideas,
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__title,
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__ph,
html[data-theme="dark"] .seomacros_ideas__label {
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__sub,
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__thanks p {
	color: var(--d-muted);
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__desc {
	color: var(--d-text-2);
}
html[data-theme="dark"] .seomacros_ideas__state,
html[data-theme="dark"] .seomacros_ideas__date,
html[data-theme="dark"] .seomacros_ideas__meta,
html[data-theme="dark"] .seomacros_ideas__counter,
html[data-theme="dark"] .seomacros_ideas__opt,
html[data-theme="dark"] .seomacros_ideas__field small,
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__item_done .seomacros_ideas__title,
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__item_done .seomacros_ideas__desc {
	color: var(--d-muted);
}
html[data-theme="dark"] .seomacros_ideas__counter.warn {
	color: var(--d-warn);
}
html[data-theme="dark"] .seomacros_ideas__jump,
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__link {
	color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__link:hover {
	color: var(--d-accent-hover);
}
html[data-theme="dark"] .seomacros_ideas__list,
html[data-theme="dark"] .seomacros_ideas__panel {
	background: var(--d-surface-2);
	border-color: var(--d-border);
}
html[data-theme="dark"] .seomacros_ideas__item {
	border-color: var(--d-border);
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__vote {
	background: transparent;
	border-color: var(--d-border-2);
	color: var(--d-accent);
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__vote:hover {
	background: var(--d-accent-bg);
	border-color: var(--d-accent);
	color: var(--d-accent-hover);
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__vote.active {
	background: var(--d-fill);
	border-color: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] .seomacros_ideas__status.is-new {
	background: var(--d-surface-3);
	color: var(--d-text-2);
}
html[data-theme="dark"] .seomacros_ideas__status.is-planned {
	border-color: var(--d-amber);
	color: var(--d-warn);
}
html[data-theme="dark"] .seomacros_ideas__status.is-done {
	background: var(--d-ok-bg);
	color: var(--d-ok);
}
html[data-theme="dark"] .seomacros_ideas__field input,
html[data-theme="dark"] .seomacros_ideas__field textarea {
	background: var(--d-sunken);
	border-color: var(--d-border-2);
	color: var(--d-text);
}
html[data-theme="dark"] .seomacros_ideas__field input:focus,
html[data-theme="dark"] .seomacros_ideas__field textarea:focus {
	border-color: var(--d-accent);
	-webkit-box-shadow: 0 0 0 3px rgba(108, 180, 234, .2);
	box-shadow: 0 0 0 3px rgba(108, 180, 234, .2);
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__submit {
	background: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__submit:hover {
	background: var(--d-fill-hover);
}
html[data-theme="dark"] .seomacros_ideas .seomacros_ideas__submit:disabled {
	background: #3a4a58;
	color: var(--d-muted);
}
html[data-theme="dark"] .seomacros_ideas__thanks > .seomacros_check {
	color: var(--d-ok);
}

/* Разделители (border-top/bottom/left в app.css) */
html[data-theme="dark"] .seomacros_ai__lists,
html[data-theme="dark"] .seomacros_emoji_cat,
html[data-theme="dark"] .seomacros_commerce__list,
html[data-theme="dark"] .parser__settings,
html[data-theme="dark"] .parser__copy,
html[data-theme="dark"] .seomacros_seg label + label {
	border-color: var(--d-border);
}
html[data-theme="dark"] a.seomacros_wend_link,
html[data-theme="dark"] a.seomacros_wend_link:link,
html[data-theme="dark"] a.seomacros_wend_link:visited {
	border-bottom-color: var(--d-faint);
}
html[data-theme="dark"] a.seomacros_wend_link:hover {
	border-bottom-color: var(--d-muted);
}

/* Модальные окна (modal.css) */
html[data-theme="dark"] .modal {
	background: var(--d-surface-2);
	color: var(--d-text);
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
	box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
}

/* ───────────── Донаты (deploy/donate → inc/donate/donate.css) ───────────── */

html[data-theme="dark"] .donate {
	background: var(--d-surface-2);
	color: var(--d-text);
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
	box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .donate::backdrop {
	background: rgba(0, 0, 0, .7);
}
html[data-theme="dark"] .donate__close {
	color: var(--d-muted);
}
html[data-theme="dark"] .donate__close:hover {
	color: var(--d-text);
}
html[data-theme="dark"] .donate__intro {
	color: var(--d-text-2);
}
html[data-theme="dark"] .donate__tab {
	background: transparent;
	border-color: var(--d-border-2);
	color: var(--d-accent);
}
html[data-theme="dark"] .donate__tab[aria-selected="true"] {
	background: var(--d-fill);
	border-color: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] .donate__table,
html[data-theme="dark"] .donate__table th,
html[data-theme="dark"] .donate__table td {
	border-color: var(--d-border);
}
html[data-theme="dark"] .donate__table th {
	background: var(--d-surface-3);
	color: var(--d-text);
}
html[data-theme="dark"] .donate__row:hover td,
html[data-theme="dark"] .donate__row.is-current td,
html[data-theme="dark"] .donate__table .donate__row:hover,
html[data-theme="dark"] .donate__table .donate__row.is-current {
	background: var(--d-surface-3);
}
html[data-theme="dark"] .donate__addr {
	color: var(--d-accent);
}
html[data-theme="dark"] .donate__hint,
html[data-theme="dark"] .donate__qr-caption,
html[data-theme="dark"] .donate__verify,
html[data-theme="dark"] .donate__table .donate__coin,
html[data-theme="dark"] .donate__table .donate__net {
	color: var(--d-muted);
}
html[data-theme="dark"] .donate__hint.is-done {
	color: var(--d-ok);
}
html[data-theme="dark"] .donate__deeplink {
	border-color: var(--d-accent);
	color: var(--d-accent) !important;
}
html[data-theme="dark"] .donate__warning {
	background: var(--d-warn-bg);
	color: var(--d-text);
}
/* QR оставляем чёрным по белому — иначе камера не считает */
html[data-theme="dark"] .donate__qr {
	background: #fff;
	border-radius: 6px;
	padding: 6px;
}

/* ───────────── Квиз (hd-quiz) ───────────── */

html[data-theme="dark"] .hdq_question,
html[data-theme="dark"] .hdq_results_wrapper {
	background: var(--d-surface);
}
html[data-theme="dark"] h2.hdq_results_title,
html[data-theme="dark"] h3.hdq_question_heading,
html[data-theme="dark"] .hdq_quiz .hdq_input {
	color: var(--d-text);
}
html[data-theme="dark"] .hdq_label_answer {
	color: var(--d-text) !important;
}
html[data-theme="dark"] .hdq_quiz .hdq_row:hover,
html[data-theme="dark"] .hdq_share,
html[data-theme="dark"] .hdq_question_after_text,
html[data-theme="dark"] .hdq_breakdown_track {
	background: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .hdq_disabled .hdq_row:hover {
	background: transparent;
}
html[data-theme="dark"] .hdq_quiz_wrapper .hdq_button {
	background: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] .hdq_correct {
	border-color: var(--d-ok);
	background: var(--d-ok-bg);
}
html[data-theme="dark"] .hdq_wrong {
	border-color: var(--d-err);
	background: var(--d-err-bg);
}
html[data-theme="dark"] .hdq_correct_not_selected {
	background: var(--d-ok-bg);
}
html[data-theme="dark"] .hdq-options-check .hdq_toggle:before {
	background: var(--d-border-2);
}
html[data-theme="dark"] .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:before {
	background: var(--d-fill);
}
html[data-theme="dark"] .hdq-options-check .hdq_toggle:after,
html[data-theme="dark"] .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:after {
	background: var(--d-text);
}
html[data-theme="dark"] .hdq_question.hdq_active_question {
	-webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .6);
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .6);
}

/* ───────────── Инструкция v2 (1.17.0, inc/howto.html) ───────────── */
html[data-theme="dark"] .instruction_v2 .instruction__btn {
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .instruction__icon {
	background-color: var(--d-surface-3);
	border-color: var(--d-border-2);
}
html[data-theme="dark"] .instruction__icon_on {
	border-color: var(--d-accent);
}
html[data-theme="dark"] .instruction__f-area {
	background: var(--d-sunken);
	border-color: var(--d-border-2);
	color: var(--d-text);
}
html[data-theme="dark"] .instruction__f-area_ph {
	color: var(--d-faint);
}
html[data-theme="dark"] .instruction__f-limit {
	color: var(--d-muted);
}
html[data-theme="dark"] .instruction__f-cover {
	color: var(--d-ok);
}
html[data-theme="dark"] .instruction__f-cover_low {
	background: var(--d-warn-bg);
	color: var(--d-warn);
}
html[data-theme="dark"] .instruction__f-spam {
	color: var(--d-err);
}
html[data-theme="dark"] .instruction__f-btn {
	background: var(--d-fill);
	border-color: var(--d-fill);
	color: #fff;
}
html[data-theme="dark"] .instruction__f-btn_ghost {
	background: transparent;
	border-color: var(--d-accent);
	color: var(--d-accent);
}
html[data-theme="dark"] .instruction__ai-demo {
	background: var(--d-sunken);
}
html[data-theme="dark"] .instruction__ai-details {
	background: var(--d-surface-2);
	border-color: var(--d-border);
	color: var(--d-text);
}
html[data-theme="dark"] .instruction__ai-go {
	color: var(--d-accent-hover);
	background:
		linear-gradient(var(--d-surface-2), var(--d-surface-2)) padding-box,
		conic-gradient(from 30deg, #7fb3d9, #38bdf8, #5eead4, #0d619f, #7fb3d9) border-box;
}
html[data-theme="dark"] .instruction__ai-go path:nth-child(1) {
	fill: #6cb4ea;
}
html[data-theme="dark"] .instruction__ai-item {
	background: var(--d-surface-2);
	border-color: var(--d-border);
}
html[data-theme="dark"] .instruction__ai-text {
	color: var(--d-text);
}
html[data-theme="dark"] .instruction__ai-meta {
	color: var(--d-muted);
}
html[data-theme="dark"] .instruction__ai-tag {
	background: var(--d-ok-bg);
	color: var(--d-ok);
}
html[data-theme="dark"] .instruction__ai-use {
	background: transparent;
	border-color: var(--d-accent);
	color: var(--d-accent);
}