/* DramaScope — Day Theme (Tiffany)
   Активируется через <link disabled> toggle: при day-режиме этот файл подключается,
   night-theme.css отключается. Палитра — Tiffany Blue акцент (#0ABAB5) на белом,
   текст почти-чёрный. Структура зеркальная night-theme.css. */

/* ============================================================
   0. Точечные font-size бампы (повторяем night, чтобы UI был ровно того же кегля) */
[style*="font-size: 9px"]    { font-size: 12px !important; }
[style*="font-size: 10px"]   { font-size: 13px !important; }
[style*="font-size: 10.5px"] { font-size: 13.5px !important; }
[style*="font-size: 11px"]   { font-size: 14px !important; }
[style*="font-size: 11.5px"] { font-size: 14.5px !important; }
[style*="font-size: 12px"]   { font-size: 15px !important; }
[style*="font-size: 12.5px"] { font-size: 15.5px !important; }
[style*="font-size: 13px"]   { font-size: 16px !important; }
[style*="font-size: 13.5px"] { font-size: 16.5px !important; }
[style*="font-size: 14px"]   { font-size: 17px !important; }
[style*="font-size: 14.5px"] { font-size: 17.5px !important; }
[style*="font-size: 15px"]   { font-size: 18px !important; }
[style*="font-size: 16px"]   { font-size: 19px !important; }
[style*="font-size: 17px"]   { font-size: 20px !important; }
[style*="font-size: 18px"]   { font-size: 21px !important; }
[style*="font-size: 19px"]   { font-size: 22px !important; }
[style*="font-size: 20px"]   { font-size: 23px !important; }
[style*="font-size: 22px"]   { font-size: 25px !important; }
[style*="font-size: 24px"]   { font-size: 27px !important; }
[style*="font-size: 26px"]   { font-size: 29px !important; }
[style*="font-size: 28px"]   { font-size: 31px !important; }
[style*="font-size: 30px"]   { font-size: 33px !important; }
[style*="font-size: 32px"]   { font-size: 35px !important; }
[style*="font-size: 34px"]   { font-size: 37px !important; }
[style*="font-size: 36px"]   { font-size: 39px !important; }
[style*="font-size: 40px"]   { font-size: 43px !important; }

nav button { font-size: 16px !important; }
.ds-cat-strip button { font-size: 16px !important; }
.ds-card .title,
img.ds-poster ~ div + div > div:first-child,
[style*="rgb(200, 216, 240)"],
[style*="rgb(31, 31, 31)"] {
  font-size: 15px !important;
}

/* ============================================================
   1. CSS-переменные — Tiffany Day палитра */
:root {
  /* Палитра пользователя: 9 оттенков голубого + лаванда + мята.
     1: #5ba6bc (steel teal)    4: #1487cb (royal sky — основной акцент)
     2: #c8ddec (pale sky bg)   5: #4fa1dc (sky blue — hover/accent2)
     3: #0f8fb0 (peacock)        6: #ddeaf3 (icy surface)
     7: #9fcbe9 (light sky)      8: #8e9dc4 (periwinkle — purple-ish)
     9: #8fc9c1 (mint teal) */
  --bg:      #ffffff !important;
  --bg2:     #f4f8fc !important;        /* очень светлый icy для secondary surfaces */
  --bg3:     #ffffff !important;        /* инпуты — чисто белые (раньше #c8ddec казался бежевым) */
  --bg4:     #e8f0f8 !important;        /* hover / muted */
  --border:  rgba(20,135,203,0.18) !important;
  --accent:  #1487cb !important;        /* color 4 — royal sky (главный) */
  --accent2: #4fa1dc !important;        /* color 5 — sky (hover) */
  --text:    #0a1a2e !important;        /* почти-чёрный с лёгким холодным */
  --text2:   #3d4d66 !important;
  --text3:   #6b7d96 !important;
  --green:   #2da55f !important;
  --red:     #d44a4a !important;
  --gold:    #c69314 !important;
  --purple:  #8e9dc4 !important;        /* color 8 — periwinkle */
  --ds-burgundy:      #1487cb !important;
  --ds-burgundy-soft: #4fa1dc !important;
  --ds-ink:           #0a1a2e !important;
  --ds-bg:            #ffffff !important;
  --ds-surface:       #ddeaf3 !important;
  --ds-surface-2:     #c8ddec !important;
  --ds-ink-soft:      #3d4d66 !important;
  --ds-muted:         #6b7d96 !important;
  --ds-muted-2:       #94a3b8 !important;
  --ds-blue:          #1487cb !important;
  --ds-blue-soft:     #9fcbe9 !important;
  --ds-amber:         #c69314 !important;
  --ds-green:         #2da55f !important;
  --ds-purple:        #8e9dc4 !important;        /* color 8 */
  --ds-purple-soft:   #b8c1da !important;
  --ds-mint:          #8fc9c1 !important;        /* color 9 — резерв */
  --ds-peacock:       #0f8fb0 !important;        /* color 3 — резерв */
  --ds-border:        rgba(20,135,203,0.18) !important;
  --ds-divider:       rgba(20,135,203,0.10) !important;
}

/* ============================================================
   2. Фон страницы: html — нежно-голубой по бокам, #root>div — белый остров */
html { background: #eef4fa !important; }  /* почти как остров #f7fbff, лёгкий контраст */
body {
  background: transparent !important;
  color: #0a0f1e !important;
}
#root > div {
  background: #f7fbff !important;  /* очень лёгкий sky-tint вместо чисто-белого */
  box-shadow:
    0 0 60px rgba(10,15,30,0.06),
    0 0 0 1px rgba(10,15,30,0.06) !important;
}

/* ============================================================
   3. Текст */
h1, h2, h3, h4, h5, h6 { color: #0a0f1e !important; }
main h1, main h2 { color: #0a0f1e !important; }
main p { color: #2a3145 !important; }

[style*="rgb(200, 216, 240)"],
[style*="rgb(31, 31, 31)"],
[style*="rgb(58, 58, 58)"] {
  color: #0a0f1e !important;
  font-weight: 600 !important;
}

/* Тёмный цвет вместо светлых nav-текстов из cherry-blossom defaults.
   ВАЖНО: НЕ трогаем `color: #fff` / `color: rgb(255,255,255)` — белый часто
   используется намеренно (бейджи на цветном фоне, тексты на градиент-кнопках,
   аватары, и т.п.). Перебиваем только специфические серебристые оттенки. */
[style*="color: rgb(247, 247, 247)"],
[style*="color: rgb(238, 243, 255)"],
[style*="color: #eef3ff"] {
  color: #0a0f1e !important;
}

/* ============================================================
   4. Навигация */
nav[style*="position: fixed"] {
  background: rgba(255,255,255,0.6) !important;   /* Apple glass — полупрозрачный */
  border: none !important;
  border-radius: 18px !important;                  /* плавающие скруглённые края */
  box-shadow: 0 6px 24px rgba(20,30,50,0.10) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
}
/* Тонкая обводка аватара — днём приглушённо-серая (светлый аватар не теряется на стекле) */
:root { --avatar-ring: rgba(10,15,30,0.22); }
#root > div > nav button,
#root > div > nav a,
#root > div > nav span:not(.ds-brand-fu):not(.ds-brand-dot):not(.ds-vip-rating-badge):not(.ds-role-badge):not(.ds-notif-badge):not(.ds-premium-label):not(.ds-premium-icon),
#root > div > nav input {
  color: #0a0f1e !important;
}
#root > div > nav .ds-brand-fu { color: #1487cb !important; }
#root > div > nav .ds-brand-name { color: #0a0f1e !important; }
#root > div > nav .ds-brand-dot { color: #1487cb !important; }
#root > div > nav .ds-brand-asia { color: #4a5160 !important; }
/* Auth-кнопка — иконка-человечек + дропдаун с логином. Сбрасываем все старые стили. */
#root > div > nav .ds-auth-signup,
#root > div > nav .ds-auth-signin {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 6px !important;
  font-weight: 500 !important;
  color: #4a5160 !important;
  text-decoration: none !important;
}
#root > div > nav .ds-auth-signup:hover,
#root > div > nav .ds-auth-signin:hover {
  background: transparent !important;
  color: #0a0f1e !important;
}
/* Auth dropdown — DAY: белая карточка, dark-blue (#1487cb) кнопка как лого */
.ds-auth-dropdown {
  background: rgba(255,255,255,0.97);
  border: 1px solid rgba(20,135,203,0.18);
}
.ds-auth-dropdown-arrow {
  background: rgba(255,255,255,0.97);
  border-left: 1px solid rgba(20,135,203,0.18);
  border-top: 1px solid rgba(20,135,203,0.18);
}
.ds-auth-dropdown-text { color: #4a5160; }
.ds-auth-dropdown-btn {
  background: #1487cb;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(20,135,203,0.32);
}
.ds-auth-dropdown-btn:hover {
  background: #1a9adf;
  box-shadow: 0 3px 14px rgba(20,135,203,0.45);
}
/* Lang menu items — day: серый текст, dark-blue для активного */
.ds-lang-item { color: #4a5160; }
.ds-lang-item:hover { background: rgba(20,135,203,0.08) !important; color: #0a0f1e; }
.ds-lang-item[data-active="true"] { color: #1487cb; }
/* Кнопка-глобус и кнопка-человечек в навбаре — точно прозрачный фон в дневной */
#root > div > nav .ds-lang-trigger,
#root > div > nav .ds-lang-trigger:hover,
#root > div > nav .ds-lang-trigger:focus,
#root > div > nav .ds-auth-signin,
#root > div > nav .ds-auth-signin:hover,
#root > div > nav .ds-auth-signin:focus {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
#root > div > nav .ds-nav-premium,
#root > div > nav .ds-nav-premium svg {
  color: #c69314 !important;
  border-color: rgba(198,147,20,0.45) !important;
  background: rgba(255,243,200,0.5) !important;
}
#root > div > nav .ds-nav-item > button,
#root > div > nav > div > div:nth-child(2) > button {
  color: #2a3145 !important;
}
#root > div > nav .ds-nav-item > button:hover,
#root > div > nav > div > div:nth-child(2) > button:hover {
  color: #1487cb !important;
  background: rgba(20,135,203,0.08) !important;
}

/* Меню-стрип (Главная/Дорамы/...) — белый фон, нежно-голубой hover */
.ds-cat-strip {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(20,135,203,0.18) !important;
}
.ds-cat-strip button {
  color: #2a3145 !important;
}
/* ПЕРЕБИВКА inline-стиля из <style> блока в index.html: бежевый rgba(232,183,176,0.30)
   на hover → нежно-голубой из палитры (color 7 light sky + альфа). Селектор с html[data-theme]
   имеет более высокую specificity, чем `.ds-cat-strip button:hover`. */
html[data-theme="day"] .ds-cat-strip button:hover,
html[data-theme="day"] .ds-cat-strip a:hover {
  background: rgba(159,203,233,0.55) !important;
  color: #1487cb !important;
  border-radius: 8px !important;
}
.ds-cat-strip .ds-cat-strip__submenu {
  background: #ffffff !important;
  border: 1px solid rgba(20,135,203,0.18) !important;
  box-shadow: 0 8px 24px rgba(20,135,203,0.10) !important;
}
/* Submenu items — inline onMouseEnter в JSX задаёт rgba(140,200,255,0.12), но цвет текста
   #9fe9e0 (tiffany green) — на белом плохо. Заменяем на наш sky синий. */
html[data-theme="day"] .ds-cat-strip__submenu button {
  color: #2a3145 !important;
}
html[data-theme="day"] .ds-cat-strip__submenu button[style*="rgba(140,200,255,0.12)"],
html[data-theme="day"] .ds-cat-strip__submenu button:hover {
  background: rgba(159,203,233,0.45) !important;
  color: #1487cb !important;
}
.ds-menu-diamond { color: #1487cb !important; }

/* ============================================================
   5. Карточки / sidebar блоки */
[style*="background: var(--bg2)"],
[style*="background:var(--bg2)"] {
  background: #f7f7f7 !important;
  border-color: rgba(10,15,30,0.10) !important;
}
[style*="background: var(--bg3)"],
[style*="background:var(--bg3)"] {
  background: #efefef !important;
}

/* ============================================================
   6. Кнопки */
.ds-btn-primary,
[style*="background: linear-gradient(135deg, #1487cb"],
[style*="background:linear-gradient(135deg,#1487cb"] {
  background: #1487cb !important;
  color: #ffffff !important;
  border: none !important;
}
.ds-btn-primary *,
.ds-btn-primary {
  color: #ffffff !important;
}
.ds-btn-primary:hover {
  background: #4fa1dc !important;
}
.ds-btn-secondary {
  background: #ffffff !important;
  color: #1487cb !important;
  border: none !important;
}
.ds-btn-secondary * { color: #1487cb !important; }
/* На hover — solid пастельный sky #DDEAF3 (палитра), без альфы.
   Раньше был rgba(20,135,203,0.08) — прозрачный фон, через который просвечивал
   hero и кнопка казалась "пропадающей". */
.ds-btn-secondary:hover {
  background: #DDEAF3 !important;
}

/* ============================================================
   7. Hero — overlay-градиенты убраны полностью (картинка слайда без подмеса) */
.ds-hero-banner > div[style*="linear-gradient(to right"],
.ds-hero-banner > div[style*="linear-gradient(to top"] {
  background: transparent !important;
}
.ds-hero-banner h1 {
  color: #0a0f1e !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.6) !important;
}
.ds-hero-banner p {
  color: #2a3145 !important;
}
.ds-hero-topdrama {
  background: rgba(255,255,255,0.92) !important;
  color: #0a0f1e !important;
  border: 1px solid rgba(10,15,30,0.10) !important;
  box-shadow: 0 4px 18px rgba(10,15,30,0.10) !important;
}
.ds-hero-topdrama span[style*="color: rgb(159, 233, 224)"],
.ds-hero-topdrama span[style*="color:#9fe9e0"] {
  color: #1487cb !important;
}

/* Аккуратные подписи в hero мини-карте */
.ds-hero-topdrama [style*="color: rgb(192, 212, 245)"] { color: #4a5160 !important; }
.ds-hero-topdrama [style*="color: rgb(255, 255, 255)"] { color: #0a0f1e !important; }

/* Hero backdrop image — на дневной не приглушаем */
.ds-hero-banner img.ds-backdrop {
  filter: none !important;
}

/* ============================================================
   8. Карусели — белый фон, мягкие границы */
.ds-card,
[style*="background: rgba(20, 32, 61"],
[style*="background: rgb(20, 32, 61)"] {
  background: #ffffff !important;
  border: 1px solid rgba(10,15,30,0.08) !important;
}
.ds-card:hover {
  box-shadow: 0 8px 24px rgba(10,15,30,0.10) !important;
}

/* ============================================================
   9. Ссылки и акценты */
[style*="color: var(--accent)"],
[style*="color:var(--accent)"] {
  color: #1487cb !important;
}
a, a:visited {
  color: #1487cb !important;
}

/* ============================================================
   10. Поиск-инпут в навбаре */
.ds-topsearch {
  background: #f7f7f7 !important;
  border: 1px solid rgba(10,15,30,0.12) !important;
  color: #0a0f1e !important;
}
.ds-topsearch input,
.ds-topsearch input::placeholder {
  color: #4a5160 !important;
}
.ds-topsearch:focus-within {
  border-color: #1487cb !important;
  box-shadow: 0 0 0 3px rgba(20,135,203,0.18) !important;
}
.ds-topsearch__submit {
  color: #1487cb !important;
}

/* ============================================================
   11. Drama / Actor detail hero — светлый фон под backdrop */
.ds-drama-hero {
  background: #ffffff !important;
}
/* Actor-hero — Apple-style серый, тот же что у секций на странице дорамы
   (.ds-drama-tabs-section / .ds-drama-stats-section). */
.ds-actor-hero {
  background: #f5f5f7;
}
.ds-actor-mobile-title,
.ds-drama-title {
  color: #0a0f1e !important;
}
/* Имя актёра — чёрное (поверх серого hero без плашки). */
.ds-actor-name-h1 {
  color: #0a0f1e !important;
  text-shadow: none !important;
}

/* ============================================================
   12. Mao / AI элементы — нежный градиент фиолетово-голубой из палитры
   (color 8 periwinkle #8E9DC4 + color 7 light sky #9FCBE9).
   html[data-theme="day"] для перебивки исходных purple rules в index.html. */
.ds-ai-card {
  background: linear-gradient(135deg, rgba(142,157,196,0.18), rgba(159,203,233,0.18)) !important;
  border: 1px solid rgba(142,157,196,0.45) !important;
  color: #0a1a2e !important;
}
.ds-ai-card h2,
.ds-ai-card h3,
.ds-ai-card p { color: #0a1a2e !important; }

/* Все «Mao»-кнопки: nav AI Picks, hero CTA, mobile Ask Mao, Mao card CTA */
html[data-theme="day"] .ds-ai-purple,
html[data-theme="day"] nav button.ds-ai-purple,
html[data-theme="day"] .ds-ai-recommend,
html[data-theme="day"] .ds-mobile-ask-mao,
html[data-theme="day"] .ds-ai-card button {
  background: linear-gradient(135deg, #d4cde9 0%, #c8e2f1 100%) !important;
  color: #1a2238 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="day"] .ds-ai-purple:hover,
html[data-theme="day"] nav button.ds-ai-purple:hover,
html[data-theme="day"] .ds-ai-recommend:hover,
html[data-theme="day"] .ds-mobile-ask-mao:hover,
html[data-theme="day"] .ds-ai-card button:hover {
  background: linear-gradient(135deg, #c4b9dd 0%, #b8d5e8 100%) !important;
  box-shadow: 0 2px 10px rgba(142,157,196,0.20) !important;
}
/* Текст и иконки внутри Mao-кнопок — тёмно-сине-чёрный для читаемости на пастели */
html[data-theme="day"] .ds-ai-purple *,
html[data-theme="day"] .ds-ai-recommend *,
html[data-theme="day"] .ds-mobile-ask-mao *,
html[data-theme="day"] .ds-ai-card button * {
  color: #0a1a2e !important;
}

/* Бейджи в avatar-меню — белый текст в day-теме, перебиваем
   жадное правило `#root > div > nav span { color: #0a0f1e !important }`. */
html body .ds-vip-rating-badge,
html body .ds-vip-rating-badge * { color: #ffffff !important; }
html body .ds-role-badge[data-role="admin"],
html body .ds-role-badge[data-role="moderator"],
html body .ds-role-badge[data-role="admin"] *,
html body .ds-role-badge[data-role="moderator"] * { color: #ffffff !important; }

/* ============================================================
   11c. Avatar menu — Mao через .ds-ai-purple → periwinkle gradient.
        Premium остаётся тёмной кнопкой с золотой обводкой в обеих темах. */
html[data-theme="day"] .ds-avatar-premium {
  background: linear-gradient(135deg, #1a1330 0%, #2a1e4a 100%) !important;
  color: #ffd770 !important;
  border: 1px solid rgba(255,215,112,0.55) !important;
  box-shadow: 0 4px 14px rgba(10,15,30,0.25), inset 0 0 0 1px rgba(255,215,112,0.10) !important;
}
html[data-theme="day"] .ds-avatar-premium > span,
html[data-theme="day"] .ds-avatar-premium svg,
html body #root > div > nav .ds-avatar-premium,
html body #root > div > nav .ds-avatar-premium span,
html body #root > div > nav .ds-avatar-premium svg {
  color: #ffd770 !important;
}

/* ============================================================
   11b. Apple-style тени для постеров и фото актёров — мягкие, голубоватые,
        на светлом фоне. Inline-стили в JSX используют тёмные тени для night
        темы; здесь перебиваем под day. */
html[data-theme="day"] .ds-drama-card__poster {
  box-shadow: 0 6px 20px rgba(20,30,50,0.10) !important;
}
/* Карточки на главной "Мои плейлисты / Новости / Обсуждения" — Apple-soft
   тень того же стиля, что под постерами в day-теме. */
html[data-theme="day"] .ds-home-side-card {
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(20,30,50,0.10) !important;
}
/* Внутренние строки (новости / обсуждения) — прозрачные, без бежевой подложки */
html[data-theme="day"] .ds-home-side-card > div,
html[data-theme="day"] .ds-home-side-card > div > div {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
html[data-theme="day"] .ds-drama-card:hover .ds-drama-card__poster {
  box-shadow: 0 14px 32px rgba(20,30,50,0.18) !important;
}
html[data-theme="day"] .ds-drama-hero-poster {
  box-shadow: 0 10px 28px rgba(20,30,50,0.14) !important;
}

/* ============================================================
   12. Apple-style блоки на странице дорамы — серый фон по ширине острова. */
html[data-theme="day"] .ds-drama-tabs-section,
html[data-theme="day"] .ds-drama-stats-section {
  background: #f5f5f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* Цвет fade-наложения внизу галереи "Медиа" совпадает с фоном секции. */
  --media-fade-color: #f5f5f7;
}
/* Плашки внутри stats section — белые карточки на сером фоне, Apple-style тень */
html[data-theme="day"] .ds-drama-stats-inner > .ds-stats-row > div {
  background: #ffffff !important;
  background-image: none !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(20,30,50,0.08) !important;
  border-radius: 18px !important;
}

/* ActorRatingPanel + ActorReactionPanel — Apple-style: белый фон + мягкий soft shadow + крупный радиус.
   Тот же стиль, что у .ds-drama-panel (карточки рейтинга и реакции у дорам). */
html[data-theme="day"] .ds-actor-rate-panel,
html[data-theme="day"] .ds-actor-reaction-panel {
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(20,30,50,0.08) !important;
  border-radius: 18px !important;
}

/* Плашки "Рекомендуй дораму", "Оценить дораму", "Моя реакция" —
   тот же Apple-style soft shadow что у плашек рейтинга, белый фон. */
html[data-theme="day"] .ds-drama-panel {
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(20,30,50,0.08) !important;
  border-radius: 18px !important;
  /* Неактивные теги "Моя реакция" — нежно-голубой фон из палитры (#DDEAF3),
     текст и активный фон остаются #1487cb через inline стили. */
  --reaction-tag-bg: #DDEAF3;
  --reaction-tag-border: #C8DDEC;
}

/* DramaRatingPanel — кнопки шкалы 1-10.
   Размер/шрифт фиксируем через !important.
   Background — без !important: активная кнопка получает пастельный RATING_COLOR
   из inline JSX; неактивная (inline rgba(255,255,255,0.05) — невидимая на белом)
   получает fallback sky-tint из CSS.
   Цвет цифры — без !important. Активная inline = #ffffff;
   неактивная inline = var(--rating-num-inactive) = #1487cb.
   Border — задаётся inline в JSX:
     активная → border: 'none'
     неактивная → border: '1px solid var(--rating-btn-border)' (видимый sky-контур в day) */
html[data-theme="day"] .ds-rating-row > div > button[title*="/10"] {
  --rating-num-inactive: #1487cb;
  --rating-btn-border: rgba(20,135,203,0.45);
  background: rgba(20,135,203,0.08);   /* fallback, без !important — inline побеждает */
  font-weight: 700 !important;
}
/* Заголовки внутри stats-плашек (РЕЙТИНГ / КОЛИЧЕСТВО ЗРИТЕЛЕЙ / РЕАКЦИЯ НА ДОРАМУ)
   — чёрный цвет в day-теме (был #7bc3ff). Покрываем все варианты сериализации цвета. */
html[data-theme="day"] .ds-drama-stats-section span[style*="#7bc3ff"],
html[data-theme="day"] .ds-drama-stats-section span[style*="rgb(123, 195, 255)"],
html[data-theme="day"] .ds-drama-stats-section span[style*="rgb(123,195,255)"] {
  color: #0a1226 !important;
}
/* Tiffany (#0abab5) → тёмно-голубой palette (#1487cb) на любом элементе внутри stats */
html[data-theme="day"] .ds-drama-stats-section button[style*="#0abab5"],
html[data-theme="day"] .ds-drama-stats-section span[style*="#0abab5"],
html[data-theme="day"] .ds-drama-stats-section button[style*="rgb(10, 186, 181)"],
html[data-theme="day"] .ds-drama-stats-section span[style*="rgb(10, 186, 181)"] {
  color: #1487cb !important;
}
/* Бордер и stroke кнопки "+ Оценить" — palette dark blue */
html[data-theme="day"] .ds-drama-stats-section button[style*="rgba(10,186,181"] {
  border-color: rgba(20,135,203,0.45) !important;
}
/* (удалено): правило span[style*="color: #fff"] ловило также #ffffff на иконках
   внутри чёрной плашки с измерениями → они становились невидимыми (чёрное на чёрном).
   Если 4.9K вдруг покажется не таким как нужно — точечно добавим класс. */
/* Внутри секции внутренний фон карточек делаем чуть светлее для контраста */
html[data-theme="day"] .ds-drama-tabs-section [style*="background: var(--bg2)"] {
  background: #ffffff !important;
}

/* ============================================================
   12a. Описание дорамы — fade-градиент перед "Читать дальше".
        В day-теме чёрный fade меняется на цвет острова (#f7fbff). */
html[data-theme="day"] .ds-drama-overview-fade {
  background: linear-gradient(to top,
    #f7fbff 0%,
    rgba(247,251,255,0.92) 35%,
    rgba(247,251,255,0.0) 100%) !important;
}
/* Кнопка "Читать дальше" — гарантировано тёмно-голубая в day-теме.
   Перебивает inline color: #0abab5 и подцепляет SVG через currentColor. */
html[data-theme="day"] [style*="color: #0abab5"],
html[data-theme="day"] [style*="color:#0abab5"] {
  color: #1487cb !important;
}
html[data-theme="day"] .ds-drama-overview-toggle,
html[data-theme="day"] .ds-drama-overview-toggle * {
  color: #1487cb !important;
}
html[data-theme="day"] .ds-drama-overview-toggle svg {
  stroke: #1487cb !important;
}
html[data-theme="day"] .ds-drama-overview-toggle:hover {
  background: rgba(20,135,203,0.08) !important;
}

/* ============================================================
   12b. Рейтинг-бейдж на постере (DramaCard + PosterRatingBadge):
        в day-теме светлый фон + чёрные цифры + ярко-золотая звезда. */
html[data-theme="day"] .ds-poster-rating {
  background: rgba(255,255,255,0.92) !important;
  color: #0a1226 !important;
  border: 1px solid rgba(10,15,30,0.10) !important;
  box-shadow: 0 2px 6px rgba(10,15,30,0.15) !important;
}
html[data-theme="day"] .ds-poster-rating .ds-poster-rating-star {
  color: #ffb700 !important;  /* ярко-золотой */
  text-shadow: 0 0 4px rgba(255,183,0,0.45);
}
html[data-theme="day"] .ds-poster-rating .ds-poster-rating-num {
  color: #0a1226 !important;
  font-weight: 800;
}
html[data-theme="day"] .ds-poster-rating-badge {
  background: rgba(255,255,255,0.95) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(10,15,30,0.18) !important;
}
html[data-theme="day"] .ds-poster-rating-badge .ds-poster-rating-star-svg {
  fill: #ffb700 !important;
  stroke: #ffb700 !important;
  filter: drop-shadow(0 0 3px rgba(255,183,0,0.5));
}
html[data-theme="day"] .ds-poster-rating-badge .ds-poster-rating-num {
  color: #0a1226 !important;
}

/* ============================================================
   12c. Heart-like-кнопка (FavoriteDramaButton / FavoritePersonButton).
        Day неактивное: чёрный контур кнопки + чёрный контур сердца
                        + полностью белый фон (чтобы постер не просвечивал).
        Day активное:   красное заполненное сердце, БЕЗ контура кнопки.
        Используется в compact-варианте на постерах (30×30 круг)
        и в большом варианте на детальной странице актёра (36×36 круг).
   ============================================================ */
html[data-theme="day"] .ds-fav-heart-btn {
  background: transparent !important;
  border: none !important;
}
html[data-theme="day"] .ds-fav-heart-btn:hover {
  background: transparent !important;
}
/* Heart svg-слои: halo чёрный stroke снаружи (большой), inner белый fill.
   При active — обводка становится белой, заливка красной. */
html[data-theme="day"] .ds-fav-heart-halo {
  fill: none;
  stroke: #555555;
  stroke-width: 1;
}
html[data-theme="day"] .ds-fav-heart-halo[data-active="1"] {
  stroke: none;
}
html[data-theme="day"] .ds-fav-heart-inner {
  fill: #ffffff;
  stroke: none;
}
html[data-theme="day"] .ds-fav-heart-inner[data-active="1"] {
  fill: #ff3b5e;
}

/* ============================================================
   13. (removed) Раньше тут было правило .ds-status-badge { background:#fff }
   но оно перебивало цветные airing-status плашки на странице дорамы
   (Завершено зелёная / Снимается голубая / Ожидается жёлтая / Приостановлено красная).
   Status-badges теперь рендерятся как заданы в inline <style> блока — цветные. */

/* ============================================================
   14. Footer — Apple-style: серый фон #f5f5f7, без теней, шрифт Avenir */
footer {
  background: #f5f5f7 !important;
  color: #6e6e73 !important;
  border-top: none !important;
  box-shadow: none !important;
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
footer *,
footer .ds-footer-link,
footer .ds-footer-copyright,
footer .ds-footer-copyright-link { color: #6e6e73 !important; }
footer .ds-footer-title { color: #1d1d1f !important; font-weight: 600 !important; }
footer a:hover,
footer .ds-footer-link:hover,
footer .ds-footer-copyright-link:hover { color: #1d1d1f !important; }

/* ============================================================
   15. Sidebar widgets и любые var(--bg2)/var(--bg3) поверхности — на палитру */
[style*="background: var(--bg2)"][style*="border"] {
  background: #f2faff !important;
  border: 1px solid rgba(20,135,203,0.18) !important;
  box-shadow: 0 2px 10px rgba(20,135,203,0.10) !important;
}
/* Любые блоки с background: var(--bg2) или var(--bg3) в инлайн-стиле */
[style*="background: var(--bg2)"],
[style*="background:var(--bg2)"],
[style*="background-color: var(--bg2)"] {
  background-color: #f2faff !important;
}
[style*="background: var(--bg3)"],
[style*="background:var(--bg3)"],
[style*="background-color: var(--bg3)"] {
  background-color: #c8ddec !important;
}

/* ============================================================
   15b. ГЛОБАЛЬНАЯ ПЕРЕБИВКА бежево-кремовых остатков cherry-blossom палитры.
        Эти инлайн-цвета жёстко зашиты в индексе/компонентах. Меняем
        на нежно-голубые из палитры. */
/* Тёплые cream/peach inline бэкграунды */
[style*="rgba(232,183,176,0.25)"],
[style*="rgba(232, 183, 176, 0.25)"],
[style*="rgba(232,183,176,0.30)"],
[style*="rgba(232, 183, 176, 0.30)"],
[style*="rgba(232,183,176,0.18)"],
[style*="rgba(232, 183, 176, 0.18)"] {
  background-color: rgba(20,135,203,0.16) !important;
}
[style*="rgba(20,135,203"],
[style*="rgba(20, 135, 203"] {
  border-color: rgba(20,135,203,0.22) !important;
}
/* Cream-hex поверхности (cherry blossom + butter yellow остатки) */
[style*="background: #ffffff"],
[style*="background:#ffffff"],
[style*="background: #f4f8fc"],
[style*="background:#f4f8fc"],
[style*="background: #ffffff"],
[style*="background:#ffffff"],
[style*="background: #e8f0f8"],
[style*="background:#e8f0f8"],
[style*="background: #eaf4ff"],
[style*="background:#eaf4ff"],
[style*="background: #ffffff"],
[style*="background:#ffffff"],
[style*="background: #d6e9ff"],
[style*="background:#d6e9ff"],
[style*="background: #ffffff"],
[style*="background:#ffffff"] {
  background-color: #ffffff !important;
  background-image: none !important;
}
/* Тёплые active highlight'ы кнопок (rgba(74,158,255,0.15) был "blue"
   но в night рендерится тускло) → используем sky из палитры */
[style*="rgba(74,158,255,0.15)"],
[style*="rgba(74, 158, 255, 0.15)"] {
  background-color: rgba(20,135,203,0.18) !important;
}
/* Cream border'ы */
[style*="border: 1px solid rgba(20,135,203,0.22)"],
[style*="border:1px solid rgba(20,135,203,0.22)"],
[style*="border: 1px solid rgba(20,135,203,0.12)"],
[style*="border:1px solid rgba(20,135,203,0.12)"] {
  border-color: rgba(20,135,203,0.22) !important;
}

/* Дропдаун LanguageMenu — гарантия что панель и выделенный пункт sky-blue */
html body .ds-nav-lang > div > div[style*="position: absolute"],
html body .ds-nav-lang > div > div[style*="position:absolute"] {
  background: #f2faff !important;
  background-color: #f2faff !important;
  border: 1px solid rgba(20,135,203,0.22) !important;
  box-shadow: 0 8px 24px rgba(20,135,203,0.18) !important;
}
html body .ds-nav-lang button[style*="rgba(74,158,255,0.15)"],
html body .ds-nav-lang button[style*="rgba(74, 158, 255, 0.15)"] {
  background-color: #c8ddec !important;
  color: #0a1a2e !important;
}
html body .ds-nav-lang button {
  color: #0a1a2e !important;
}

/* ============================================================
   16. Бургер и язык-меню — иконки контрастные на белом */
.ds-nav-burger,
.ds-nav-burger * { color: #0a0f1e !important; }
.ds-nav-bell svg,
.ds-nav-lang svg,
.ds-nav-settings svg { color: #2a3145 !important; }

/* Кнопка переключения языка — нежно-голубой фон из палитры */
html[data-theme="day"] .ds-nav-lang > div > button,
html body .ds-nav-lang > div > button {
  background: #c8ddec !important;
  background-color: #c8ddec !important;
  border: 1px solid rgba(20,135,203,0.28) !important;
  color: #0a1a2e !important;
}
html[data-theme="day"] .ds-nav-lang > div > button:hover {
  background: #9fcbe9 !important;
}
html[data-theme="day"] .ds-nav-lang > div > button > svg { color: #0a1a2e !important; }
html[data-theme="day"] .ds-nav-lang > div > button > span { color: #0a1a2e !important; }

/* Красные бейджи уведомлений (cолокольчик/конверт) — белые цифры внутри.
   Нужна высокая specificity чтобы перебить
   "#root > div > nav span:not(.ds-brand-fu):not(.ds-brand-dot) { color:#0a0f1e !important }". */
html body #root > div > nav .ds-nav-bell button > span[style*="var(--red)"],
html body #root > div > nav .ds-nav-bell button > span[style*="background:var(--red)"],
html body #root > div > nav .ds-nav-bell button > span[style*="background: var(--red)"] {
  color: #ffffff !important;
}
/* Универсальное правило по классу — добавим в JSX className="ds-notif-badge" */
html body #root > div > nav .ds-notif-badge,
html body .ds-notif-badge {
  color: #ffffff !important;
  background: var(--red, #d44a4a) !important;
}

/* ============================================================
   17. Hero gradient overlay (mobile gradient bg) — белый */
@media (max-width: 1024px) {
  .ds-hero-banner {
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%) !important;
  }
}
@media (max-width: 640px) {
  .ds-hero-banner {
    background: linear-gradient(135deg, #ffffff 0%, #f0f7f7 50%, #e8f5f4 100%) !important;
  }
}

/* ============================================================
   18. Постеры — фон-плейсхолдер светлый (вместо #0a0e1c).
   Перебиваем inline-стили карточек по селектору класса. */
.ds-drama-card__poster,
.ds-drama-card [style*="background: #0a0e1c"],
.ds-drama-card [style*="background:#0a0e1c"],
[style*="background: rgb(10, 14, 28)"],
[style*="background: #1a2348"],
[style*="background:#1a2348"],
[style*="background: rgb(26, 35, 72)"] {
  background: #f5f5f5 !important;
}

/* Тёмные «островные» wrap'ы в hero/контейнерах — отбеливаем.
   Исключение: picker статуса в DramaCard (.ds-card-status-picker) — ему свой
   стиль ниже с sky-blue текстом, иначе текст становится чёрным и плохо считывается. */
[style*="background: rgba(20, 32, 61"]:not(.ds-card-status-picker),
[style*="background:rgba(20,32,61"]:not(.ds-card-status-picker),
[style*="background: rgb(20, 32, 61)"]:not(.ds-card-status-picker),
[style*="background: rgba(8, 12, 26"]:not(.ds-card-status-picker),
[style*="background:rgba(8,12,26"]:not(.ds-card-status-picker),
[style*="background: rgba(8,14,30"]:not(.ds-card-status-picker),
[style*="background: rgba(0,0,0,0.18)"]:not(.ds-card-status-picker) {
  background: rgba(255,255,255,0.92) !important;
  color: #0a0f1e !important;
  border-color: rgba(10,15,30,0.10) !important;
}

/* Picker статуса в DramaCard: фон делаем sky-blue из палитры (#1487cb),
   текст и иконки белые. Видно на любом постере. */
.ds-card-status-picker {
  background: rgba(20,135,203,0.92) !important;
  border: 1px solid rgba(20,135,203,1) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
.ds-card-status-picker button,
.ds-card-status-picker span {
  color: #ffffff !important;
  font-weight: 400 !important;
}
.ds-card-status-picker button svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* DSBadge "Подробнее" — sky-blue (#1487cb), не жирный.
   Перебивает старый inline color: rgb(255,224,224) на случай если JSX в кеше. */
.ds-badge,
[class*="ds-drama-card"] span[style*="rgba(74,158,255,0.15)"],
[class*="ds-drama-card"] span[style*="rgb(255, 224, 224)"],
[class*="ds-drama-card"] span[style*="rgb(255,224,224)"] {
  background: rgba(20,135,203,0.18) !important;
  color: #1487cb !important;
  border: 1px solid rgba(20,135,203,0.45) !important;
  font-weight: 400 !important;
}

/* Кнопка "+В библиотеку" / статус на постере при ховере —
   на day используем такой же стиль как у "+" подписки на фото актёра:
   полупрозрачный белый фон, чёрный плюс, лёгкая обводка. */
.ds-card-lib-btn {
  font-weight: 400 !important;
  background: rgba(255,255,255,0.45) !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.ds-card-lib-btn:hover {
  background: rgba(255,255,255,0.65) !important;
}
/* Back-to-actors на десктопе — text-link стиль (как mobile) */
.ds-actor-back-arrow {
  color: #1487cb !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Square status-кнопка на странице дорамы — на day-теме делаем фон НАСЫЩЕННЫМ
   (saturate), но НЕ темним brightness, потому что brightness тоже темнит белую
   иконку внутри → она становится серой и сливается с фоном. Иконка должна
   оставаться чисто белой (как на night-теме). */
.ds-libstatus-square {
  filter: saturate(1.55) !important;
}
/* Иконка внутри кнопки (SVG) — гарантируем что чисто белая, без затемнения. */
.ds-libstatus-square svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}
/* Тень для контура чтобы кнопка читалась поверх любого hero-фото */
.ds-libstatus-square {
  box-shadow: 0 2px 8px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.25) !important;
}

/* Стрелки каруселей (sd-circle dark) → светлые */
[style*="background: rgba(8,10,22,0.92)"],
[style*="background: rgba(8, 10, 22, 0.92)"] {
  background: rgba(255,255,255,0.94) !important;
  color: #0a0f1e !important;
  border-color: rgba(10,15,30,0.16) !important;
}

/* Категории/чипы/фильтры с var(--bg2)/var(--bg3) — светлые */
[style*="background: var(--bg2)"] {
  background: #f7f7f7 !important;
}
[style*="background: var(--bg3)"] {
  background: #efefef !important;
}

/* «Trending Dramas» и прочие заголовки секций (тёмно-синий цвет в night) → темнеем для day */
[style*="color: rgb(34, 78, 159)"] {
  color: #0a0f1e !important;
}

/* Mao mascot тень — мягче на белом */
img[alt="Mao"] {
  filter: drop-shadow(0 6px 14px rgba(10,15,30,0.18)) !important;
}

/* Drawer-меню в day-теме: light sky #f2faff (см. inline-style в index.html).
   Здесь только тонкая точечная подстройка для day-режима — основные правила
   живут в inline <style> блоке (раздел "Drawer бургер-меню"). */
html[data-theme="day"] .ds-nav-drawer {
  /* фон уже #f2faff из inline-блока — оставляем */
}
html[data-theme="day"] .ds-nav-drawer .ds-drawer-section-title { color: #1487cb !important; }
html[data-theme="day"] .ds-nav-drawer .ds-drawer-sub-section-label { color: #1487cb !important; }
/* Перебиваем глобальные day-rules (h1{color:#0a0f1e}, body color и т.п.) на drawer-тексты */
html[data-theme="day"] .ds-nav-drawer,
html[data-theme="day"] .ds-nav-drawer * { color: #0a1a2e !important; }
html[data-theme="day"] .ds-nav-drawer .ds-drawer-section-title,
html[data-theme="day"] .ds-nav-drawer .ds-drawer-sub-section-label { color: #1487cb !important; }

/* ============================================================
   19. Подмена Tiffany Blue (#0abab5) на тёмно-синий (#1487cb) в inline-стилях
   и SVG-атрибутах. JSX'ы во многих местах хардкодят #0abab5; здесь мы
   ловим их через attribute-селекторы и перебиваем без изменения JSX. */

/* color: #0abab5 — текст/иконки */
[style*="color: #0abab5"],
[style*="color:#0abab5"] {
  color: #1487cb !important;
}

/* background / background-color #0abab5 — заливка */
[style*="background: #0abab5"],
[style*="background:#0abab5"],
[style*="background-color: #0abab5"],
[style*="background-color:#0abab5"] {
  background-color: #1487cb !important;
  background-image: none !important;
}

/* border: ... #0abab5 — обводки разной толщины */
[style*="solid #0abab5"],
[style*="border-color: #0abab5"],
[style*="border-color:#0abab5"] {
  border-color: #1487cb !important;
}

/* linear-gradient(..., #0abab5, ...) — Tiffany-градиенты на кнопках */
[style*="linear-gradient(135deg, #0abab5"],
[style*="linear-gradient(135deg,#0abab5"],
[style*="linear-gradient(to right, #0abab5"],
[style*="linear-gradient(to right,#0abab5"] {
  background-image: linear-gradient(135deg, #1487cb 0%, #4fa1dc 100%) !important;
  color: #ffffff !important;
}

/* SVG-атрибуты — fill / stroke */
[stroke="#0abab5"] { stroke: #1487cb !important; }
[fill="#0abab5"]   { fill:   #1487cb !important; }

/* Полу-прозрачные варианты (rgba(10,186,181,...)) — обычно заливки/обводки */
[style*="rgba(10,186,181,0.18)"],
[style*="rgba(10, 186, 181, 0.18)"] {
  background-color: rgba(20,135,203,0.18) !important;
}
[style*="rgba(10,186,181,0.32)"],
[style*="rgba(10, 186, 181, 0.32)"] {
  box-shadow: 0 4px 18px rgba(20,135,203,0.32) !important;
}

/* Светлые партнёры Tiffany — #1ed4ce / #5ed7c6 — в кнопочных градиентах
   уже покрыты правилом linear-gradient выше. Здесь покрываем одиночное
   использование (например текст на бейдже). */
[style*="color: #1ed4ce"],
[style*="color:#1ed4ce"],
[style*="color: #5ed7c6"],
[style*="color:#5ed7c6"] {
  color: #4fa1dc !important;
}
[stroke="#1ed4ce"], [stroke="#5ed7c6"] { stroke: #4fa1dc !important; }
[fill="#1ed4ce"],   [fill="#5ed7c6"]   { fill:   #4fa1dc !important; }

/* ============================================================
   20. Drama / Actor / Actors hero — полностью убираем тёмные градиенты-оверлеи
   (inline rgba(5,9,18,…) и rgba(0,0,0,0.45)) в day-теме. Backdrop остаётся
   без brightness-фильтра — текст белый с усиленной тенью. */
html[data-theme="day"] .ds-drama-hero-backdrop > div,
html[data-theme="day"] .ds-actors-hero-overlay,
html[data-theme="day"] .ds-actors-hero > div[style*="gradient"],
html[data-theme="day"] .ds-drama-hero-backdrop > div[style*="gradient"],
html[data-theme="day"] .ds-drama-hero-backdrop > div[style*="rgba"] {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}
/* Actor-hero overlays — оставляем тёмными и на day-теме (нужны для читаемости
   белого текста имени актёра поверх hero). */
html[data-theme="day"] .ds-actor-hero-overlay {
  /* не трогаем — inline background работает */
}
/* Исключение: дочерний контент-блок (.ds-actors-hero-content / .ds-actor-hero-content
   / .ds-hero-content) — не должен стать прозрачным, у него своё позиционирование */
html[data-theme="day"] .ds-actors-hero-content,
html[data-theme="day"] .ds-actor-hero-content,
html[data-theme="day"] .ds-drama-hero-backdrop > .ds-hero-content {
  background: transparent !important;
}

/* Backdrop изображение — без фильтра, как есть.
   Actor-hero оставляем с brightness-фильтром (из inline style) — нужно для контраста текста. */
html[data-theme="day"] .ds-drama-hero-backdrop > img,
html[data-theme="day"] .ds-actors-hero > img.ds-actors-hero-bg {
  filter: none !important;
}

/* Текст hero — белый. Перебиваем и общие day-rules (которые делают
   .ds-drama-title тёмным), и var(--text) на actors h1. */
html[data-theme="day"] .ds-drama-hero-info h1,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-title,
html[data-theme="day"] .ds-actor-hero-content,
html[data-theme="day"] .ds-actor-hero-content *,
html[data-theme="day"] .ds-actors-hero-content,
html[data-theme="day"] .ds-actors-hero-content h1,
html[data-theme="day"] .ds-actors-hero-content p,
html[data-theme="day"] .ds-dramas-hero-content,
html[data-theme="day"] .ds-dramas-hero-content h1,
html[data-theme="day"] .ds-dramas-hero-content p,
html[data-theme="day"] main .ds-dramas-hero-content h1,
html[data-theme="day"] main .ds-dramas-hero-content h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.55) !important;
}
/* Подзаголовок (subscript) и alt-titles в drama hero — белый c прозрачностью */
html[data-theme="day"] .ds-drama-hero-info > div[style*="color: var(--text3)"] {
  color: rgba(255,255,255,0.78) !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.45) !important;
}

/* Кнопка "К списку актёров" — sky-blue с подчёркиванием.
   Перебивает универсальное правило `.ds-actor-hero-content *` (более специфичный селектор). */
html[data-theme="day"] .ds-actor-hero-content > button {
  color: #1487cb !important;
  text-shadow: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1.5px !important;
}

/* Search-кнопки на странице actors/directors (inline #7bc3ff) — палитра */
[style*="background: #7bc3ff"],
[style*="background:#7bc3ff"] {
  background-color: #4fa1dc !important;
  color: #ffffff !important;
}

/* Back button "← Back to Actors" (inline #9fe9e0) — палитра sky */
[style*="color: #9fe9e0"],
[style*="color:#9fe9e0"] {
  color: #c8ddec !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.45) !important;
}

/* Hover в выпадашке поиска по дораме (rgba(94,215,198,0.10) teal) → sky */
[style*="rgba(94,215,198,0.10)"],
[style*="rgba(94, 215, 198, 0.10)"] {
  background-color: rgba(20,135,203,0.12) !important;
}

/* Drama hero ratings widget — рамка с прозрачным синим (140,180,235) — палитра */
html[data-theme="day"] .ds-drama-ratings-wrap {
  border-color: rgba(20,135,203,0.35) !important;
  background: rgba(255,255,255,0.10) !important;
}
/* Цифры/звезды/лейблы рейтинга на герое — белые поверх тёмного фото */
html[data-theme="day"] .ds-drama-ratings-wrap *,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="color: #fff"],
html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats * {
  color: #ffffff !important;
}
/* ИСКЛЮЧЕНИЕ (только ДЕСКТОП >640px): статусные плашки внутри hero лежат
   поверх ТЁМНОГО hero-фото — используем те же ЯРКИЕ цвета что и night.
   На МОБИЛЕ hero рендерится на белом фоне (без backdrop-фото), поэтому
   мобильные правила НЕ переопределяем — там работают дефолтные day-цвета
   (тёмно-зелёный/синий/охра/бордовый на светлом фоне). */
@media (min-width: 641px) {
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats .ds-status-badge.is-completed {
    color: #6ef0a4 !important;
    background: rgba(61,214,140,0.32) !important;
    border-color: rgba(61,214,140,0.75) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  }
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats .ds-status-badge.is-ongoing,
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats .ds-status-badge.is-airing {
    color: #a0d8ff !important;
    background: rgba(123,195,255,0.32) !important;
    border-color: rgba(123,195,255,0.75) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  }
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats .ds-status-badge.is-upcoming {
    color: #a5cce8 !important;
    background: rgba(125,175,220,0.32) !important;
    border-color: rgba(125,175,220,0.75) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  }
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats .ds-status-badge.is-suspended {
    color: #ff8585 !important;
    background: rgba(224,88,88,0.32) !important;
    border-color: rgba(224,88,88,0.75) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  }
}
/* МОБИЛЬНЫЕ статус-плашки на day-теме — тёмный текст на светлом badge bg.
   Используем те же цвета что были в index.html day-defaults (line 589+). */
@media (max-width: 640px) {
  html[data-theme="day"] .ds-status-badge.is-completed {
    color: #1f6b3a !important;
    background: rgba(52,168,83,0.18) !important;
    border-color: rgba(52,168,83,0.45) !important;
    text-shadow: none !important;
  }
  html[data-theme="day"] .ds-status-badge.is-ongoing,
  html[data-theme="day"] .ds-status-badge.is-airing {
    color: #1565c0 !important;
    background: rgba(33,150,243,0.14) !important;
    border-color: rgba(33,150,243,0.40) !important;
    text-shadow: none !important;
  }
  html[data-theme="day"] .ds-status-badge.is-upcoming {
    color: #3d6da0 !important;
    background: rgba(125,175,220,0.20) !important;
    border-color: rgba(125,175,220,0.55) !important;
    text-shadow: none !important;
  }
  html[data-theme="day"] .ds-status-badge.is-suspended {
    color: #8c2020 !important;
    background: rgba(224,88,88,0.16) !important;
    border-color: rgba(224,88,88,0.40) !important;
    text-shadow: none !important;
  }
}
html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="color: var(--text3)"] {
  color: rgba(255,255,255,0.72) !important;
}

/* ============================================================
   Day-theme MOBILE only: drama title black, alt titles dark blue
   (Night theme not touched)
   ============================================================ */
@media (max-width: 640px) {
  html[data-theme="day"] .ds-drama-hero-info h1,
  html[data-theme="day"] .ds-drama-title-row h1,
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-title {
    color: #0a1226 !important;
    text-shadow: none !important;
  }
  html[data-theme="day"] .ds-drama-altblock,
  html[data-theme="day"] .ds-drama-altblock > div,
  html[data-theme="day"] .ds-drama-hero-info > div[style*="color: var(--text3)"] {
    color: #0d2a5e !important;
    text-shadow: none !important;
  }
}

/* ============================================================
   Day-theme MOBILE only: плашка рейтинга
   - обычный текст и цифры → тёмно-синий почти чёрный
   - заглавные лейблы (uppercase) → тёмно-голубой
   ============================================================ */
@media (max-width: 640px) {
  /* По умолчанию весь текст плашки — тёмно-синий почти чёрный */
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap,
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap *,
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="color: #fff"],
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="color:#fff"],
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="color: var(--text)"],
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="color: var(--text3)"] {
    color: #0a1226 !important;
    text-shadow: none !important;
  }
  /* Заглавные лейблы (text-transform:uppercase) — тёмно-голубой */
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="text-transform: uppercase"],
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="textTransform: uppercase"] {
    color: #3d6db0 !important;
    text-shadow: none !important;
  }
}

/* ============================================================
   Day-theme MOBILE only: жанры и каналы
   - чипы жанров → тёмно-синие почти чёрные (текст и обводка)
   - название канала → тёмно-синий почти чёрный
   - лейбл «Канал:» → тёмно-голубой
   ============================================================ */
@media (max-width: 640px) {
  /* Жанры — чипы */
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-genres-row span {
    color: #0a1226 !important;
    text-shadow: none !important;
    border-color: rgba(10,18,38,0.28) !important;
    background: rgba(255,255,255,0.55) !important;
  }
  /* Канал — название */
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-meta,
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-meta .ds-network-name {
    color: #0a1226 !important;
    text-shadow: none !important;
  }
  /* Лейбл «Канал:» — тёмно-голубой */
  html[data-theme="day"] .ds-drama-hero-info .ds-drama-meta .ds-label {
    color: #3d6db0 !important;
    text-shadow: none !important;
  }
}

/* ============================================================
   Day-theme MOBILE only: серый Apple-фон под hero-контентом
   (тот же #f5f5f7 что у .ds-actor-hero на десктопе)
   От края до края, до начала описания.
   ============================================================ */
@media (max-width: 640px) {
  html[data-theme="day"] .ds-drama-hero-grid {
    background: #f5f5f7 !important;
    /* выходим из 12px padding'a у .ds-drama-page-wrap, чтобы фон шёл от края до края */
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding: 12px 12px 16px 12px !important;
  }
  /* ── Страница актёра: серый Apple-фон под hero (как у дорам) ── */
  /* Бар с кнопкой «← К списку актёров» — серый фон во всю ширину */
  html[data-theme="day"] .ds-actor-hero {
    background: #f5f5f7 !important;
  }
  /* Текстовая ссылка над именем — продолжение серой панели от края до края */
  html[data-theme="day"] .ds-actor-back-link {
    background: #f5f5f7 !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    margin-top: 0 !important;
    padding: 10px 12px 4px 12px !important;
    display: block !important;
  }
  /* Имя актёра — продолжение серой панели, чёрный текст без тени-глоу */
  html[data-theme="day"] .ds-actor-mobile-title {
    background: #f5f5f7 !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 4px 12px 6px 12px !important;
    color: #0a1226 !important;
    text-shadow: none !important;
  }
  html[data-theme="day"] .ds-actor-mobile-title * {
    color: #0a1226 !important;
    text-shadow: none !important;
  }
  /* Постер + кнопки + карусель + соцсети — основная серая часть панели */
  html[data-theme="day"] .ds-actor-hero-grid > .ds-actor-poster-col {
    background: #f5f5f7 !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding: 6px 12px 16px 12px !important;
  }
  /* Плашка «Дата рождения / зодиак / рост / профессия / место рождения» —
     ВСЁ внутри чёрное по умолчанию (на сером фоне). Лейблы и второстепенные
     элементы (var(--text3)) — приглушённо-серые. */
  html[data-theme="day"] .ds-actor-mobile-birth,
  html[data-theme="day"] .ds-actor-mobile-birth * {
    color: #0a1226 !important;
  }
  html[data-theme="day"] .ds-actor-mobile-birth [style*="color: var(--text3)"],
  html[data-theme="day"] .ds-actor-mobile-birth [style*="color:var(--text3)"] {
    color: #4a5568 !important;
  }
  /* Иконки (зодиак, рост, профессия, образование, место рождения) — тёмно-синие */
  html[data-theme="day"] .ds-actor-mobile-birth svg {
    stroke: #0d2a5e !important;
  }
  /* Весь текст в плашке — не жирный. Лейблы (uppercase) остаются заметными за счёт капса. */
  html[data-theme="day"] .ds-actor-mobile-birth,
  html[data-theme="day"] .ds-actor-mobile-birth * {
    font-weight: 400 !important;
  }
  /* Фильмография — убираем бежевый/cream фон у обёртки и ВСЕХ потомков
     (включая header-row и каждый ряд). Оставляем прозрачный фон страницы. */
  html[data-theme="day"] .ds-actor-tab-content,
  html[data-theme="day"] .ds-actor-tab-content *,
  html[data-theme="day"] .ds-actor-filmography-wrap,
  html[data-theme="day"] .ds-actor-filmography-wrap * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }
  /* Постеры внутри фильмографии оставляем своим фоном (var(--bg3)) для placeholder */
  html[data-theme="day"] .ds-actor-tab-content img,
  html[data-theme="day"] .ds-actor-filmography-wrap img {
    background: var(--bg3) !important;
  }
}

/* ============================================================
   Heart action-button (FavoriteDramaButton non-compact) —
   неактивный чёрный в day, белый в night (inline). Активный — красный.
   Применяется ВЕЗДЕ (десктоп + мобиле).
   ============================================================ */
html[data-theme="day"] .ds-action-icon-btn.ds-action-fav:not([data-active="1"]) {
  color: #0a1226 !important;
}

/* ============================================================
   DRAMA HERO на day-теме (только ДЕСКТОП, >640px) — рендерим как на night.
   Hero накладывается поверх drama-backdrop (тёмное фото) — тёмная палитра
   текста (white) с подсветкой text-shadow выглядит лучше что в day, что в night.
   ВАЖНО: эти правила ВНУТРИ @media (min-width: 641px), чтобы НЕ ТРОГАТЬ мобильную
   версию (там Marina хочет сохранить старое поведение — чёрный заголовок и т.д.).
   ИСКЛЮЧЕНИЯ (остаются day-стилем — светлые на тёмном):
     • чипы "СЕРИЙ", "СТРАНА" (.ds-drama-chips-row) — белый фон / тёмный текст
     • action-кнопки (.ds-drama-actions-row): сердечко, плейлист, шеринг, notify
   ============================================================ */
@media (min-width: 641px) {

/* 1. Текст hero info — белый + лёгкая тень для контраста на любом фото */
html[data-theme="day"] .ds-drama-hero-info h1,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-title,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-altblock,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-altblock > div,
html[data-theme="day"] .ds-drama-hero-info > div:not(.ds-drama-chips-actions-wrap):not(.ds-drama-chips-row):not(.ds-drama-actions-row) {
  color: #ffffff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.55) !important;
}

/* 2. Жанры (бейджи) и meta (Канал/Networks) — белые с тенью */
html[data-theme="day"] .ds-drama-hero-info .ds-drama-genres-row span,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-meta,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-meta * {
  color: #ffffff !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.5) !important;
}
/* Label "Канал:" — нежно-голубой (как night) */
html[data-theme="day"] .ds-drama-hero-info .ds-drama-meta .ds-label {
  color: #9fcbe9 !important;
}

/* 3. Рейтинговая плашка — лёгкий полупрозрачный фон + белый текст */
html[data-theme="day"] .ds-drama-ratings-wrap {
  background: rgba(20,135,203,0.10) !important;
  border: 1px solid rgba(140,180,235,0.20) !important;
  backdrop-filter: blur(6px);
}
html[data-theme="day"] .ds-drama-ratings-wrap,
html[data-theme="day"] .ds-drama-ratings-wrap * {
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}
html[data-theme="day"] .ds-drama-ratings-wrap [style*="color: var(--text3)"],
html[data-theme="day"] .ds-drama-ratings-wrap [style*="text-transform: uppercase"] {
  color: rgba(255,255,255,0.72) !important;
}

/* 4. Год / статус-badge / strip с серостью — белый текст для года, badge сохраняет свой цвет */
html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats .ds-year {
  color: #ffffff !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.5) !important;
}
/* Статусные плашки на day остаются цветными (зелёная/синяя/жёлтая/красная) —
   правила выше уже это задают, ничего тут не меняем. */

/* 5. ИСКЛЮЧЕНИЕ: чипы "СЕРИЙ" / "СТРАНА" — светлые пилюли с тёмным текстом */
html[data-theme="day"] .ds-drama-chips-row > div {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  backdrop-filter: blur(4px);
}
html[data-theme="day"] .ds-drama-chips-row > div * {
  text-shadow: none !important;
}
/* Заглавный label "СЕРИЙ" / "СТРАНА" — тёмно-голубой */
html[data-theme="day"] .ds-drama-chips-row > div span[style*="text-transform: uppercase"] {
  color: #6b7894 !important;
}
/* Значение (число серий, название страны) — почти чёрный */
html[data-theme="day"] .ds-drama-chips-row > div span:not([style*="text-transform: uppercase"]) {
  color: #0a1226 !important;
}

/* 6. ИСКЛЮЧЕНИЕ: action-кнопки (сердечко/плейлист/шеринг/notify) — оставляем
   их inline-стили нетронутыми. Здесь ничего не переопределяем. */

}  /* конец @media (min-width: 641px) — десктопный night-look для hero */