/* ============================================================
   CYBOX light color scheme
   ------------------------------------------------------------
   Підключається theme_settings.php лише для color_scheme=light.
   Акцентний градієнт, шрифти, фонове зображення й surface_key лишаються
   незалежними: цей шар відповідає тільки за світлі поверхні та контраст.
   ============================================================ */

html[data-cy-color-scheme="light"]{
  color-scheme:light;

  --cy-light-page:#eef3f8;
  --cy-light-page-2:#f7f9fc;
  --cy-light-surface:#fff;
  --cy-light-surface-soft:#f5f8fb;
  --cy-light-surface-muted:#edf2f7;
  --cy-light-text:#172033;
  --cy-light-muted:#607089;
  --cy-light-faint:#8290a5;
  --cy-light-line:rgba(31,45,66,.13);
  --cy-light-line-strong:rgba(31,45,66,.2);
  --cy-light-shadow:0 18px 48px rgba(31,45,66,.12),0 2px 8px rgba(31,45,66,.05);
  --cy-light-shadow-soft:0 10px 28px rgba(31,45,66,.08);

  /* Найуживаніші сторінкові змінні. */
  --bg-page:var(--cy-light-page);
  --bg:var(--cy-light-page);
  --bg2:var(--cy-light-page-2);
  --panel:var(--cy-light-surface);
  --glass:rgba(255,255,255,.84);
  --line:var(--cy-light-line);
  --text:var(--cy-light-text);
  --txt:var(--cy-light-text);
  --txt-main:var(--cy-light-text);
  --txt-dim:var(--cy-light-muted);
  --muted:var(--cy-light-muted);
  --chip:var(--cy-light-surface-muted);
  --card-bg:linear-gradient(145deg,#fff,#f8fafc);

  /* Якщо одночасно вибрано surface_key=glass, скло стає світлим. */
  --cy-glass-border:var(--cy-light-line);
  --cy-glass-bg:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,250,253,.88));
  --cy-glass-shadow:var(--cy-light-shadow);
  --cy-glass-tile-border:var(--cy-light-line);
  --cy-glass-tile-bg:rgba(238,243,248,.82);
  --cy-glass-tile-shadow:inset 0 1px 0 rgba(255,255,255,.9);

  --bs-body-color:var(--cy-light-text);
  --bs-body-bg:var(--cy-light-page);
  --bs-secondary-color:var(--cy-light-muted);
  --bs-border-color:var(--cy-light-line);
  --bs-tertiary-bg:var(--cy-light-surface-soft);
}

html[data-cy-color-scheme="light"],
html[data-cy-color-scheme="light"] body{
  background-color:var(--cy-light-page)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body{
  background-image:
    linear-gradient(180deg,rgba(247,250,253,.9),rgba(238,243,248,.94)),
    none!important;
  background-size:cover;
  background-position:center;
  background-attachment:fixed!important;
}

html[data-cy-color-scheme="light"] .page-content{
  background-color:transparent!important;
  background-image:
    linear-gradient(180deg,rgba(247,250,253,.86),rgba(238,243,248,.91)),
    none!important;
  color:var(--cy-light-text)!important;
}

/* Анімований фон є окремою віссю теми: у світлій схемі лишаємо рух, але
   переводимо палітру в пастель і накладаємо світлу вуаль для читабельності. */
html[data-cy-color-scheme="light"][data-cy-animated-background] body,
html[data-cy-color-scheme="light"][data-cy-animated-background] body .page-content{
  background-color:var(--cy-light-page)!important;
}

html[data-cy-color-scheme="light"][data-cy-animated-background="animated_aurora"] body,
html[data-cy-color-scheme="light"][data-cy-animated-background="animated_aurora"] body .page-content{
  background-image:
    linear-gradient(180deg,rgba(248,251,254,.72),rgba(238,244,249,.88)),
    linear-gradient(128deg,#edf9f8 0%,#edf4fb 48%,#f6effb 100%) !important;
  background-size: auto;
  background-position: center;
}

html[data-cy-color-scheme="light"][data-cy-animated-background="animated_nebula"] body,
html[data-cy-color-scheme="light"][data-cy-animated-background="animated_nebula"] body .page-content{
  background-image:
    linear-gradient(180deg,rgba(248,250,254,.76),rgba(239,243,251,.9)),
    linear-gradient(135deg,#f1f4fb 0%,#edf0fb 48%,#f8f0fb 100%) !important;
  background-size: auto;
  background-position: center;
}

html[data-cy-color-scheme="light"][data-cy-animated-background="animated_gold"] body,
html[data-cy-color-scheme="light"][data-cy-animated-background="animated_gold"] body .page-content{
  background-image:
    linear-gradient(180deg,rgba(252,250,245,.74),rgba(244,240,231,.9)),
    linear-gradient(118deg,#fbf7ef 0%,#f5ecdc 48%,#faf7f0 100%) !important;
  background-size: auto;
  background-position: center;
}

/* ------------------------------ основні картки й панелі */
html[data-cy-color-scheme="light"] body :is(
  [class~="card"],
  [class$="-card"],
  [class*="-card "],
  [class$="__card"],
  [class*="__card "],
  [class$="-panel"],
  [class*="-panel "],
  [class$="__panel"],
  [class*="__panel "],
  [class$="-surface"],
  [class*="-surface "],
  .dark-luxe,
  .homework-panel,
  .glass-card,
  .luxe-card,
  .card-luxe,
  .settings-card,
  .modal-content,
  .members-card,
  .member-card,
  .success-hero,
  .arena-card,
  .arena-panel
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Великі секції, назви яких історично не містять card/panel. */
html[data-cy-color-scheme="light"] body :is(
  .index-attendance,
  .task-schedule-section,
  .task-course-section,
  .sources-hero,
  .sources-catalog,
  .achievement-heading-panel,
  .achievement-collection-panel,
  .checkout-side-note,
  .delivery-box,
  .sum-box,
  .intro-hero,
  .moto-card,
  .settings-tab-panel,
  .materials-wrap .tabs-wrap
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow)!important;
}

/* Вкладені плитки мають легкий сірий тон, щоб не зливатися з білою карткою. */
html[data-cy-color-scheme="light"] body :is(
  [class$="-tile"],
  [class*="-tile "],
  [class$="__tile"],
  [class*="__tile "],
  [class$="-chip"],
  [class*="-chip "],
  [class$="-pill"],
  [class*="-pill "],
  [class$="-stat"],
  [class*="-stat "],
  [class$="-metric"],
  [class*="-metric "],
  .timeline-panel,
  .profile-info-card,
  .rank-step,
  .snapshot-tile,
  .i-row,
  .order-row,
  .member-card .stat
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

/* «Останні 5 оцінок»: діапазони зберігають власні пастельні кольори,
   а не потрапляють під загальне сіре оформлення вкладених плиток. */
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--grade-green{
  --snapshot-grade-light-text:#2f6841;
  border-color:#b7ddc1!important;
  background:#e4f4e8!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--grade-blue{
  --snapshot-grade-light-text:#315f86;
  border-color:#bad3e9!important;
  background:#e5f1fa!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--grade-yellow{
  --snapshot-grade-light-text:#765916;
  border-color:#ead58e!important;
  background:#fff3cc!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--grade-red{
  --snapshot-grade-light-text:#8b3d3d;
  border-color:#e8bebe!important;
  background:#fae3e3!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--grade{
  color:var(--snapshot-grade-light-text)!important;
  box-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--grade .snapshot-tile-value{
  color:var(--snapshot-grade-light-text)!important;
  text-shadow:none;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--grade:hover,
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--grade:focus-visible{
  border-color:var(--snapshot-grade-light-text)!important;
  box-shadow:none!important;
}

/* «Останні 5 відміток»: ті самі пастельні зелений і червоний,
   що використовуються для відповідних діапазонів оцінок. */
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--present{
  border-color:#b7ddc1!important;
  background:#e4f4e8!important;
  color:#2f6841!important;
  box-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--absent{
  border-color:#e8bebe!important;
  background:#fae3e3!important;
  color:#8b3d3d!important;
  box-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--present :is(.snapshot-tile-value,.snapshot-tile-date){
  color:#2f6841!important;
  text-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--absent :is(.snapshot-tile-value,.snapshot-tile-date){
  color:#8b3d3d!important;
  text-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--present:hover,
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--present:focus-visible{
  border-color:#2f6841!important;
  box-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--absent:hover,
html[data-cy-color-scheme="light"] body .recent-snapshot-card .snapshot-tile.snapshot-tile--absent:focus-visible{
  border-color:#8b3d3d!important;
  box-shadow:none!important;
}

/* ------------------------------ таблиці */
html[data-cy-color-scheme="light"] body :is(
  .table-responsive,
  .luxe-table-wrap,
  .teacher-table-surface,
  .classes-view__table,
  .fb-tracker-table-wrap
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body table{
  --bs-table-color:var(--cy-light-text);
  --bs-table-bg:transparent;
  --bs-table-border-color:var(--cy-light-line);
  color:var(--cy-light-text)!important;
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body :is(thead,thead tr,th){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#3d4c63!important;
}

html[data-cy-color-scheme="light"] body :is(tbody,tr,td){
  border-color:var(--cy-light-line)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body tbody tr:hover{
  background:rgba(var(--cy-theme-1-rgb,99,230,255),.07)!important;
}

/* ------------------------------ типографіка */
html[data-cy-color-scheme="light"] body :is(
  h1,h2,h3,h4,h5,h6,
  strong,b,.value,
  [class$="-title"],
  [class*="-title "],
  [class$="__title"],
  [class*="__title "],
  [class$="-name"],
  [class*="-name "],
  [class$="-value"],
  [class*="-value "],
  [class$="__value"],
  [class*="__value "],
  [class$="-count"],
  [class*="-count "]
){
  color:var(--cy-light-text)!important;
}

/* Legacy pages often hard-code white copy on a card/body wrapper instead of
   on a semantic text element.  In the light scheme these common wrappers and
   Bootstrap light-text utilities must inherit dark ink as well. */
html[data-cy-color-scheme="light"] body :is(
  .text-white,
  .text-light,
  .text-white-50,
  [class*="text-white"],
  [class$="-copy"],
  [class*="-copy "],
  [class$="__copy"],
  [class*="__copy "],
  [class$="-caption"],
  [class*="-caption "],
  [class$="__caption"],
  [class*="__caption "],
  [class$="-content"],
  [class*="-content "],
  [class$="__content"],
  [class*="__content "],
  [class$="-body"],
  [class*="-body "],
  [class$="__body"],
  [class*="__body "],
  [class$="-info"],
  [class*="-info "],
  [class$="__info"],
  [class*="__info "],
  [class$="-author"],
  [class*="-author "],
  [class$="-date"],
  [class*="-date "],
  [class$="-amount"],
  [class*="-amount "],
  [class$="-price"],
  [class*="-price "],
  [class$="-total"],
  [class*="-total "]
){
  color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(
  [style*="color:#fff"],
  [style*="color: #fff"],
  [style*="color:#FFF"],
  [style*="color: #FFF"],
  [style*="color:white"],
  [style*="color: white"],
  [style*="color:#ffffff"],
  [style*="color: #ffffff"]
){
  color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(
  p,small,label,
  .text-muted,
  [class$="-sub"],
  [class*="-sub "],
  [class$="__sub"],
  [class*="__sub "],
  [class$="-desc"],
  [class*="-desc "],
  [class$="__desc"],
  [class*="__desc "],
  [class$="-note"],
  [class*="-note "],
  [class$="-meta"],
  [class*="-meta "],
  [class$="-text"],
  [class*="-text "],
  [class$="__text"],
  [class*="__text "],
  .muted
){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body :is(
  [class$="-kicker"],
  [class*="-kicker "],
  [class$="-eyebrow"],
  [class*="-eyebrow "],
  [class$="-label"],
  [class*="-label "]
){
  color:#516179!important;
}

html[data-cy-color-scheme="light"] body ::placeholder{
  color:#8a97a9!important;
  opacity:1;
}

/* Градієнтні заголовки мають лишатися градієнтними й у світлій схемі. */
html[data-cy-color-scheme="light"] body :is(
  .gold-title,
  .royal-title,
  .premium-heading__title,
  .dla-title,
  .tbd-title,
  .members-title,
  .num-gold,
  .chip-value,
  .gold
){
  color:transparent!important;
  background-color:transparent!important;
  background-image:var(--cy-theme-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:none!important;
  text-shadow:none!important;
}

/* ------------------------------ поля та випадаючі списки */
html[data-cy-color-scheme="light"] body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea,
  .form-control,
  .field-control,
  .theme-font-select,
  .gold-input
){
  border-color:var(--cy-light-line-strong)!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.04)!important;
}

html[data-cy-color-scheme="light"] body :is(input,select,textarea,.form-control,.field-control):focus{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.55)!important;
  box-shadow:0 0 0 3px rgba(var(--cy-theme-2-rgb,59,130,246),.12)!important;
  outline:none;
}

html[data-cy-color-scheme="light"] body :is(select option,select optgroup){
  background:#fff!important;
  color:var(--cy-light-text)!important;
}

/* ------------------------------ кнопки */
html[data-cy-color-scheme="light"] body :is(
  .btn-ghost,
  .btn-outline,
  .btn-outline-light,
  .btn-ghost-dark,
  .theme-global-load,
  .back-btn,
  .sort-pill,
  .member-btn
){
  border-color:var(--cy-light-line-strong)!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow-soft)!important;
}

html[data-cy-color-scheme="light"] body :is(.btn-gold,.back-glass,.theme-save,.theme-preview-button){
  color:#0e1726!important;
}

/* Keep white ink only where the control itself still has a deliberately dark
   semantic background.  Descendants inherit it even if they use `.text-white`. */
html[data-cy-color-scheme="light"] body :is(
  .btn-primary,.btn-danger,.btn-success,.btn-dark,
  [class*="btn-primary"],[class*="btn-danger"],[class*="btn-success"],[class*="btn-dark"]
),
html[data-cy-color-scheme="light"] body :is(
  .btn-primary,.btn-danger,.btn-success,.btn-dark,
  [class*="btn-primary"],[class*="btn-danger"],[class*="btn-success"],[class*="btn-dark"]
) *{
  color:#fff!important;
}

/* These compact controls deliberately keep their dark glass surface in the
   light scheme.  Their labels therefore need light ink; the broad legacy-text
   normalizer above must not turn `*-copy` / `*-text` descendants dark. */
html[data-cy-color-scheme="light"] body .student-notify-fab .student-notify-fab-text,
html[data-cy-color-scheme="light"] body .transactions-development-badge{
  color:rgba(255,255,255,.95)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
}

/* ------------------------------ верхня панель, сайдбар, футер */
html[data-cy-color-scheme="light"] body .navbar-custom,
html[data-cy-color-scheme="light"] body.cybox-floating-topbar .navbar-custom{
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 12px 32px rgba(31,45,66,.1)!important;
  backdrop-filter:blur(16px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
}

/* Keep the topbar surface clear, matching account.php. */
html[data-cy-color-scheme="light"] body .navbar-custom::before{
  content:none!important;
  background:none!important;
}

html[data-cy-color-scheme="light"] body .navbar-custom :is(i,[data-lucide],.nav-user,.button-toggle-menu){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body :is(.account-sidebar,.main-menu,.settings-nav){
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--cy-light-text)!important;
  box-shadow:8px 0 28px rgba(31,45,66,.08)!important;
}

/* The shared student sidebar is `.main-menu`; `.account-sidebar` is the old
   shell kept by a few legacy pages.  Keep both light so every page follows the
   color-scheme switch. */
html[data-cy-color-scheme="light"] body .main-menu::before{
  background:
    transparent !important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body .main-menu::after{
  background:linear-gradient(180deg,transparent,rgba(31,45,66,.11) 24%,rgba(var(--cy-theme-2-rgb,59,130,246),.12) 78%,transparent)!important;
}

html[data-cy-color-scheme="light"] body :is(.account-sidebar,.main-menu) :is(a,button,.account-sidebar-label,.account-sidebar-link){
  color:#536278!important;
}

html[data-cy-color-scheme="light"] body :is(.account-sidebar,.main-menu) :is(a,button):hover,
html[data-cy-color-scheme="light"] body :is(.account-sidebar,.main-menu) .is-active{
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.09)!important;
  color:#1d2a3d!important;
}

html[data-cy-color-scheme="light"] body .main-menu .account-sidebar-profile{
  border-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .account-sidebar-avatar{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:#fff!important;
  box-shadow:0 9px 22px rgba(31,45,66,.12),0 0 0 3px rgba(var(--cy-theme-2-rgb,59,130,246),.05)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .account-sidebar-user strong{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .account-sidebar-user span{
  color:#64748b!important;
}

html[data-cy-color-scheme="light"] body .main-menu .app-menu .menu-title{
  color:#7a8799!important;
}

html[data-cy-color-scheme="light"] body .main-menu .app-menu .menu-title::after{
  background:linear-gradient(90deg,rgba(31,45,66,.14),transparent)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .app-menu > .menu-item > .menu-link{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,251,.96))!important;
  color:#536278!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(31,45,66,.035)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .app-menu > .menu-item > .menu-link:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.07)!important;
  color:#1d2a3d!important;
  box-shadow:0 10px 22px rgba(31,45,66,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .menu-icon{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#536278!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .menu-text{
  color:inherit!important;
}

html[data-cy-color-scheme="light"] body .main-menu .menu-item.active > .menu-link{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.3)!important;
  background:linear-gradient(135deg,rgba(var(--cy-theme-1-rgb,99,230,255),.13),rgba(var(--cy-theme-2-rgb,59,130,246),.08))!important;
  color:#243248!important;
  box-shadow:0 10px 24px rgba(31,45,66,.09),inset 0 1px 0 rgba(255,255,255,.92)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .menu-item.active > .menu-link::before{
  background:var(--cy-theme-gradient)!important;
  box-shadow:0 0 12px rgba(var(--cy-theme-2-rgb,59,130,246),.26)!important;
}

html[data-cy-color-scheme="light"] body .main-menu .menu-item.active .menu-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.1)!important;
  color:#334d74!important;
}

html[data-cy-color-scheme="light"] body .main-menu :is(.account-sidebar-social,.help-box){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body .main-menu :is(.account-sidebar-social-link,.help-box__contact){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#536278!important;
}

html[data-cy-color-scheme="light"] body .main-menu :is(.help-box h5,.help-box__value,.help-box a){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .main-menu :is(.help-box__eyebrow,.help-box__label){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body :is(.footer-custom,.footer-bug-restore){
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 -8px 24px rgba(31,45,66,.08)!important;
}

/* ------------------------------ модалки й меню профілю */
html[data-cy-color-scheme="light"] body :is(
  .topbar-profile-modal,
  .modal-content,
  .cy-modal-dialog,
  .rf-modal,
  .rl-modal,
  .admin-editor-card,
  .task-editor-modal
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 80px rgba(31,45,66,.2)!important;
}

html[data-cy-color-scheme="light"] body .topbar-profile-modal :is(.topbar-profile-item,.topbar-profile-title){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .topbar-profile-modal .topbar-profile-item:hover{
  background:var(--cy-light-surface-muted)!important;
}

html[data-cy-color-scheme="light"] body :is(.modal-header,.modal-footer,.topbar-profile-head,.topbar-profile-divider){
  border-color:var(--cy-light-line)!important;
}

/* Shared avatar/profile menu is loaded on many pages and its original skin
   intentionally has very specific dark selectors.  Keep one authoritative
   light version here so account, courses, tasks and materials match. */
html[data-cy-color-scheme="light"] body .topbar-profile-overlay .topbar-profile-modal,
html[data-cy-color-scheme="light"] body .mc-profile-overlay .mc-profile-modal{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f6f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 70px rgba(31,45,66,.22),inset 0 1px 0 #fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-head,.mc-profile-head
){
  border-color:var(--cy-light-line)!important;
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-title,.mc-profile-title
){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-sub,.mc-profile-sub
){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-close,.mc-profile-close
){
  border:1px solid var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#3c4a60!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-close,.mc-profile-close
):hover{
  border-color:var(--cy-light-line-strong)!important;
  background:#e4ebf3!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-item,.mc-profile-item
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-item,.mc-profile-item
) :is(i,svg,span){
  color:inherit!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-item,.mc-profile-item
):hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.32)!important;
  background:#edf4fb!important;
  color:#172033!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-item.is-danger,.mc-profile-item.is-danger
){
  border-color:rgba(196,64,75,.28)!important;
  background:#fff0f1!important;
  color:#8d2630!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-item.is-danger,.mc-profile-item.is-danger
):hover{
  border-color:rgba(196,64,75,.42)!important;
  background:#ffe4e7!important;
  color:#791e27!important;
}

html[data-cy-color-scheme="light"] body :is(.topbar-profile-overlay,.mc-profile-overlay) :is(
  .topbar-profile-divider,.mc-profile-divider
){
  background:linear-gradient(90deg,transparent,var(--cy-light-line-strong),transparent)!important;
}

/* ------------------------------ глобальні toast / popup повідомлення */
html[data-cy-color-scheme="light"] body :is(
  .toast,
  .toast-mini,
  [class$="-toast"],
  [class*="-toast "],
  .task-admin-notice,
  #toast-container > div
){
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 20px 54px rgba(31,45,66,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body :is(
  .toast,
  .toast-mini,
  [class$="-toast"],
  [class*="-toast "],
  .task-admin-notice,
  #toast-container > div
)[data-state="error"],
html[data-cy-color-scheme="light"] body :is(.toast,.toast-mini,[class$="-toast"],[class*="-toast "]).is-error,
html[data-cy-color-scheme="light"] body .arena-toast{
  border-color:rgba(190,55,68,.3)!important;
  background:linear-gradient(145deg,#fff7f7,#ffedef)!important;
  color:#8d2630!important;
}

html[data-cy-color-scheme="light"] body .swal2-popup{
  border:1px solid var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 80px rgba(31,45,66,.22)!important;
}

html[data-cy-color-scheme="light"] body .swal2-popup :is(.swal2-title,.swal2-html-container,.swal2-content){
  color:var(--cy-light-text)!important;
}

/* Claimable achievement. */
html[data-cy-color-scheme="light"] body .cy-ach-toast{
  border-color:rgba(178,139,47,.28)!important;
  background:
    linear-gradient(145deg,#fff,#f7f9fc) !important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .cy-ach-toast::before,
html[data-cy-color-scheme="light"] body .cy-friend-toast::before{
  background:
    transparent !important;
  background-size: auto;
}

html[data-cy-color-scheme="light"] body .cy-ach-toast :is(.cy-ach-toast__visual,.cy-ach-toast__reward){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .cy-ach-toast :is(.cy-ach-toast__title,.cy-ach-toast__reward b){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .cy-ach-toast :is(.cy-ach-toast__description,.cy-ach-toast__reward small){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body :is(.cy-ach-toast__error,.cy-friend-toast__error){
  color:#a12d39!important;
}

html[data-cy-color-scheme="light"] body .cy-ach-toast :is(.cy-ach-toast__kicker,.cy-ach-toast__more){
  color:#795f21!important;
}

html[data-cy-color-scheme="light"] body .cy-ach-toast .cy-ach-toast__more{
  border-color:rgba(178,139,47,.24)!important;
  background:#fff8e7!important;
}

html[data-cy-color-scheme="light"] body :is(.cy-ach-toast__close,.cy-friend-toast__close,.cy-order-toast__close){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#536278!important;
}

html[data-cy-color-scheme="light"] body :is(.cy-ach-toast__close,.cy-friend-toast__close,.cy-order-toast__close):hover{
  border-color:var(--cy-light-line-strong)!important;
  background:#e2eaf2!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .cy-ach-toast.is-success .cy-ach-toast__claim{
  border-color:rgba(44,137,83,.3)!important;
  background:#e9f8ef!important;
  color:#236a40!important;
}

/* New friend request. */
html[data-cy-color-scheme="light"] body .cy-friend-toast{
  border-color:rgba(35,155,190,.28)!important;
  background:
    linear-gradient(145deg,#fff,#f5f9fc) !important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .cy-friend-toast .cy-friend-toast__visual{
  border-color:rgba(35,155,190,.22)!important;
  background:#edf8fb!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .cy-friend-toast .cy-friend-toast__badge{
  border-color:#fff!important;
}

html[data-cy-color-scheme="light"] body .cy-friend-toast :is(.cy-friend-toast__name,.cy-friend-toast__description){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .cy-friend-toast .cy-friend-toast__description{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .cy-friend-toast .cy-friend-toast__kicker{
  color:#087696!important;
}

html[data-cy-color-scheme="light"] body .cy-friend-toast .cy-friend-toast__action.is-decline{
  border-color:rgba(190,55,68,.25)!important;
  background:#fff0f1!important;
  color:#8d2630!important;
}

/* Order status update. */
html[data-cy-color-scheme="light"] body .cy-order-toast{
  border-color:rgba(48,128,178,.25)!important;
  background:
    linear-gradient(145deg,#fff,#f6f9fc) !important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .cy-order-toast .cy-order-toast__icon{
  border-color:rgba(48,128,178,.22)!important;
  background:#edf7fc!important;
  color:#247aa9!important;
}

html[data-cy-color-scheme="light"] body .cy-order-toast .cy-order-toast__title{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .cy-order-toast :is(.cy-order-toast__kicker,.cy-order-toast__text){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .cy-order-toast .cy-order-toast__link{
  border-color:rgba(48,128,178,.25)!important;
  background:#edf7fc!important;
  color:#226d98!important;
}

/* Chat access notice and privacy/system mini-toasts. */
html[data-cy-color-scheme="light"] body .student-chat-group-toast .student-chat-group-toast__icon{
  border-color:rgba(178,139,47,.24)!important;
  background:#fff8e7!important;
  color:#806522!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .student-chat-group-toast .student-chat-group-toast__title{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .student-chat-group-toast .student-chat-group-toast__text{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .profile-privacy-toast:not(.is-error){
  color:#315f45!important;
  border-color:rgba(44,137,83,.25)!important;
  background:#effaf3!important;
}

/* Lesson reminder and grade/reward modal. */
html[data-cy-color-scheme="light"] body #lessonNotify .dlx__card,
html[data-cy-color-scheme="light"] body #rewardModal .dlx__card{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 80px rgba(31,45,66,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body #lessonNotify :is(.dlx__header,.dlx__footer),
html[data-cy-color-scheme="light"] body #rewardModal :is(.dlx__header,.dlx__footer){
  border-color:var(--cy-light-line)!important;
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body #lessonNotify :is(
  .dlx__lesson-card,.dlx__detail,.dlx__time-chip,.dlx__tag,.dlx__link,.dlx__cover
),
html[data-cy-color-scheme="light"] body #rewardModal :is(.dlx__reward-card,.dlx__cover){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #rewardModal .dlx__cover{
  opacity:.16!important;
}

html[data-cy-color-scheme="light"] body #lessonNotify :is(
  .dlx__title,.dlx__subtitle,.dlx__lesson-name,.dlx__detail-value
),
html[data-cy-color-scheme="light"] body #rewardModal :is(
  .dlx__title,.dlx__subtitle,.dlx__reward-label,.dlx__reward-value,.dlx__note,.dlx__eyebrow
){
  color:var(--cy-light-text)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #lessonNotify :is(
  .dlx__subtitle-label,.dlx__label,.dlx__detail-label
){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body #lessonNotify .dlx__close,
html[data-cy-color-scheme="light"] body #rewardModal .dlx__close{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#536278!important;
}

html[data-cy-color-scheme="light"] body #lessonNotify :is(.dlx__btn--ghost,.dlx__btn--gold.dlx__btn--quiet){
  border-color:var(--cy-light-line-strong)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
}

/* Teacher-feedback reward uses the same visual language under another id. */
html[data-cy-color-scheme="light"] body #feedbackReward .dlx__card{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 80px rgba(31,45,66,.22)!important;
  backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body #feedbackReward :is(.grade-glass,.reward-badge){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body #feedbackReward :is(
  .dlx__title,.dlx__subtitle,.dlx__eyebrow,.grade-value,.reward-type
){
  color:var(--cy-light-text)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #feedbackReward .dlx__close{
  border:1px solid var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#536278!important;
}

/* Account welcome/birthday reward dialogs are also event-driven popups. */
html[data-cy-color-scheme="light"] body .registration-thanks-dialog{
  border:1px solid var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 30px 82px rgba(31,45,66,.24)!important;
}

html[data-cy-color-scheme="light"] body .registration-thanks-dialog::before{
  background:linear-gradient(155deg,#fff,#f5f8fb)!important;
}

html[data-cy-color-scheme="light"] body .registration-thanks-dialog :is(
  .registration-thanks-head,.registration-thanks-text,.registration-thanks-later
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .registration-thanks-dialog :is(
  .registration-thanks-title,.registration-thanks-text
){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .registration-thanks-dialog .registration-thanks-badge{
  color:#765d21!important;
}

html[data-cy-color-scheme="light"] body .registration-thanks-dialog :is(.registration-thanks-close,.registration-thanks-later){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#536278!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay .bday-modal{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 30px 82px rgba(31,45,66,.24)!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay .bday-modal::before{
  background:
    transparent !important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay :is(.bday-head,.bday-actions){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay :is(
  .bday-sub,.bday-chip,.bday-status,.bday-head-mark,.bday-chip-icon
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay :is(
  .bday-title,.bday-head-sub,.bday-sub,.bday-chip-value,.bday-chip-label
){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay :is(.bday-head-sub,.bday-chip-label){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay .bday-badge{
  color:#765d21!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay .bday-status[data-state="success"]{
  border-color:rgba(44,137,83,.25)!important;
  background:#eaf8ef!important;
  color:#286b43!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay .bday-status[data-state="error"]{
  border-color:rgba(190,55,68,.25)!important;
  background:#fff0f1!important;
  color:#8d2630!important;
}

html[data-cy-color-scheme="light"] body.account-birthday-modal-theme #bday-overlay :is(.bday-close,.bday-btn--ghost){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#536278!important;
  box-shadow:none!important;
}

/* Older pages still use the shared `custom-modal` component. */
html[data-cy-color-scheme="light"] body .custom-modal{
  border:1px solid var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 80px rgba(31,45,66,.22)!important;
}

html[data-cy-color-scheme="light"] body .custom-modal :is(.custom-modal-title,.custom-modal-body p){
  color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .custom-modal .custom-modal-close{
  color:#536278!important;
}

/* ------------------------------ videotask / task course programme */
html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar{
  --task-text:var(--cy-light-text);
  --task-muted:var(--cy-light-muted);
  --task-line:var(--cy-light-line);
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar :is(
  .task-course-panel,.task-progress-section,.task-schedule-shell
){
  border-color:var(--cy-light-line)!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:linear-gradient(150deg,#fff,#f6f9fc)!important;
  background-clip:padding-box!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow)!important;
}

/* task-schedule-section is only a layout wrapper.  Leaving the generic
   section surface on it produces a sharp white rectangle behind the real,
   rounded task-schedule-shell. */
html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .task-schedule-section{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar :is(
  .task-course-panel,.task-progress-section,.task-schedule-shell
)::before{
  background:linear-gradient(90deg,transparent,rgba(var(--cy-theme-1-rgb),.5),rgba(var(--cy-theme-2-rgb),.32),transparent)!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar :is(
  .task-section-title,.module-branch-title,.class-title,.class-teacher-name,.class-empty-title
){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar :is(
  .task-section-sub,.class-description,.class-description--muted,.class-meta-item,.class-teacher-label,.class-muted,.class-empty-text
){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .luxe-card-kicker{
  color:#50627a!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar :is(
  .module-branch-head,.class-teacher,.class-empty,.task-section-note
){
  border-color:var(--cy-light-line)!important;
  border-radius:16px!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .module-branch-count{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
  color:#405a7d!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .class-card{
  border-color:var(--cy-light-line)!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#fff!important;
  background-clip:padding-box!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 14px 34px rgba(31,45,66,.1)!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .class-card:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.26)!important;
  box-shadow:0 20px 42px rgba(31,45,66,.14)!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .class-card__visual:not(.has-cover){
  border-color:var(--cy-light-line)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#eef4f8,#f8fafc)!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .class-card__mark{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.22)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
  color:#45658d!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .status-pill--done{
  border-color:rgba(10,145,76,.48)!important;
  background:linear-gradient(145deg,#d9fbe8,#c8f3dc)!important;
  color:#087641!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .status-pill--done .status-pill__check{
  width:15px!important;
  height:15px!important;
  flex-basis:15px!important;
  stroke-width:2.75!important;
  filter:none;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .status-pill--active{
  border-color:rgba(30,142,177,.25)!important;
  background:#eaf8fc!important;
  color:#15728f!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .status-pill--pending{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#65748a!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar :is(
  .lesson-type-pill--draft,.classes-chip--draft
){
  border-color:rgba(190,55,68,.24)!important;
  background:#fff0f1!important;
  color:#8d2630!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .classes-chip--video{
  border-color:rgba(30,142,177,.24)!important;
  background:#eaf8fc!important;
  color:#15728f!important;
}

/* Бейдж отриманої винагороди сам знає обидві схеми — його світлі кольори
   лежать поруч із темними у videotask-badges.css. Тутешні !important лише
   заважали б їм. */

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .task-admin-action{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.26)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
  color:#344f74!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .task-admin-action:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.4)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.13)!important;
  color:#233b5d!important;
}

/* The full lesson viewer shares the same dark source stylesheet. */
html[data-cy-color-scheme="light"] body .lesson-modal-dialog{
  border-color:var(--cy-light-line-strong)!important;
  border-radius:28px!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 30px 82px rgba(31,45,66,.24)!important;
  overflow:hidden!important;
}

html[data-cy-color-scheme="light"] body .lesson-modal-header{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body .lesson-modal-dialog :is(
  .lesson-modal-panel,.lesson-modal-meta-item,.lesson-modal-next-box,.lesson-modal-placeholder,.lesson-modal-attachment
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .lesson-modal-dialog :is(
  .lesson-modal-title,.lesson-modal-section-title,.lesson-modal-next-title,.lesson-modal-teacher-name,.lesson-modal-attachment-file
){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .lesson-modal-dialog :is(
  .lesson-modal-kicker,.lesson-modal-next-meta,.lesson-modal-next-note,.lesson-modal-teacher-label
){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .lesson-modal-close{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#536278!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page :is(.lesson-page-back,.lesson-course-map-back){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#273650!important;
}
html[data-cy-color-scheme="light"] body.task-lesson-page :is(.lesson-page-back,.lesson-course-map-back):hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.36)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
  color:#152035!important;
}
html[data-cy-color-scheme="light"] body.task-lesson-page :is(.lesson-page-back,.lesson-course-map-back) svg{
  fill:none!important;
  stroke:currentColor!important;
  opacity:1!important;
  filter:none!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-course-map-card{
  border-color:var(--cy-light-line-strong)!important;
  background:
    linear-gradient(150deg,#fff,#f7f9fc) !important;
  color:var(--cy-light-text)!important;
  box-shadow:0 18px 42px rgba(31,45,66,.13),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-course-map-card::before{
  background:linear-gradient(90deg,transparent,rgba(var(--cy-theme-1-rgb,248,113,195),.5),transparent)!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page :is(
  .lesson-course-map-title,
  .lesson-course-map-position strong,
  .lesson-course-map-module-head strong,
  .lesson-course-map-copy-title > strong
){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page :is(
  .lesson-course-map-kicker,
  .lesson-course-map-position,
  .lesson-course-map-summary,
  .lesson-course-map-module-head > div > span,
  .lesson-course-map-copy small
){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page :is(
  .lesson-course-map-hero-icon,
  .lesson-course-map-module-icon,
  .lesson-course-map-module-head small,
  .lesson-course-map-marker
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#405878!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-course-map-progress{
  border-color:var(--cy-light-line)!important;
  background:#e7edf4!important;
  box-shadow:inset 0 1px 3px rgba(31,45,66,.11)!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-course-map-summary{
  border-bottom-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-course-map-item:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.22)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.055)!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-course-map-item.is-current{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.34)!important;
  background:linear-gradient(145deg,rgba(var(--cy-theme-1-rgb,248,113,195),.1),rgba(var(--cy-theme-2-rgb,59,130,246),.075))!important;
  box-shadow:0 9px 22px rgba(31,45,66,.1)!important;
}
html[data-cy-color-scheme="light"] body.task-lesson-page :is(.lesson-modal-attendance-icon,.lesson-modal-meta-icon,.lesson-mobile-fact > svg){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.07)!important;
  color:#526d99!important;
}
html[data-cy-color-scheme="light"] body.task-lesson-page :is(.lesson-modal-attendance-icon,.lesson-modal-meta-icon,.lesson-mobile-fact > svg) svg,
html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-mobile-fact > svg{
  fill:none!important;
  stroke:currentColor!important;
  opacity:1!important;
  filter:none!important;
}
html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .class-grade-badge{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.38)!important;
  background:
    linear-gradient(145deg,#fff,#edf2f9) !important;
  box-shadow:0 7px 18px rgba(39,53,76,.13) !important;
  color:#1b2941!important;
}

html[data-cy-color-scheme="light"] body.account-coursesvideo-sidebar .class-grade-badge > strong{
  background:linear-gradient(145deg,rgba(var(--cy-theme-1-rgb,248,113,195),.18),rgba(var(--cy-theme-2-rgb,59,130,246),.13))!important;
  box-shadow:inset 0 0 0 1px rgba(var(--cy-theme-2-rgb,59,130,246),.18)!important;
  color:#152035!important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-modal-status--completed{
  border-color:rgba(10,145,76,.52)!important;
  background:linear-gradient(145deg,#d7fbe7,#c6f2da)!important;
  color:#087641!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86) !important;
}

html[data-cy-color-scheme="light"] body.task-lesson-page .lesson-modal-status--completed .lesson-modal-status-icon{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
  stroke-width:2.8!important;
  filter:none !important;
}

/* ------------------------------ сторінкові уточнення */
html[data-cy-color-scheme="light"] body .settings-card{
  background:linear-gradient(145deg,#fff,#f8fafc)!important;
}

html[data-cy-color-scheme="light"] body .theme-scheme-card{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .theme-scheme-card :is(strong,small){
  color:inherit!important;
}

html[data-cy-color-scheme="light"] body .theme-scheme-card.is-selected{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.48)!important;
  box-shadow:0 0 0 3px rgba(var(--cy-theme-2-rgb,59,130,246),.09)!important;
}

html[data-cy-color-scheme="light"] body :is(.theme-preview,.theme-font-preview,.theme-customizer,.theme-fonts){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .members-card::before{
  opacity:.16;
  mix-blend-mode:multiply;
}

html[data-cy-color-scheme="light"] body :is(.member-name,.stat,.sort-pill,.gold-input){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body :is(.ceremony-card,.luxe,.claim-ceremony){
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .ceremony-card,
html[data-cy-color-scheme="light"] body .luxe{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface)!important;
  box-shadow:var(--cy-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body :is(.alert,.toast,.toast-mini){
  border-color:var(--cy-light-line)!important;
  color:var(--cy-light-text)!important;
}

/* ------------------------------ account.php: editorial feature cards
   These blocks intentionally use high-specificity dark-luxe rules in their
   component stylesheets, so they need an explicit light-scheme skin. */
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .row-eq .account-feature-card--welcome,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .row-eq .account-feature-card--balance,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .analytics-card.account-course-collection{
  border-color:var(--cy-light-line)!important;
  background:
    linear-gradient(150deg,#fff,#f7f9fc) !important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .row-eq .account-feature-card--balance,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .analytics-card.account-course-collection{
  background:
    linear-gradient(150deg,#fff,#f7f9fc) !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .welcome-card.dark-luxe.account-feature-card--welcome::before,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance::before,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .analytics-card.account-course-collection::before{
  background:
    transparent !important;
  background-size: auto;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .welcome-card.dark-luxe.account-feature-card--welcome::after,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance::after,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .analytics-card.account-course-collection::after{
  background:linear-gradient(90deg,transparent,rgba(var(--cy-theme-2-rgb,59,130,246),.32),transparent)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--welcome .welcome-copy--editorial::before{
  background:linear-gradient(180deg,rgba(var(--cy-theme-2-rgb,59,130,246),.65),rgba(var(--cy-theme-1-rgb,99,230,255),.2),transparent)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--welcome .welcome-title,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--welcome .welcome-title .welcome-greeting{
  color:#435169!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--welcome .welcome-title :is(.welcome-greeting,.name){
  color:transparent!important;
  background:var(--cy-theme-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:none!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--welcome .welcome-description{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--welcome .account-feature-cover-orbit{
  border-color:var(--cy-light-line)!important;
  background:transparent !important;
  box-shadow:none !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--welcome .wl-hero-glow{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .welcome-card.dark-luxe.account-feature-card--welcome .wl-hero{
  opacity:.9!important;
  filter:saturate(.86) brightness(1.03) drop-shadow(0 18px 28px rgba(31,45,66,.18))!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stats-head-gem{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stats-head-gem svg{
  stroke:#52647c!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stats-head-copy h4{
  color:transparent!important;
  background:var(--cy-theme-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stats-head-copy p{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stat{
  border-color:var(--cy-light-line)!important;
  background:rgba(245,248,251,.92)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stat:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.23)!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stat img{
  opacity:.94!important;
  filter:saturate(.92) drop-shadow(0 5px 10px rgba(31,45,66,.12))!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stat .val{
  color:var(--cy-light-text)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  filter:none!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stat .val::after{
  background:linear-gradient(90deg,transparent,rgba(var(--cy-theme-2-rgb,59,130,246),.42),transparent)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stat .lbl{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-feature-card--balance .stat-daily-earned{
  border-color:rgba(48,151,92,.2)!important;
  background:rgba(48,151,92,.08)!important;
  color:#277348!important;
  box-shadow:none!important;
}

/* Account course collection. */
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-head{
  border-bottom-color:var(--cy-light-line)!important;
  border-image:none!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-collection-icon,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .profile-privacy-toggle,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .icon-wrap{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:#52647c!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-section-icon,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-collection-icon.account-section-icon{
  border-color:transparent!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(var(--cy-theme-2-rgb,59,130,246),.08)) padding-box,
    var(--cy-theme-gradient,linear-gradient(135deg,#60a5fa,#8b5cf6,#ec4899)) border-box!important;
  color:var(--cy-theme-2,#3b82f6)!important;
  box-shadow:
    0 10px 22px rgba(31,45,66,.1), inset 0 1px 0 #fff !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-section-icon::before{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-section-icon svg{
  filter:saturate(1.2) contrast(1.15) !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection :is(.ana-kicker,.ana-sub,.ana-progress-label){
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .profile-privacy-toggle:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-item{
  border-color:var(--cy-light-line)!important;
  background:rgba(245,248,251,.94)!important;
  color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-item:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.23)!important;
  background:#fff!important;
  box-shadow:0 16px 34px rgba(31,45,66,.09),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .icon-wrap::after{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-name,
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-metric strong{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-metric{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-metric span{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-metric.is-done{
  border-color:rgba(48,151,92,.2)!important;
  background:rgba(48,151,92,.075)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-metric.is-done strong{
  color:#277348!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-progress{
  border-color:var(--cy-light-line)!important;
  background:#e4eaf1!important;
  box-shadow:inset 0 2px 3px rgba(31,45,66,.13),0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-progress::before{
  background:linear-gradient(90deg,
    transparent 24.5%,rgba(31,45,66,.14) 24.8%,rgba(31,45,66,.14) 25.2%,transparent 25.5%,
    transparent 49.5%,rgba(31,45,66,.14) 49.8%,rgba(31,45,66,.14) 50.2%,transparent 50.5%,
    transparent 74.5%,rgba(31,45,66,.14) 74.8%,rgba(31,45,66,.14) 75.2%,transparent 75.5%)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .account-course-collection .ana-percent{
  color:#435169!important;
  text-shadow:none!important;
}

/* ------------------------------ account.php: daily reward calendar */
html[data-cy-color-scheme="light"] body.account-profile-page .dr-backdrop{
  background:rgba(31,45,66,.48)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-modal{
  --dr-gold-1:var(--cy-theme-3,#f1c9fe);
  --dr-gold-2:var(--cy-theme-1,#63e6ff);
  --dr-gold-3:var(--cy-theme-2,#3b82f6);
  --dr-ink:#172033;
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(165deg,#fff,#f4f7fa)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 34px 90px rgba(31,45,66,.28),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-modal::before{
  background:transparent !important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-modal::after{
  background:linear-gradient(90deg,transparent,rgba(var(--cy-theme-2-rgb,59,130,246),.34),transparent)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-close{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#526074!important;
  box-shadow:0 6px 16px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-close:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.28)!important;
  background:var(--cy-light-surface-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-sub,
html[data-cy-color-scheme="light"] body.account-profile-page .dr-hint,
html[data-cy-color-scheme="light"] body.account-profile-page .dr-legend{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-sub b{
  color:#435169!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-stat{
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-stat::before{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-stat--streak{
  border-color:rgba(220,117,70,.22)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-stat-label{
  color:#56667d!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-weeknote{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.18)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.075)!important;
  color:#435169!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-month-head #dr-month-name{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-legend span{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#56667d!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-grid{
  border-color:var(--cy-light-line)!important;
  background:rgba(237,242,247,.86)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 4px 12px rgba(31,45,66,.045)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day :is(.d-num,.d-rew){
  color:#56667d!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.claimed{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.28)!important;
  background:linear-gradient(165deg,rgba(var(--cy-theme-1-rgb,99,230,255),.16),rgba(var(--cy-theme-2-rgb,59,130,246),.08))!important;
  box-shadow:0 0 0 1px rgba(var(--cy-theme-2-rgb,59,130,246),.08) inset,0 7px 16px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.claimed .d-num{
  color:#435169!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.past{
  border-color:var(--cy-light-line)!important;
  background:#eef2f6!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.past :is(.d-num,.d-rew){
  color:#8b97a8!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.future{
  border-color:rgba(75,123,255,.24)!important;
  background:rgba(75,123,255,.065)!important;
  box-shadow:0 0 0 1px rgba(75,123,255,.05) inset,0 6px 14px rgba(31,45,66,.055)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.future :is(.d-num,.d-rew){
  color:#486187!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.today.future{
  border-color:rgba(52,155,48,.38)!important;
  background:rgba(82,196,26,.09)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.today.future :is(.d-num,.d-rew){
  color:#397044!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-day.today:not(.claimed)::after{
  box-shadow:0 0 0 2px #fff !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-focus{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 8px 20px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .dr-focus :is(.dr-focus-date,.dr-focus-rew){
  color:var(--cy-light-text)!important;
}

/* ------------------------------ shop.php: product purchase modal */
html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-modal{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f4f7fa)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 34px 86px rgba(31,45,66,.24),inset 0 1px 0 #fff!important;
  scrollbar-color:rgba(31,45,66,.18) transparent!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-modal::before{
  background:
    transparent !important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-modal::-webkit-scrollbar-thumb{
  background:rgba(31,45,66,.18)!important;
  background-clip:padding-box!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal :is(.sm-header,.sm-actions){
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 10px 26px rgba(31,45,66,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-actions{
  box-shadow:0 -10px 26px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-header-mark{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.07)!important;
  color:#405a7e!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal :is(
  .sm-kicker,.sm-label,.total-label,.sm-header-sub,.sm-review-meta,
  .sm-review-caption,.sm-review-date,.sm-review-status
){
  color:var(--cy-light-muted)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal :is(
  .ana-title,#sm-name,#sm-qty-left,.sm-desc,
  .sm-review-author,.sm-review-body,.sm-review-empty
){
  color:var(--cy-light-text)!important;
  background-image:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-close{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#526074!important;
  box-shadow:0 7px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-close:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.26)!important;
  background:var(--cy-light-surface-muted)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal :is(
  .sm-preview,.sm-fields .sm-row,.sm-review-panel,.sm-review-compose,.sm-review-feed
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 0 #fff,0 9px 22px rgba(31,45,66,.045)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-preview{
  background:
    linear-gradient(145deg,#f7f9fc,#eef3f8) !important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-slides{
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-slide img{
  filter:drop-shadow(0 17px 28px rgba(31,45,66,.16)) saturate(.98)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-nav{
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.94)!important;
  color:#435169!important;
  box-shadow:0 8px 18px rgba(31,45,66,.11)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-dot{
  border-color:rgba(31,45,66,.28)!important;
  background:rgba(31,45,66,.12)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-dot.active{
  border-color:var(--cy-theme-2,#3b82f6)!important;
  background:var(--cy-theme-2,#3b82f6)!important;
  box-shadow:0 0 0 3px rgba(var(--cy-theme-2-rgb,59,130,246),.1)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal :is(
  .price-chip,.sum-pill,.sm-review-avg,.sm-chip,.qty-stepper
){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-chip:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.07)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-chip.active{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.32)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.11)!important;
  color:#263750!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .qty-stepper .btn-step{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:#435169!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .qty-stepper input[type="number"]{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-stars .star-btn{
  color:#8793a5!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-stars .star-btn.filled{
  color:#b88316!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-review-text{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.04)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-review-text::placeholder{
  color:#8a97a9!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal :is(.sm-review-card,.sm-review-empty){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-review-card.is-mine{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.23)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.055)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-review-mine{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.25)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.09)!important;
  color:#334d74!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-review-status.is-error{color:#9f2f37!important}
html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-review-status.is-ok{color:#277348!important}
html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-review-status.is-locked{color:#745817!important}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal #btn-add-cart:disabled{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:var(--cy-light-muted)!important;
}

/* ------------------------------ shop.php: customer orders modal */
html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-modal{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f4f7fa)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 34px 86px rgba(31,45,66,.24),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-modal::before{
  background:
    transparent !important;
  mix-blend-mode:normal!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-head{
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 10px 26px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-head-mark,
html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-stat-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.07)!important;
  color:#405a7e!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme :is(
  .orders-modal h4,.orders-stat-value,.order-title,.order-meta-pill strong,
  .order-detail-currency,.order-chip,.order-chip.gem,.order-chip.points,
  .order-empty .order-title
){
  color:var(--cy-light-text)!important;
  background-image:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme :is(
  .orders-kicker,.orders-sub,.orders-stat-label,.order-ref,.order-date,
  .order-eyebrow,.order-note,.order-meta-label,.order-items-head,
  .order-total-label,.order-empty .order-meta
){
  color:var(--cy-light-muted)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-head-count{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:#435169!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-close{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#526074!important;
  box-shadow:0 7px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-close:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.26)!important;
  background:var(--cy-light-surface-muted)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-body{
  color:var(--cy-light-text)!important;
  scrollbar-color:rgba(31,45,66,.18) transparent!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-body::-webkit-scrollbar-thumb{
  background:rgba(31,45,66,.18)!important;
  background-clip:padding-box!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .orders-stat{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(31,45,66,.055)!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-card{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 12px 28px rgba(31,45,66,.075),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-card::before{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-card:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:#fff!important;
  box-shadow:0 17px 34px rgba(31,45,66,.11),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-img{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#f4f7fa,#e9eef4)!important;
  box-shadow:0 8px 18px rgba(31,45,66,.09),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme :is(
  .order-meta-pill,.order-items-box,.order-item-pill,.order-items-more,
  .order-chip,.order-chip.gem,.order-chip.points
){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-status-badge{
  border-color:rgba(var(--pill-rgb),.28)!important;
  background:rgba(var(--pill-rgb),.1)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-status-badge--new{color:#006b98!important}
html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-status-badge--processing{color:#735500!important}
html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-status-badge--shipping{color:#007565!important}
html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-status-badge--ready{color:#27703c!important}
html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-status-badge--delivered{color:#216b36!important}
html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-status-badge--canceled{color:#963426!important}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-empty{
  border-color:var(--cy-light-line-strong)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.shop-orders-modal-theme .order-empty-icon{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#52647c!important;
  box-shadow:none!important;
}

/* Публічні сторінки входу/реєстрації теж отримують глобальну тему. */
html[data-cy-color-scheme="light"] body.cybox-auth-neon :is(.form-side,.recovery-note,.wizard-wrap){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.cybox-auth-neon :is(.field,.auth-separator span){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.cybox-auth-neon .code-rain{
  opacity:.12!important;
}

@media (max-width:767.98px){
  html[data-cy-color-scheme="light"] body{
    background-attachment:scroll!important;
  }
  html[data-cy-color-scheme="light"] .page-content{
    background-attachment:scroll!important;
  }
}

/* ========================================================================== */
/* Reported light-theme gaps: claim, shop, account, settings and dashboard.    */
/* ========================================================================== */

/* Claim page: the ceremony card was light, but its full-screen stage remained
   obsidian because the page owns a later inline stylesheet. */
html[data-cy-color-scheme="light"] body.claim-mode{
  background:#f5f8fc!important;
}

html[data-cy-color-scheme="light"] body.claim-mode .claim-ceremony{
  color:var(--cy-light-text)!important;
  background:
    linear-gradient(145deg,#f8fbff 0%,#f1f5fa 50%,#fbf7fc 100%) !important;
}

html[data-cy-color-scheme="light"] body.claim-mode .claim-ceremony::before{
  background:
    transparent !important;
  background-size: auto;
  opacity:.3!important;
}

html[data-cy-color-scheme="light"] body.claim-mode .claim-ceremony::after{
  box-shadow:none !important;
}

/* Shop cart: complete the white shell, including its sticky mobile header. */
html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-dropdown{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 24px 64px rgba(31,45,66,.18),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-head{
  border-bottom-color:var(--cy-light-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.995),rgba(246,249,253,.98))!important;
  box-shadow:0 6px 14px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme :is(.cart-title,.cart-head-count span){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme :is(.cart-kicker,.cart-sub,.cart-head-count small){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme :is(.cart-head-mark,.cart-head-count,.cart-mobile-close){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:#44566e!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(31,45,66,.065)!important;
}

/* Позиція кошика. Біла оболонка вже була, а сама картка товару лишалась
   темною: у shop-cart-theme.css її фон — непрозорий градієнт, тож на світлій
   панелі вона виглядала вирізаною з темної теми. */
html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-item{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(155deg,#fff,#f6f9fd)!important;
  color:var(--cy-light-text)!important;
  /* Без падаючої тіні: на світлій панелі вона давала сірий прямокутник
     за карткою. Форму тримають рамка й ледь помітний внутрішній блік. */
  box-shadow:inset 0 1px 0 #fff!important;
}

/* Тепле підсвічування з темної теми на білому дає брудну пляму. */
html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-item::before{
  background:none!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-item img.ci-img{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#eef3f9)!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-item .ci-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-item .ci-meta{
  color:var(--cy-light-faint)!important;
  -webkit-text-fill-color:var(--cy-light-faint)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme :is(.ci-qty-badge,.ci-attr,.ci-sum,.ci-stepper){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:#53657d!important;
  -webkit-text-fill-color:#53657d!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

/* Суми лишаються акцентними — так само, як у темній темі. */
html[data-cy-color-scheme="light"] body.shop-cart-theme :is(.ci-sum--gems,.ci-sum--points){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.26)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-dropdown .price-num,
html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-dropdown .gold-num{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .ci-stepper-value{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-dropdown .btn-mini{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:#53657d!important;
  -webkit-text-fill-color:#53657d!important;
  box-shadow:0 4px 10px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-dropdown .btn-mini:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.4)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.09)!important;
  color:#26344b!important;
  -webkit-text-fill-color:#26344b!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-dropdown .ci-remove-btn{
  border-color:rgba(214,69,69,.28)!important;
  background:rgba(214,69,69,.07)!important;
  color:#c23b3b!important;
  -webkit-text-fill-color:#c23b3b!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-dropdown .ci-remove-btn:hover{
  border-color:rgba(214,69,69,.45)!important;
  background:rgba(214,69,69,.13)!important;
  color:#a32b2b!important;
  -webkit-text-fill-color:#a32b2b!important;
}

/* Порожній кошик — та сама картка, тому й та сама світла подача. */
html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-empty-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
  color:var(--cy-theme-2,#3b82f6)!important;
  box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-empty-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.shop-cart-theme .cart-empty-text{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* Safari can rasterize the transparent shop illustration together with its
   drop-shadow as a visible square. The round media shell already provides a
   soft shadow, so the image filter is unnecessary in the light theme. */
html[data-cy-color-scheme="light"] body.shop-heading-dark-luxe-theme .shop-heading-media img{
  -webkit-filter:none!important;
  filter:none!important;
}

/* Shop hero: currency chip and dispatch notice belong to the same light card. */
html[data-cy-color-scheme="light"] body.shop-heading-dark-luxe-theme .shop-section .shop-sub-currencies{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(145deg,#fff,#f2f6fb)!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-heading-dark-luxe-theme .shop-section .shop-sub-currency--gems b,
html[data-cy-color-scheme="light"] body.shop-heading-dark-luxe-theme .shop-section .shop-sub-currency--points b{
  color:#243249!important;
  -webkit-text-fill-color:#243249!important;
}

html[data-cy-color-scheme="light"] body.shop-heading-dark-luxe-theme .shop-section .shop-sub-currency-separator{
  color:#8996a8!important;
}

html[data-cy-color-scheme="light"] body.shop-heading-dark-luxe-theme .shop-section .shop-dispatch-note{
  border-color:var(--cy-light-line-strong)!important;
  background:
    linear-gradient(145deg,#fff,#f4f7fb) !important;
  color:#4c5e76!important;
  -webkit-text-fill-color:#4c5e76!important;
  box-shadow:inset 0 1px 0 #fff,0 11px 25px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body.shop-heading-dark-luxe-theme .shop-section .shop-dispatch-icon{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.24)!important;
  background:linear-gradient(145deg,#fff,#f5edf6)!important;
  color:#d94ca3!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.shop-heading-dark-luxe-theme .shop-section .shop-dispatch-note strong{
  color:#25334a!important;
  -webkit-text-fill-color:#25334a!important;
}

/* The purchase button intentionally stays dark in the light theme. Its two
   animated states therefore keep light text instead of entering auto-contrast. */
html[data-cy-color-scheme="light"] body.shop-product-cards-theme .shop-footer .btn-buy,
html[data-cy-color-scheme="light"] body.shop-product-cards-theme .shop-footer .btn-buy :is(
  .btn-buy__state,.btn-buy__state--order span,.btn-buy__price,.btn-buy__old-price
){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

html[data-cy-color-scheme="light"] body.shop-product-cards-theme .shop-footer .btn-buy .btn-buy__old-price{
  color:rgba(255,255,255,.58)!important;
  -webkit-text-fill-color:rgba(255,255,255,.58)!important;
}

html[data-cy-color-scheme="light"] body.shop-product-cards-theme .shop-footer .btn-buy :is(svg,path){
  color:#fff!important;
  stroke:currentColor!important;
}

/* Shared topbar capsules: balance, achievements and the shop's orders button.
   Keep the existing font family, icon slots and responsive geometry; use a
   neutral light surface instead of the dark capsule's gradient and shadow. */
html[data-cy-color-scheme="light"] body :is(.account-topbar-balance,.shop-topbar-balance,.account-topbar-achievements){
  border-color:rgba(29,42,61,.12)!important;
  background:linear-gradient(180deg,#fff,#f4f5f7)!important;
  box-shadow:0 2px 7px rgba(29,42,61,.06),inset 0 1px 0 rgba(255,255,255,.95)!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body :is(.account-topbar-balance,.shop-topbar-balance)::before{
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body :is(.shop-topbar-balance__copy strong,.shop-topbar-balance__full,.shop-topbar-balance__compact,.account-topbar-achievements__num){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

html[data-cy-color-scheme="light"] body .shop-topbar-balance__copy small{
  color:#687890!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .shop-topbar-balance__divider{
  background:linear-gradient(180deg,transparent,rgba(29,42,61,.18),transparent)!important;
}

html[data-cy-color-scheme="light"] body :is(.shop-topbar-balance__item img,.account-topbar-achievements__ico){
  filter:drop-shadow(0 2px 3px rgba(29,42,61,.12))!important;
}

html[data-cy-color-scheme="light"] body .shop-topbar-orders .account-topbar-achievements__ico{
  color:#596579!important;
  filter:none!important;
}

html[data-cy-color-scheme="light"] body .account-topbar-achievements__dot{
  background:#248a3d!important;
  box-shadow:0 0 0 2px #fff!important;
}

@media (hover:hover) and (pointer:fine){
  html[data-cy-color-scheme="light"] body .account-topbar-achievements:hover{
    border-color:rgba(29,42,61,.18)!important;
    background:linear-gradient(180deg,#fff,#f8f9fb)!important;
    box-shadow:0 3px 10px rgba(29,42,61,.09),inset 0 1px 0 #fff!important;
  }
}

html[data-cy-color-scheme="light"] body .account-topbar-achievements:active{
  transform:translateY(0)!important;
  background:#eef0f4!important;
  box-shadow:inset 0 1px 3px rgba(29,42,61,.06)!important;
}

html[data-cy-color-scheme="light"] body .account-topbar-achievements:focus-visible{
  outline:2px solid #0071e3!important;
  outline-offset:3px!important;
}

/* Available-achievement overflow counter: a deliberate dark badge with an
   always-white label gives stable contrast for any "+N ще" value. */
html[data-cy-color-scheme="light"] body .cy-ach-toast .cy-ach-toast__meta > .cy-ach-toast__more{
  border-color:rgba(85,105,132,.24)!important;
  background:#263449!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}

/* Account tab rail and mobile scroll hint. */
html[data-cy-color-scheme="light"] body .account-scope .dlx-tabs{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,252,.96))!important;
  box-shadow:0 10px 25px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .account-scope .dlx-tab,
html[data-cy-color-scheme="light"] body .account-scope .dlx-tab :is(span,b){
  color:#253248!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Індикатори рядка швидких дій: обвідка крапки має бути кольору самого рядка. */
html[data-cy-color-scheme="light"] body .account-scope .dlx-tab-dot{
  background:#16a34a!important;
  box-shadow:0 0 0 2px #fff !important;
}

/* Колір цифри лишаємо правилу самого рядка вище: воно точніше й уже темне. */
html[data-cy-color-scheme="light"] body .account-scope .dlx-tab-badge{
  border-color:rgba(180,148,72,.34)!important;
  background:rgba(207,166,106,.16)!important;
}

html[data-cy-color-scheme="light"] body .account-scope .dlx-tab:is(:hover,.is-active){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.17)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.07)!important;
  color:#172235!important;
}

@media (max-width:576px){
  html[data-cy-color-scheme="light"] body .account-scope .dlx-tabs-wrap::after{
    width:76px!important;
    background:linear-gradient(90deg,rgba(248,250,253,0),rgba(248,250,253,.76) 48%,rgba(248,250,253,.98))!important;
    border-radius:0 12px 12px 0!important;
    box-shadow:none!important;
  }

  html[data-cy-color-scheme="light"] body .account-scope .dlx-tabs-scrollcue{
    border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.18)!important;
    background:linear-gradient(180deg,#fff,#f0f5fb)!important;
    color:#5364d9!important;
    box-shadow:0 8px 20px rgba(31,45,66,.14),inset 0 1px 0 #fff!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  html[data-cy-color-scheme="light"] body .account-scope .dlx-tabs-scrollcue::before{
    background:transparent !important;
    opacity:.55!important;
  }

  html[data-cy-color-scheme="light"] body .account-scope .dlx-tabs-scrollcue svg{
    filter:none!important;
  }
}

/* Activity filters must retain dark labels after JS moves .is-active. */
html[data-cy-color-scheme="light"] body .account-scope .activity-filter,
html[data-cy-color-scheme="light"] body .account-scope .activity-filter span{
  color:#253248!important;
  -webkit-text-fill-color:#253248!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-filter{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-filter span{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-filter b{
  background:#e9eef5!important;
  color:#253248!important;
  -webkit-text-fill-color:#253248!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-filter:is(:hover,.is-active),
html[data-cy-color-scheme="light"] body .account-scope .activity-filter:is(:hover,.is-active) span{
  color:#151d2b!important;
  -webkit-text-fill-color:#151d2b!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-filter:is(:hover,.is-active){
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.30)!important;
  background:var(--cy-theme-gradient,linear-gradient(120deg,#ff78c8,#da63d8,#9a55f3))!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-filter:is(:hover,.is-active) span{
  border:0!important;
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-filter:is(:hover,.is-active) b{
  background:rgba(24,31,45,.13)!important;
  color:#151d2b!important;
  -webkit-text-fill-color:#151d2b!important;
}

/* Remove the hard-edged dark strips from the event list while keeping depth. */
html[data-cy-color-scheme="light"] body .account-scope .activity-card{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-card::before{
  background:transparent !important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-card::after{
  opacity:.02!important;
  mix-blend-mode:multiply!important;
}

html[data-cy-color-scheme="light"] body .account-scope .luxe-timeline li,
html[data-cy-color-scheme="light"] body .account-scope .luxe-timeline li:hover,
html[data-cy-color-scheme="light"] body .account-scope .luxe-timeline li.is-priority{
  border-color:color-mix(in srgb,var(--event-accent) 23%,#d7dee8)!important;
  background:linear-gradient(115deg,color-mix(in srgb,var(--event-accent) 4%,#fff),#fff)!important;
  box-shadow:0 8px 20px rgba(31,45,66,.055),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .account-scope .luxe-timeline .timeline-panel{
  background:transparent!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .account-scope .luxe-timeline .timeline-badge{
  box-shadow:0 8px 18px rgba(31,45,66,.15),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

html[data-cy-color-scheme="light"] body .account-scope :is(.activity-message,.activity-balance-after,.activity-item-arrow){
  color:#253248!important;
  -webkit-text-fill-color:#253248!important;
}

html[data-cy-color-scheme="light"] body .account-scope .activity-time{
  color:#738198!important;
  -webkit-text-fill-color:#738198!important;
}

/* settings.php uses its scroll container as a second, independently dark page. */
html[data-cy-color-scheme="light"] body .settings-container,
html[data-cy-color-scheme="light"] body .settings-container.luxe-page{
  background:
    linear-gradient(180deg,#f7f9fc,#eef3f8) !important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .settings-container.luxe-page::before{
  background:transparent !important;
  mix-blend-mode:normal!important;
  opacity:.7!important;
}

html[data-cy-color-scheme="light"] body .settings-container.luxe-page::after{
  opacity:.015!important;
  mix-blend-mode:multiply!important;
}

html[data-cy-color-scheme="light"] body .settings-container.luxe-grid::before{
  background:
    transparent !important;
  background-size: auto;
  opacity:.36!important;
}

/* Dashboard attendance tooltip. */
html[data-cy-color-scheme="light"] body .index-attendance .apexcharts-tooltip{
  border-color:var(--cy-light-line-strong)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 16px 38px rgba(31,45,66,.16)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-apex-tooltip{
  color:#253248!important;
  -webkit-text-fill-color:#253248!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-apex-tooltip strong{
  color:#344a68!important;
  -webkit-text-fill-color:#344a68!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-apex-tooltip-row{
  color:#687890!important;
  -webkit-text-fill-color:#687890!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-apex-tooltip-row b{
  color:#1d2a3d!important;
  -webkit-text-fill-color:#1d2a3d!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-apex-tooltip-row--rate{
  border-top-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-apex-tooltip-row--rate b{
  color:#7656c9!important;
  -webkit-text-fill-color:#7656c9!important;
}

/* Shared avatar menu. app.js injects an ID-based dark skin after the page
   styles, so the light variant intentionally carries the same ID plus the
   scheme attribute. This keeps the menu consistent on every page. */
html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay .topbar-profile-backdrop,
html[data-cy-color-scheme="light"] body .mc-profile-overlay .mc-profile-backdrop{
  background:rgba(226,232,240,.72)!important;
  backdrop-filter:blur(10px) saturate(.9)!important;
  -webkit-backdrop-filter:blur(10px) saturate(.9)!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay .topbar-profile-modal,
html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay .rf-modal.topbar-profile-modal,
html[data-cy-color-scheme="light"] body .mc-profile-overlay .mc-profile-modal{
  border:1px solid var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f5f8fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 24px 58px rgba(31,45,66,.18),inset 0 1px 0 #fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-head,.mc-profile-head),
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-head,.mc-profile-head){
  border-color:var(--cy-light-line)!important;
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-head img,.mc-profile-head img),
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-head img,.mc-profile-head img){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(99,116,139,.08),0 6px 15px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-title,.mc-profile-title),
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-title,.mc-profile-title){
  color:#1d2a3d!important;
  -webkit-text-fill-color:#1d2a3d!important;
  font-weight:400!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-sub,.mc-profile-sub),
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-sub,.mc-profile-sub){
  color:#687890!important;
  -webkit-text-fill-color:#687890!important;
  font-weight:400!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-close,.mc-profile-close),
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-close,.mc-profile-close){
  border:1px solid var(--cy-light-line)!important;
  background:#eef3f8!important;
  color:#35445a!important;
  -webkit-text-fill-color:#35445a!important;
  box-shadow:none!important;
  font-weight:400!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-close,.mc-profile-close):hover,
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-close,.mc-profile-close):hover{
  border-color:var(--cy-light-line-strong)!important;
  background:#e2e9f1!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-item,.mc-profile-item),
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-item,.mc-profile-item){
  border-color:var(--cy-light-line)!important;
  background:#f5f8fb!important;
  color:#253248!important;
  -webkit-text-fill-color:#253248!important;
  box-shadow:none!important;
  font-weight:400!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-item,.mc-profile-item) :is(span,i,svg),
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-item,.mc-profile-item) :is(span,i,svg){
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-weight:400!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-item,.mc-profile-item):hover,
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-item,.mc-profile-item):hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.28)!important;
  background:#eaf2fa!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-item,.mc-profile-item).is-danger,
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-item,.mc-profile-item).is-danger{
  border-color:rgba(196,64,75,.25)!important;
  background:#fff0f2!important;
  color:#8d2630!important;
  -webkit-text-fill-color:#8d2630!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-item,.mc-profile-item).is-danger:hover,
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-item,.mc-profile-item).is-danger:hover{
  border-color:rgba(196,64,75,.4)!important;
  background:#ffe4e8!important;
  color:#791e27!important;
  -webkit-text-fill-color:#791e27!important;
}

html[data-cy-color-scheme="light"] body #topbar-profile-overlay.topbar-profile-overlay :is(.topbar-profile-divider,.mc-profile-divider),
html[data-cy-color-scheme="light"] body .mc-profile-overlay :is(.topbar-profile-divider,.mc-profile-divider){
  background:linear-gradient(90deg,transparent,var(--cy-light-line-strong),transparent)!important;
}

/* Friends/community dialog: the shell was already light, but its hero and tab
   rail kept their dark-page skin. Keep every tab label readable in all states. */
html[data-cy-color-scheme="light"] body #friends-overlay .rf-backdrop{
  background:rgba(226,232,240,.7)!important;
  backdrop-filter:blur(9px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(9px) saturate(.92)!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f5f8fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 26px 68px rgba(31,45,66,.18),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal::before{
  background:transparent !important;
  opacity:.65!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .rf-close{
  border-color:var(--cy-light-line)!important;
  background:#eef3f8!important;
  color:#35445a!important;
  -webkit-text-fill-color:#35445a!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .rf-close:hover{
  border-color:var(--cy-light-line-strong)!important;
  background:#e2e9f1!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-head{
  border-color:var(--cy-light-line)!important;
  background:
    linear-gradient(145deg,#fff,#f2f6fb) !important;
  box-shadow:0 14px 30px rgba(31,45,66,.08),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-head .rf-title{
  background:var(--cy-theme-gradient,linear-gradient(90deg,#ec4899,#9a55f3,#5b6ee1))!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-head .rf-sub{
  color:#607089!important;
  -webkit-text-fill-color:#607089!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-head .rf-badge{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.22)!important;
  background:var(--cy-theme-gradient,linear-gradient(90deg,#ff78c8,#bd62ea,#6d72ee))!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42) !important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-tabs{
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 22px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-tab,
html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-tab :is(span,.fr-tab-ico,svg){
  color:#53647c!important;
  -webkit-text-fill-color:#53647c!important;
  font-weight:600!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-tab .fr-count-pill{
  border-color:var(--cy-light-line)!important;
  background:#edf2f7!important;
  color:#253248!important;
  -webkit-text-fill-color:#253248!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-tab:hover{
  background:#edf3f9!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal .fr-tab:hover :is(span,.fr-tab-ico,svg){
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay #fr-tab-friends:checked ~ .fr-tabs label[for="fr-tab-friends"],
html[data-cy-color-scheme="light"] body #friends-overlay #fr-tab-requests:checked ~ .fr-tabs label[for="fr-tab-requests"],
html[data-cy-color-scheme="light"] body #friends-overlay #fr-tab-add:checked ~ .fr-tabs label[for="fr-tab-add"],
html[data-cy-color-scheme="light"] body #friends-overlay #fr-tab-transfer:checked ~ .fr-tabs label[for="fr-tab-transfer"]{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.22)!important;
  background:var(--cy-theme-gradient,linear-gradient(90deg,#ff78c8,#bd62ea,#6d72ee))!important;
  color:#151d2b!important;
  -webkit-text-fill-color:#151d2b!important;
  box-shadow:0 8px 18px rgba(105,83,183,.16),inset 0 1px 0 rgba(255,255,255,.35)!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay #fr-tab-friends:checked ~ .fr-tabs label[for="fr-tab-friends"] :is(span,.fr-tab-ico,svg),
html[data-cy-color-scheme="light"] body #friends-overlay #fr-tab-requests:checked ~ .fr-tabs label[for="fr-tab-requests"] :is(span,.fr-tab-ico,svg),
html[data-cy-color-scheme="light"] body #friends-overlay #fr-tab-add:checked ~ .fr-tabs label[for="fr-tab-add"] :is(span,.fr-tab-ico,svg),
html[data-cy-color-scheme="light"] body #friends-overlay #fr-tab-transfer:checked ~ .fr-tabs label[for="fr-tab-transfer"] :is(span,.fr-tab-ico,svg){
  color:#151d2b!important;
  -webkit-text-fill-color:#151d2b!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal :is(.fr-pane-card,.fr-overview-item,.fr-card){
  border-color:var(--cy-light-line)!important;
  background:#f7f9fc!important;
  color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal :is(.fr-block-title,.fr-name){
  color:#253248!important;
  -webkit-text-fill-color:#253248!important;
}

html[data-cy-color-scheme="light"] body #friends-overlay .friends-modal :is(.fr-search,.fr-add-form input,.fr-send-select,.fr-send-input){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#253248!important;
  -webkit-text-fill-color:#253248!important;
}

/* Daily roulette reel: keep the motion and accent pointer, but turn the dark
   frame, prize cells and their labels into a true light-theme component. */
html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-hero-spin{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.16)!important;
  background:
    linear-gradient(180deg,#fff,#f7f9fc) !important;
  box-shadow:0 18px 42px rgba(31,45,66,.09),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-hero-spin::before{
  background:transparent !important;
  opacity:.65!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-frame{
  border-color:var(--cy-light-line-strong)!important;
  background:
    linear-gradient(145deg,#f4f7fb,#e9eef5) !important;
  box-shadow:0 18px 40px rgba(31,45,66,.13),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-viewport{
  border-color:rgba(65,82,106,.16)!important;
  background:
    linear-gradient(180deg,#fff,#edf2f7) !important;
  box-shadow:0 10px 24px rgba(31,45,66,.09) !important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-item{
  border-right-color:rgba(31,45,66,.12)!important;
  border-left-color:rgba(255,255,255,.72)!important;
  background:
    rgba(255,255,255,.72) !important;
  color:#1d2a3d!important;
  -webkit-text-fill-color:#1d2a3d!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-item:nth-child(even){
  background:
    rgba(241,245,250,.82) !important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-item .rl-amount{
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-item .rl-type{
  color:#607089!important;
  -webkit-text-fill-color:#607089!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-item .rl-extra-ico{
  border-color:rgba(92,74,170,.25)!important;
  background:rgba(112,86,210,.09)!important;
  color:#654bc2!important;
  -webkit-text-fill-color:#654bc2!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-frame::before{
  background:
    linear-gradient(to right,rgba(235,240,247,.98),rgba(235,240,247,.64) 38%,rgba(235,240,247,0) 100%) !important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-frame::after{
  background:
    linear-gradient(to left,rgba(235,240,247,.98),rgba(235,240,247,.64) 38%,rgba(235,240,247,0) 100%) !important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-indicator{
  color:#7658e8!important;
  -webkit-text-fill-color:#7658e8!important;
  text-shadow:none !important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-viewport.spinning{
  animation:rlSpinAuraLight 1.1s ease-in-out infinite alternate!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-wheel-item.winner{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.32)!important;
  background:
    linear-gradient(180deg,#fff,#eef2ff) !important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-actions--primary .rl-hint{
  color:#607089!important;
  -webkit-text-fill-color:#607089!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-nextline{
  border-color:var(--cy-light-line)!important;
  background:#f5f8fb!important;
  color:#53647c!important;
  -webkit-text-fill-color:#53647c!important;
}

html[data-cy-color-scheme="light"] body #rl-overlay .rl-modal--daily .rl-nextline span{
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}

/* Promo-code benefits introduced in the compact account modal. */
html[data-cy-color-scheme="light"] body #promo-overlay .promo-benefit{
  border-color:var(--cy-light-line)!important;
  background:radial-gradient(ellipse at 50% 0,rgba(var(--cy-theme-1-rgb,232,216,161),.12),transparent 75%),#fff!important;
  box-shadow:0 4px 14px rgba(31,45,66,.035),inset 0 1px 0 #fff!important;
}
html[data-cy-color-scheme="light"] body #promo-overlay .promo-benefit-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.22)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
  color:#536d99!important;
}
html[data-cy-color-scheme="light"] body #promo-overlay .promo-benefit-copy strong{
  color:var(--cy-light-text)!important;
}
html[data-cy-color-scheme="light"] body #promo-overlay .promo-benefit-copy small{
  color:var(--cy-light-muted)!important;
}

@keyframes rlSpinAuraLight{
  from{
    box-shadow:0 10px 24px rgba(31,45,66,.09);
  }
  to{
    box-shadow:0 14px 30px rgba(31,45,66,.12);
  }
}

/* Admin navigation dialogs: every tool uses the same form/field primitives.
   Scope the white treatment to admin overlays so ordinary site forms keep
   their own component styling. */
html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-tools-form,
html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-group-access,.admin-group-manage,.admin-notification-manage,.admin-student-manage-pane,
  .admin-promo-manage,.admin-freeze-manage,.admin-currency-block
){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 12px 30px rgba(31,45,66,.065),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 6px 18px rgba(31,45,66,.045),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field-head,
html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field-body{
  background:transparent!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field-icon{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.24)!important;
  background:rgba(var(--cy-theme-1-rgb,236,72,153),.07)!important;
  color:#6d5bd0!important;
  -webkit-text-fill-color:#6d5bd0!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field :is(.form-label,label){
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field :is(
  .form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]),select,textarea
){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.025)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field :is(
  .form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]),select,textarea
):disabled{
  border-color:var(--cy-light-line)!important;
  background:#f7f9fc!important;
  color:#748299!important;
  -webkit-text-fill-color:#748299!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field :is(
  .form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]),select,textarea
):focus{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.38)!important;
  background:#fff!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  box-shadow:0 0 0 .2rem rgba(var(--cy-theme-2-rgb,59,130,246),.10)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field :is(input,textarea,.form-control)::placeholder{
  color:#8a97aa!important;
  -webkit-text-fill-color:#8a97aa!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-field select option{
  background:#fff!important;
  color:#172033!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(.admin-field-note,.admin-tools-status){
  color:#607089!important;
  -webkit-text-fill-color:#607089!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-tools-status{
  border-color:var(--cy-light-line)!important;
  background:#f7f9fc!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(.admin-field-note,.admin-tools-status)[data-state="success"]{
  color:#277340!important;
  -webkit-text-fill-color:#277340!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(.admin-field-note,.admin-tools-status)[data-state="warning"]{
  color:#8a5a12!important;
  -webkit-text-fill-color:#8a5a12!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(.admin-field-note,.admin-tools-status)[data-state="error"]{
  color:#a13743!important;
  -webkit-text-fill-color:#a13743!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-rich-editor{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-rich-toolbar{
  border-bottom-color:var(--cy-light-line)!important;
  background:#f5f8fb!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-rich-btn{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-rich-hint{
  border-top-color:var(--cy-light-line)!important;
  background:#f9fbfd!important;
  color:#687890!important;
  -webkit-text-fill-color:#687890!important;
}

/* Lists, tables and setting rows inside admin dialogs used to keep their
   dark translucent fill after the dialog itself switched to the light
   scheme.  Keep all inner surfaces genuinely white and restore readable
   foreground colours; semantic success/error colours remain semantic. */
html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-earning-control,.admin-earning-toggle-row,.admin-earning-currency-row,
  .admin-page-access-row,.admin-freeze-toggle,#admin-freeze-status-box,
  .admin-tools-switch,.admin-group-access-mode .form-check-label
){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:0 4px 14px rgba(31,45,66,.035),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-earning-toggle-row.is-disabled,.admin-page-access-row:not(.is-enabled)
){
  border-color:#ead9bb!important;
  background:#fffaf1!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-currency-title,.admin-notification-manage-head h4,.admin-notification-item-title,
  .admin-promo-manage-head h4,.admin-freeze-manage-head h4,.admin-group-access-head h4,
  .admin-group-manage-head h4,.admin-page-access-copy strong,.admin-tools-switch .form-check-label
){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-earning-control__hint,.admin-notification-item-meta,.admin-notification-item-targets,
  .admin-page-access-copy span,.admin-freeze-muted,.admin-group-muted,.admin-freeze-list-status,
  .admin-page-access-loading
){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-notification-item-preview{
  color:#3d4d63!important;
  -webkit-text-fill-color:#3d4d63!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-notification-item,.admin-notification-list-empty
){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 5px 16px rgba(31,45,66,.045)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-currency-title-ico,.admin-notification-refresh,.admin-promo-count,.admin-group-count
){
  border-color:rgba(var(--cy-theme-2-rgb,91,91,214),.28)!important;
  background:rgba(var(--cy-theme-2-rgb,91,91,214),.08)!important;
  color:#485d8c!important;
  -webkit-text-fill-color:#485d8c!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-promo-table-wrap,.admin-freeze-table-wrap,.admin-group-table-wrap,.admin-currency-table-wrap
){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(31,45,66,.045)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-promo-table,.admin-freeze-table,.admin-group-table,.admin-currency-table
) :is(tbody,tr,td){
  background:#fff!important;
  color:#26364c!important;
  -webkit-text-fill-color:#26364c!important;
  border-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-promo-table,.admin-freeze-table,.admin-group-table,.admin-currency-table
) th{
  border-color:var(--cy-light-line-strong)!important;
  background:#eef3f8!important;
  color:#506178!important;
  -webkit-text-fill-color:#506178!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-promo-code,.admin-freeze-name,.admin-group-name,.admin-group-link
){
  color:#354765!important;
  -webkit-text-fill-color:#354765!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-currency-table td::before{
  color:#627188!important;
  -webkit-text-fill-color:#627188!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-currency-table :is(.form-control,.form-select){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-notification-item-action,.admin-promo-btn,.admin-freeze-btn,.admin-group-btn,.admin-tools-cancel
){
  border-color:var(--cy-light-line-strong)!important;
  background:#f5f8fb!important;
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-notification-item-action.is-delete,.admin-promo-btn.danger,.admin-freeze-btn.unfreeze,
  .admin-group-btn.danger,.admin-tools-cancel.danger,.admin-currency-remove
){
  border-color:#efc0c4!important;
  background:#fff2f3!important;
  color:#a83f49!important;
  -webkit-text-fill-color:#a83f49!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-promo-usage{
  border-color:var(--cy-light-line-strong)!important;
  background:#f7f9fc!important;
  color:#33445c!important;
  -webkit-text-fill-color:#33445c!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-promo-badge.is-on{
  border-color:#a9dfbb!important;
  background:#edf9f1!important;
  color:#22703c!important;
  -webkit-text-fill-color:#22703c!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-promo-badge.is-off{
  border-color:var(--cy-light-line-strong)!important;
  background:#f5f7fa!important;
  color:#65758b!important;
  -webkit-text-fill-color:#65758b!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-promo-badge.is-used,.admin-promo-usage.is-full,.admin-freeze-count
){
  border-color:#efc0c4!important;
  background:#fff2f3!important;
  color:#a83f49!important;
  -webkit-text-fill-color:#a83f49!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-freeze-toggle .form-check-label{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-freeze-toggle .form-check-input:checked + .form-check-label,
  .admin-group-access-mode .form-check-input:checked + .form-check-label
){
  border-color:rgba(var(--cy-theme-2-rgb,91,91,214),.40)!important;
  background:rgba(var(--cy-theme-2-rgb,91,91,214),.10)!important;
  color:#31425d!important;
  -webkit-text-fill-color:#31425d!important;
  box-shadow:0 8px 18px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-page-access-switch span{
  border-color:#c8d1dd!important;
  background:#e9eef4!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-page-access-switch span::after{
  background:#fff!important;
  box-shadow:0 3px 8px rgba(31,45,66,.22)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-page-access-switch input:checked + span{
  border-color:#84c99e!important;
  background:#bce9cd!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-page-access-switch input:checked + span::after{
  background:#218f53!important;
}

/* The less frequently opened role/student tools use their own card names,
   so include them in the same light-surface contract as the dialogs above. */
html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-role-perms,.admin-perm-group,.admin-student-manage-item,
  .admin-student-manage-info-card,.admin-student-manage-section,
  .admin-student-manage-chip,.admin-student-manage-pill,
  .admin-student-manage-timeline-item,.admin-student-manage-amount,
  .admin-student-manage-empty
){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:0 5px 16px rgba(31,45,66,.04)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-perm-group__head,.admin-role-perms__bulk-btn,.admin-student-manage-undo
){
  border-color:var(--cy-light-line)!important;
  background:#f5f8fb!important;
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-role-perms__title,.admin-perm-row__label,.admin-student-manage-item-name,
  .admin-student-manage-title,.admin-student-manage-rank-copy strong,
  .admin-student-manage-info-value,.admin-student-manage-section-title,
  .admin-student-manage-timeline-title
){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-role-perms__sub,.admin-role-perms__count,.admin-perm-group__meta,
  .admin-perm-row__hint,.admin-student-manage-item-id,.admin-student-manage-item-meta,
  .admin-student-manage-item-groups,.admin-student-manage-sub,
  .admin-student-manage-rank-copy span,.admin-student-manage-info-label,
  .admin-student-manage-danger-hint,.admin-student-manage-timeline-time,
  .admin-student-manage-timeline-meta,.admin-student-manage-currency-label
){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-perm-row + .admin-perm-row{
  border-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-perm-toggle__track{
  border-color:#c8d1dd!important;
  background:#e9eef4!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-perm-toggle__track::after{
  background:#fff!important;
  box-shadow:0 2px 7px rgba(31,45,66,.22)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-perm-toggle input:checked ~ .admin-perm-toggle__track{
  border-color:#84c99e!important;
  background:#bce9cd!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-student-manage-searchbar .form-control,.admin-student-manage-danger-row .form-control
){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-student-manage-item.is-active{
  border-color:rgba(var(--cy-theme-2-rgb,91,91,214),.40)!important;
  background:rgba(var(--cy-theme-2-rgb,91,91,214),.08)!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-student-manage-danger{
  border-color:#efc0c4!important;
  background:#fff7f7!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] :is(
  .admin-student-manage-pill.is-ok,.admin-student-manage-amount.is-gems
){
  border-color:#a9dfbb!important;
  background:#edf9f1!important;
  color:#247346!important;
  -webkit-text-fill-color:#247346!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-student-manage-pill.is-bad{
  border-color:#efc0c4!important;
  background:#fff2f3!important;
  color:#a33e45!important;
  -webkit-text-fill-color:#a33e45!important;
}

html[data-cy-color-scheme="light"] body :is(.rf-overlay,.topbar-admin-panel)[id^="admin-"][id$="-overlay"] .admin-student-manage-pill.is-warn{
  border-color:#ead7a9!important;
  background:#fff9ea!important;
  color:#80540f!important;
  -webkit-text-fill-color:#80540f!important;
}

/* Student rating: confirmed-friend badge needs stronger contrast only on the
   light scheme. The dark-theme component remains untouched. */
html[data-cy-color-scheme="light"] body .account-scope .rating-friend-btn.is-friend{
  border-color:rgba(17,145,69,.58)!important;
  background:linear-gradient(145deg,#d7f8e2,#bcefcf)!important;
  color:#087a39!important;
  -webkit-text-fill-color:#087a39!important;
  box-shadow:0 7px 17px rgba(17,145,69,.16),inset 0 1px 0 rgba(255,255,255,.72)!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body .account-scope .rating-friend-btn.is-friend:disabled{
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body .account-scope .rating-friend-btn.is-friend .rating-friend-icon-done{
  color:#087a39!important;
  stroke:currentColor!important;
  filter:drop-shadow(0 1px 2px rgba(17,145,69,.18))!important;
}

/* Leaderboard tab panel is a layout wrapper, not a visual card. Prevent the
   global *-panel light rule from drawing a white rectangle behind students. */
html[data-cy-color-scheme="light"] body .account-scope .elite-panel{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* settings.php top row is only a layout rail for the logo/back button. */
html[data-cy-color-scheme="light"] body .settings-container .settings-nav{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* The notifications widget intentionally stays dark in the light scheme.
   Keep its counter legible, including the zero-state variant. */
html[data-cy-color-scheme="light"] body .student-notify-fab :is(.student-notify-fab-count,.student-notify-fab-count.is-zero){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
  opacity:1!important;
}

/* Student theme editor uses the same cards as the admin editor, but remains
   fully readable when the currently saved scheme is light. */
html[data-cy-color-scheme="light"] body .theme-settings-panel :is(.theme-panel-intro h2,.theme-section-label,.theme-preset-copy strong,.background-choice-copy strong){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .theme-settings-panel :is(.theme-panel-intro p,.theme-preset-copy small,.background-choice-copy small,.theme-scope-note){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .theme-settings-panel :is(.theme-preset-card,.background-choice,.theme-student-badge){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .theme-settings-panel :is(.theme-preset-card,.background-choice).is-selected{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.52)!important;
  box-shadow:0 0 0 3px rgba(var(--cy-theme-2-rgb,59,130,246),.1)!important;
}

/* ========================================================================== */
/* Light-theme follow-up: auth-adjacent UI, homework, courses and practice.    */
/* ========================================================================== */

/* Homework progress modal: both the sticky header and the progress content
   must use the same light surface. */
html[data-cy-color-scheme="light"] body #hw-progress-overlay .hw-progress-modal{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 72px rgba(31,45,66,.22),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .hw-progress-modal::before{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .rf-head{
  border-bottom-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 24px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .rf-close{
  border-color:var(--cy-light-line-strong)!important;
  background:#f4f7fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay :is(.rf-title,.hw-progress-title){
  background:none!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .rf-badge{
  color:#6e5c23!important;
  -webkit-text-fill-color:#6e5c23!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay :is(.rf-sub,.hw-progress-meta){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .hw-progress-card{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow-soft)!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .hw-progress-ring{
  background:conic-gradient(var(--cy-theme-2,#a855f7) 0 var(--p),#dfe6ee var(--p) 100%)!important;
  box-shadow:0 10px 24px rgba(31,45,66,.12)!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .hw-progress-ring::after{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay :is(.hw-progress-ring-value,.hw-progress-stats,.hw-stat-pill,.hw-reward-line,.hw-reward-line .rw-val,.hw-goal-chip){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .hw-progress-ring-label{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay :is(.hw-reward-line,.hw-reward-line .rw-val,.hw-stat-pill,.hw-goal-chip){
  border-color:var(--cy-light-line)!important;
  background:#f3f6fa!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #hw-progress-overlay .hw-progress-bar{
  border-color:var(--cy-light-line)!important;
  background:#dfe6ee!important;
}

/* Rank progress on index.php: the rail is one continuous pill — the current
   value caps its start, the next-rank threshold caps its end. Both caps stay
   plain white here (no accent gradient), so only the fill carries colour. */
html[data-cy-color-scheme="light"] body .rank-card .rank-progress-rail{
  border-color:var(--cy-light-line-strong)!important;
  background:var(--cy-light-surface)!important;
  box-shadow:0 8px 18px rgba(31,45,66,.1),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .rank-card .rank-progress{
  border:0!important;
  background:#dfe6ee!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.1)!important;
}

html[data-cy-color-scheme="light"] body .rank-card :is(.rank-kicker,.rank-subtitle){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .rank-card .rank-subtitle strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .rank-card :is(.rpm-value--left,.rpm-value--right){
  border:0!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
  box-shadow:none!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body .rank-card .rpm-value--left{
  border-right:1px solid var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body .rank-card .rpm-value--right{
  border-left:1px solid var(--cy-light-line)!important;
}

/* Course and homework filters use light rails and dark labels. */
html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-switch,.homework-scope .hw-tab-switch){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(31,45,66,.12),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-switch,.homework-scope .hw-tab-switch)::before{
  opacity:.18!important;
}

html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-switch__indicator,.homework-scope .hw-tab-switch__indicator){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.42)!important;
  background:var(--cy-theme-gradient,linear-gradient(105deg,#f472b6,#a855f7,#6366f1))!important;
  box-shadow:0 8px 20px rgba(var(--cy-theme-2-rgb,59,130,246),.2),inset 0 1px 0 rgba(255,255,255,.48)!important;
}

html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-btn,.homework-scope .hw-tab-btn){
  color:#536278!important;
  -webkit-text-fill-color:#536278!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-btn,.homework-scope .hw-tab-btn):not(.active)::after{
  border-color:var(--cy-light-line)!important;
  background:#f4f7fa!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-btn,.homework-scope .hw-tab-btn):not(.active):hover::after{
  border-color:var(--cy-light-line-strong)!important;
  background:#edf2f7!important;
  box-shadow:0 6px 14px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-btn,.homework-scope .hw-tab-btn).active{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:0 1px rgba(255,255,255,.35)!important;
}

html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-btn__icon,.homework-scope .hw-tab-btn__icon){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-theme-2,#7c3aed)!important;
  box-shadow:0 6px 14px rgba(31,45,66,.09),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body :is(.courses-scope .tab-btn,.homework-scope .hw-tab-btn).active :is(.tab-btn__icon,.hw-tab-btn__icon){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.4)!important;
  background:#fff!important;
  color:var(--cy-theme-2,#7c3aed)!important;
  box-shadow:0 7px 16px rgba(31,45,66,.13)!important;
}

/* Homework score: у світлій темі бал і словесна оцінка мають високий
   контраст, особливо низький рівень «Старайся». */
html[data-cy-color-scheme="light"] body .homework-scope .student-homework-shell .hw-score{
  border-color:#d5dde7!important;
  background:#f1f5f9!important;
  color:#243249!important;
  box-shadow:none!important;
  --score-glow:transparent;
}
html[data-cy-color-scheme="light"] body .homework-scope .student-homework-shell .hw-score--gold{
  --score-accent:#7a5a08;
  border-color:#e5cf83!important;
  background:#fff5cf!important;
}
html[data-cy-color-scheme="light"] body .homework-scope .student-homework-shell .hw-score--silver{
  --score-accent:#485a72;
  border-color:#cbd5e1!important;
  background:#edf2f7!important;
}
html[data-cy-color-scheme="light"] body .homework-scope .student-homework-shell .hw-score--bronze{
  --score-accent:#9b4514;
  border-color:#e5b48f!important;
  background:#ffecde!important;
}
html[data-cy-color-scheme="light"] body .homework-scope .student-homework-shell .hw-score .hw-score-num{
  color:var(--score-accent)!important;
  -webkit-text-fill-color:var(--score-accent)!important;
  text-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .homework-scope .student-homework-shell .hw-score .hw-score-label{
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
  text-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .homework-scope .student-homework-shell .hw-score .hw-score-bar{
  background:#d4dce6!important;
  box-shadow:none!important;
}
html[data-cy-color-scheme="light"] body .homework-scope .student-homework-shell .hw-score .hw-score-bar span{
  background:var(--score-accent)!important;
  box-shadow:none!important;
}

/* Level Practice owns a complete dark-luxe variable set. Replace that set
   only while the saved colour scheme is light. */
html[data-cy-color-scheme="light"] body.levelpractice-page{
  color-scheme:light!important;
  --bg0:#eef3f8;
  --bg1:#f7f9fc;
  --bg2:#fff;
  --bg3:#edf2f7;
  --text:var(--cy-light-text);
  --muted:var(--cy-light-muted);
  --muted2:var(--cy-light-faint);
  --line:var(--cy-light-line);
  --line2:var(--cy-light-line-strong);
  --line-strong:rgba(var(--cy-theme-2-rgb,59,130,246),.3);
  --shadow-1:var(--cy-light-shadow-soft);
  --shadow-2:var(--cy-light-shadow);
  --shadow-3:0 28px 68px rgba(31,45,66,.16);
  --ring:0 0 0 3px rgba(var(--cy-theme-2-rgb,59,130,246),.16);
  --lp-shell-border:var(--cy-light-line);
  --lp-shell-bg:linear-gradient(145deg,#fff,#f7f9fc);
  --lp-shell-shadow:var(--cy-light-shadow);
  --lp-tile-border:var(--cy-light-line);
  --lp-tile-bg:linear-gradient(145deg,#fff,#f3f6fa);
  --lp-tile-inset:inset 0 1px 0 #fff;
  --lp-divider:var(--cy-light-line);
  --lp-label:var(--cy-light-muted);
  --lp-heading:var(--cy-light-text);
  --lp-body:var(--cy-light-muted);
  background-color:var(--cy-light-page)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .content .glass-card,
html[data-cy-color-scheme="light"] body.levelpractice-page .hero-premium.hero{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .content .glass-card::before{
  background:linear-gradient(rgba(31,45,66,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(31,45,66,.018) 1px,transparent 1px)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.section-head h2,.rank-title,.sub-title,.plan-title,.problem-title,.challenge-header h3,.path-title,.analytics-card h3,.sub-meta-value){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.rank-stats,.streak-phrase,.stat-card h3,.stat-sub,.lang-meta,.daily-sub,.daily-foot,.sub-meta,.plan-desc,.challenge-card p,.completion-rate,.path-desc,.path-legend,.admin-tools-note){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(
  .mini-card,.stat-card,.language-card,.sub-card,.analytics-card,.challenge-card,
  .path-intro,.level-group,.table-row
){
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow-soft)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .table-head{
  border-color:var(--cy-light-line)!important;
  background:#edf2f7!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .table-row:hover{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(
  .badge,.daily-pill,.sub-status,.path-chip,.topic-pill,.lang-badge,
  .daily-note,.daily-reset,.plan-bonus,.plan-price span,.plan-tag,
  .price-row .price-pill,.admin-browser-pill
){
  border-color:var(--cy-light-line-strong)!important;
  background:#f2f6fa!important;
  color:#46566d!important;
  -webkit-text-fill-color:#46566d!important;
  box-shadow:none!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.daily-remaining,.sub-plan,.rank-xp){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.progress-track,.perf-track){
  border-color:var(--cy-light-line)!important;
  background:#dce3eb!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.btn-outline,.btn-icon,.icon-btn,.path-nav){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:#33445b!important;
  -webkit-text-fill-color:#33445b!important;
  box-shadow:0 7px 17px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.btn-outline,.btn-icon,.icon-btn,.path-nav):hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.42)!important;
  background:#f3f6fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.difficulty,.diff,.status-badge,.solution-status){
  box-shadow:none!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.difficulty.easy,.diff.easy,.status-badge.success){color:#187747!important;-webkit-text-fill-color:#187747!important;background:#e7f7ee!important}
html[data-cy-color-scheme="light"] body.levelpractice-page :is(.difficulty.medium,.diff.medium,.status-badge.warning){color:#825b0d!important;-webkit-text-fill-color:#825b0d!important;background:#fff6dc!important}
html[data-cy-color-scheme="light"] body.levelpractice-page :is(.difficulty.hard,.diff.hard,.status-badge.danger){color:#a13743!important;-webkit-text-fill-color:#a13743!important;background:#fff0f1!important}

html[data-cy-color-scheme="light"] body.levelpractice-page .language-card.is-locked{
  border-color:var(--cy-light-line)!important;
  background:#edf2f7!important;
  opacity:.72!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .language-card.active{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.42)!important;
  background:linear-gradient(145deg,#fff,#f1eefe)!important;
  box-shadow:inset 3px 0 0 var(--cy-theme-2,#7c3aed),0 12px 28px rgba(31,45,66,.11)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.sub-meta-icon,.sub-plan-icon,.plan-icon,.streak-ico,.rank-badge){
  border-color:var(--cy-light-line)!important;
  background:#f3f6fa!important;
  color:var(--cy-theme-2,#7c3aed)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .level-group-title{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:#f6f1ff!important;
  color:#6d3cc7!important;
  -webkit-text-fill-color:#6d3cc7!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .level-item{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:0 7px 16px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .level-item.locked{
  border-color:var(--cy-light-line)!important;
  background:#e8edf3!important;
  color:#758398!important;
  -webkit-text-fill-color:#758398!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .level-item.current{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.45)!important;
  background:var(--cy-theme-gradient,linear-gradient(135deg,#f472b6,#a855f7,#6366f1))!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}

/* Practice dialogs follow the selected scheme; the code editor itself stays
   dark because it is a syntax-oriented working surface. */
html[data-cy-color-scheme="light"] body.levelpractice-page :is(.modal-container,.admin-task-shell,.buy-modal){
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 72px rgba(31,45,66,.22)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.modal-header,.buy-header,.modal-body,.buy-body,.admin-task-form,.challenge-tabs,.modal-footer,.buy-footer){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(
  .problem-card,.problem-description,.problem-example,.test-results,.xp-reward,
  .solution-item,.buy-summary,.pay-methods,.pay-method,.sub-note,.plan-card,
  .admin-folder-builder,.admin-folder-detail,.admin-browser-item,.admin-browser-empty,
  .admin-solution-row,.admin-folder-card,.admin-folder-file,.admin-folder-empty,
  .discussion-lock,.discussion-item,.discussion-empty
){
  border-color:var(--cy-light-line)!important;
  background:#f4f7fa!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.modal-close,.purchase-close){
  border-color:var(--cy-light-line-strong)!important;
  background:#f3f6fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.challenge-tab,.problem-example code,.solutions-note,.discussion-body,.test-details .line){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* Settings section intros use the same small icon badge as the theme editor. */
html[data-cy-color-scheme="light"] body .settings-card .settings-panel-badge{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:#52627a!important;
  -webkit-text-fill-color:#52627a!important;
  box-shadow:0 6px 16px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body .settings-card :is(.social-panel-intro h2,.settings-panel-intro h2,.delivery-panel-intro h2){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .settings-card :is(.social-panel-intro p,.settings-panel-intro p,.delivery-panel-intro p){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* Integrated video-course catalog and the student payment dialog. */
html[data-cy-color-scheme="light"] body .courses-scope .video-catalog-toolbar{
  overflow:hidden!important;
  border:1px solid rgba(var(--cy-theme-1-rgb,236,72,153),.22)!important;
  border-radius:24px!important;
  outline:0!important;
  background:linear-gradient(120deg,#fff,#f6f8fc 58%,#fff7fc)!important;
  background-clip:padding-box!important;
  box-shadow:0 14px 32px rgba(31,45,66,.1),inset 0 1px 0 #fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .video-catalog-kicker{
  color:#596b83!important;
  -webkit-text-fill-color:#596b83!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .video-catalog-toolbar h4{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .video-catalog-count{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.3)!important;
  background:rgba(var(--cy-theme-1-rgb,236,72,153),.08)!important;
  color:#7244c5!important;
  -webkit-text-fill-color:#7244c5!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 30px 82px rgba(31,45,66,.23),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-admin-head{
  border-bottom-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 8px 22px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-admin-head h3{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-admin-head p{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-admin-close{
  border-color:var(--cy-light-line-strong)!important;
  background:#f3f6fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-option{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 7px 18px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-option:hover:not(:disabled){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.35)!important;
  background:#f6f8fc!important;
  box-shadow:0 10px 24px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-option__icon{
  border:1px solid var(--cy-light-line)!important;
  background:#f1f5f9!important;
  color:#34445b!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-option__icon svg{
  stroke:#34445b!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog #videoCoursePayApple .video-pay-option__icon svg{
  fill:#172033!important;
  stroke:none!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-option__title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-option__price{
  color:#8f286c!important;
  -webkit-text-fill-color:#8f286c!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-option__note{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-sim-note{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.28)!important;
  background:#fff7fb!important;
  color:#635169!important;
  -webkit-text-fill-color:#635169!important;
}

html[data-cy-color-scheme="light"] body .video-pay-dialog .video-pay-status{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* courses.php / staff groups: the catalogue shell was light already, while
   the administrator-only cards and detail rows still kept dark-luxe fills. */
html[data-cy-color-scheme="light"] body .courses-scope .groups-panel{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .groups-toolbar{
  border-bottom-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.groups-toolbar h4,.group-card-name,.group-detail-titles h4,.group-block-title,.group-course-title,.group-student-name,.group-lesson-name){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.groups-kicker,.group-course-label){
  color:#78549d!important;
  -webkit-text-fill-color:#78549d!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .groups-count,
html[data-cy-color-scheme="light"] body .courses-scope .group-block-count{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.28)!important;
  background:rgba(var(--cy-theme-1-rgb,236,72,153),.08)!important;
  color:#71449b!important;
  -webkit-text-fill-color:#71449b!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.group-card,.group-block){
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f6f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 12px 28px rgba(31,45,66,.09),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-card:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.3)!important;
  box-shadow:0 17px 36px rgba(31,45,66,.13),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.groups-hint,.group-card-id,.group-course-teacher,.group-progress-label,.group-empty-note,.group-student-mail,.group-lesson-sub){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.group-course-cover,.group-course-card img){
  border-color:var(--cy-light-line)!important;
  background:#edf2f7!important;
  box-shadow:0 5px 14px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.group-status,.group-pill,.group-back-btn,.group-lesson-state){
  border-color:var(--cy-light-line-strong)!important;
  background:#edf2f7!important;
  color:#4b5c73!important;
  -webkit-text-fill-color:#4b5c73!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.group-pill.is-own-dates,.group-status.is-soon,.group-lesson-state.is-soon){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.3)!important;
  background:
    linear-gradient(145deg,rgba(var(--cy-theme-1-rgb,236,72,153),.1),rgba(var(--cy-theme-2-rgb,59,130,246),.07)),
    #f7f9fc!important;
  color:#26364d!important;
  -webkit-text-fill-color:#26364d!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.group-status.is-live,.group-lesson-state.is-done){
  border-color:rgba(33,143,91,.24)!important;
  background:#eefaf4!important;
  color:#176d46!important;
  -webkit-text-fill-color:#176d46!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-status.is-done{
  border-color:rgba(55,98,183,.23)!important;
  background:#eef4ff!important;
  color:#315baf!important;
  -webkit-text-fill-color:#315baf!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-progress-track{
  background:#dfe6ee!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-progress-value{
  color:#75509a!important;
  -webkit-text-fill-color:#75509a!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-progress-fill{
  background:var(--cy-theme-gradient,linear-gradient(90deg,#f472b6,#a855f7,#6366f1))!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-avatars img{
  border-color:#fff!important;
  background:#edf2f7!important;
  box-shadow:0 3px 9px rgba(31,45,66,.14)!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-avatars-rest{
  border-color:#fff!important;
  background:#e9e1f5!important;
  color:#67418d!important;
  -webkit-text-fill-color:#67418d!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-open-btn{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.32)!important;
  background:rgba(var(--cy-theme-1-rgb,236,72,153),.08)!important;
  color:#7244c5!important;
  -webkit-text-fill-color:#7244c5!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.group-open-btn,.group-back-btn):hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.34)!important;
  background:#e9eef5!important;
  color:#25364d!important;
  -webkit-text-fill-color:#25364d!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.group-student,.group-lesson){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 5px 14px rgba(31,45,66,.045)!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-student img{
  background:#edf2f7!important;
}

html[data-cy-color-scheme="light"] body .courses-scope :is(.group-student-num,.group-course-link,.group-lesson-rec){
  color:#7244c5!important;
  -webkit-text-fill-color:#7244c5!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-student-flag{
  border-color:rgba(190,55,69,.24)!important;
  background:#fff0f2!important;
  color:#92313e!important;
  -webkit-text-fill-color:#92313e!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .group-lesson-index{
  border-color:var(--cy-light-line-strong)!important;
  background:#edf2f7!important;
  color:#53647b!important;
  -webkit-text-fill-color:#53647b!important;
}

/* courses.php / regular-course enrolment modal. Every interactive step gets
   an explicit light material; the dimmed page behind the dialog stays dark. */
html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-dialog{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 30px 82px rgba(31,45,66,.23),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-head{
  border-bottom-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 8px 22px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-kicker{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.28)!important;
  background:rgba(var(--cy-theme-1-rgb,236,72,153),.08)!important;
  color:#79489f!important;
  -webkit-text-fill-color:#79489f!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal :is(.enroll-head h3,.enroll-path h4,.enroll-start__date,.enroll-summary__row strong,.enroll-done h4){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal :is(.enroll-head p,.enroll-path p,.enroll-facts li,.enroll-hint,.enroll-start__name,.enroll-summary__row span,.enroll-note,.enroll-status,.enroll-done p){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-close{
  border-color:var(--cy-light-line-strong)!important;
  background:#f1f5f9!important;
  color:#26354a!important;
  -webkit-text-fill-color:#26354a!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-path{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(31,45,66,.055)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-path--accent{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.28)!important;
  background:linear-gradient(145deg,#fff,#fff7fb)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-path__icon{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.25)!important;
  background:rgba(var(--cy-theme-1-rgb,236,72,153),.08)!important;
  color:#854b9f!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-facts .is-yes .enroll-mark,
html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-done__icon{
  border-color:rgba(33,143,91,.28)!important;
  background:#eaf8f1!important;
  color:#176d46!important;
  box-shadow:0 0 0 3px rgba(33,143,91,.06)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-facts .is-no .enroll-mark{
  border-color:rgba(190,55,69,.26)!important;
  background:#fff0f2!important;
  color:#92313e!important;
  box-shadow:0 0 0 3px rgba(190,55,69,.05)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-cta--ghost{
  border-color:var(--cy-light-line-strong)!important;
  background:#edf2f7!important;
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal :is(.enroll-field label,.enroll-field__label,.enroll-card-fields span){
  color:#596b83!important;
  -webkit-text-fill-color:#596b83!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal :is(.enroll-field select,.enroll-card-fields input){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 0 #fff!important;
  color-scheme:light!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-field select option{
  background:#fff!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-price{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.24)!important;
  background:#fff7fb!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-price span{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal :is(.enroll-price strong,.enroll-summary__row.is-total strong){
  color:#8b397b!important;
  -webkit-text-fill-color:#8b397b!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal :is(.enroll-start,.enroll-summary,.enroll-method){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#44556d!important;
  -webkit-text-fill-color:#44556d!important;
  box-shadow:0 5px 14px rgba(31,45,66,.045)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal :is(.enroll-start:hover,.enroll-start.is-active,.enroll-method:hover:not(.is-soon),.enroll-method.is-active){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.32)!important;
  background:#f5f1fb!important;
  color:#694191!important;
  -webkit-text-fill-color:#694191!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-empty{
  border-color:var(--cy-light-line-strong)!important;
  background:#f4f7fa!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-summary__row.is-total{
  border-top-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-method__logo{
  filter:none!important;
  opacity:.72!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-method:hover .enroll-method__logo,
html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-method.is-active .enroll-method__logo{
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-method__soon{
  border-color:var(--cy-light-line-strong)!important;
  background:#e8eef5!important;
  color:#607188!important;
  -webkit-text-fill-color:#607188!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-fill{
  border-color:var(--cy-light-line-strong)!important;
  color:#586a82!important;
  -webkit-text-fill-color:#586a82!important;
}

html[data-cy-color-scheme="light"] body #courseEnrollModal .enroll-status[data-kind="error"]{
  color:#a53242!important;
  -webkit-text-fill-color:#a53242!important;
}

/* Tests catalogue: remove the remaining grey/brown dark-luxe surfaces. */
html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-heading-panel{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  box-shadow:var(--cy-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-heading-panel::before{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme :is(.tests-heading-title,.tests-scope .gold-title,.teacher-form-title){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme :is(.tests-heading-sub,.tests-scope .luxe-card-sub,.teacher-form-sub,.teacher-form .form-text){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-heading-note{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-heading-icon{
  border-color:rgba(var(--cy-theme-1-rgb,236,72,153),.22)!important;
  background:rgba(var(--cy-theme-1-rgb,236,72,153),.07)!important;
  color:#8451cc!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-heading-note-copy strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-heading-note-copy span{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-mode-switch{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(31,45,66,.1)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-mode-switch .mode-pill:not(.is-active){
  border-color:var(--cy-light-line)!important;
  background:#f4f7fa!important;
  color:#536278!important;
  -webkit-text-fill-color:#536278!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme :is(
  .account-scope .tests-scope .tests-card,
  .account-scope .teacher-form,
  .teacher-attempts-dialog
){
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-scope .luxe-card-head{
  border-bottom-color:var(--cy-light-line)!important;
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .filters{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope :is(.chip-input,.chip-select,.filters-right .chip),
html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme :is(.teacher-demo-filters .chip-input,.teacher-demo-group){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope :is(.chip-input input,.chip-select select),
html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .teacher-form :is(.form-control,.form-select){
  background:transparent!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .ta-group-deadline:not(.own){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .teacher-form .group-deadline-row{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .teacher-form .group-deadline-name{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .teacher-form .group-deadline-name .group-deadline-id{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .chip-input input::placeholder{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .test-card{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 14px 34px rgba(31,45,66,.1)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .tc-visual{
  border-bottom-color:var(--cy-light-line)!important;
  background:#eef4fa!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .tc-visual::before{
  filter:saturate(.78) brightness(.92)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .tc-visual .type-badge{
  border-color:var(--cy-light-line-strong)!important;
  background:rgba(255,255,255,.94)!important;
  color:#44546b!important;
  -webkit-text-fill-color:#44546b!important;
  box-shadow:0 7px 16px rgba(31,45,66,.09)!important;
}

/* Оцінка стоїть поверх змінної обкладинки тесту. Даємо їй власну світлу
   поверхню й фіксований темний текст, щоб акцент теми не зливав цифри з фоном. */
html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .tc-best-score{
  border-color:rgba(31,45,66,.2)!important;
  background:rgba(255,255,255,.94)!important;
  color:#172238!important;
  -webkit-text-fill-color:#172238!important;
  box-shadow:0 8px 20px rgba(31,45,66,.16),inset 0 1px 0 #fff!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .tc-best-score small{
  color:#53647a!important;
  -webkit-text-fill-color:#53647a!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .tc-best-score strong{
  color:#111b30!important;
  -webkit-text-fill-color:#111b30!important;
  background:none!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .tc-best-score em{
  color:#43536a!important;
  -webkit-text-fill-color:#43536a!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid :is(.tc-title,.tc-title.gold-text){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .chip{
  border-color:var(--cy-light-line)!important;
  background:#f1f5f9!important;
  color:#536278!important;
  -webkit-text-fill-color:#536278!important;
  box-shadow:none!important;
}

/* Стан дедлайну картки тесту: зелений — час ще є, червоний — прострочено.
   Загальне правило .chip вище фарбує всі чипи в сірий, тому ці два йдуть після нього. */
html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .chip-due,
html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-grid .chip-due{
  border-color:rgba(52,168,120,.28)!important;
  background:#e7f7ee!important;
  color:#237a52!important;
  -webkit-text-fill-color:#237a52!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .account-scope .tests-grid .chip-overdue,
html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-grid .chip-overdue{
  border-color:rgba(214,90,104,.26)!important;
  background:#fdecee!important;
  color:#b0424f!important;
  -webkit-text-fill-color:#b0424f!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme :is(.test-attempt-progress__meta,.tests-empty){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .test-attempt-progress__track{
  background:#dbe3ec!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-scope .luxe-table-wrap{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-scope .luxe-table thead th{
  border-bottom-color:var(--cy-light-line)!important;
  background:#f8fbff!important;
  color:#536278!important;
  -webkit-text-fill-color:#536278!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-scope .luxe-table tbody td{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#44546b!important;
  -webkit-text-fill-color:#44546b!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-scope .luxe-table tbody tr:hover td{
  background:#f8fbff!important;
}

html[data-cy-color-scheme="light"] body.tests-dark-luxe-theme .tests-scope :is(.tests-test-name,.tests-test-index,.tests-pill){
  border-color:var(--cy-light-line)!important;
  background:#f2f6fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

/* Test runner: every ordinary surface becomes light, including the fullscreen
   exit confirmation. */
html[data-cy-color-scheme="light"] body.test-page-theme{
  --test-bg:#eef3f8;
  --test-panel:#fff;
  --test-panel-soft:#f4f7fa;
  --test-line:var(--cy-light-line);
  --test-line-strong:var(--cy-light-line-strong);
  --test-text:var(--cy-light-text);
  --test-muted:var(--cy-light-muted);
  color-scheme:light!important;
  color:var(--cy-light-text)!important;
  background-color:var(--cy-light-page)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme::before{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body.test-page-theme::after{
  display:none!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.test-shell-head,.card){
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.test-brand,.test-brand-title,.test-session-state){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.test-brand-sub,.intro-subtitle,.question-progress-kicker,.question-progress-sub){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .test-session-state{
  border-color:var(--cy-light-line)!important;
  background:#f3f6fa!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.intro-hero,.moto-card,.chip,.exam-hud,.timer,.question-progress-card,.question,.result,.stat){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 10px 28px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .intro-hero::after{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.09)!important;
  box-shadow:none !important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.test-hero-node,.test-hero-core,.chip-icon){
  border-color:var(--cy-light-line-strong)!important;
  background:#f2f6fa!important;
  color:#7552cf!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.chip-label,.moto-word,.moto-word.show,.stat .label){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.chip-value,.q-title,.question-progress-value,.timer #timeText,.headline,.stat){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .btn-outline{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:0 7px 18px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .exam-progress{
  background:#dce4ed!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .opt{
  border-color:var(--cy-light-line)!important;
  background:#f8fbff!important;
  color:#44546b!important;
  -webkit-text-fill-color:#44546b!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .opt:hover{
  border-color:var(--cy-light-line-strong)!important;
  background:#f1f5fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .opt:has(input:checked){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.4)!important;
  background:#f4efff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .opt .dot{
  border-color:#8794a7!important;
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .opt input:checked ~ .dot{
  border-color:var(--cy-theme-2,#7c3aed)!important;
  background:var(--cy-theme-2,#7c3aed)!important;
  box-shadow:inset 0 0 0 5px #fff!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.exam-modal,#rewardModal .dlx__dialog){
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 78px rgba(31,45,66,.24)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.exam-modal .title,#rewardModal .dlx__title,#rewardModal .dlx__reward-value){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  background:none!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(.exam-modal .muted,#rewardModal .dlx__text,#rewardModal .dlx__grade-label,#rewardModal .dlx__reward-label,#rewardModal .dlx__grade-sub){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .exam-modal .fs-countdown{
  border-color:rgba(190,55,69,.28)!important;
  background:#fff0f2!important;
  color:#8f2f3b!important;
  -webkit-text-fill-color:#8f2f3b!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme .exam-modal .fs-countdown b{
  color:#8f2f3b!important;
  -webkit-text-fill-color:#8f2f3b!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme :is(#rewardModal .dlx__grade,#rewardModal .dlx__reward-card){
  border-color:var(--cy-light-line)!important;
  background:#f3f6fa!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.test-page-theme #rewardModal .dlx__close{
  border-color:var(--cy-light-line-strong)!important;
  background:#f2f6fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

/* ============================================================
   Courses: layered light catalog surfaces with explicit rounding.
   The shared card/panel rule does not assign a radius, so these three
   catalog layers define their own corners instead of looking square.
   ============================================================ */
html[data-cy-color-scheme="light"] body .courses-scope :is(.course-tab-panel,.cards-grid.course-tab-panel,.video-courses-panel.course-tab-panel){
  overflow:hidden!important;
  padding:clamp(14px,1.7vw,22px)!important;
  border:1px solid var(--cy-light-line)!important;
  border-radius:28px!important;
  outline:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,252,.96))!important;
  background-clip:padding-box!important;
  box-shadow:0 14px 34px rgba(31,45,66,.09),inset 0 1px 0 #fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .courses-main-card{
  overflow:hidden!important;
  border:1px solid var(--cy-light-line)!important;
  border-radius:32px!important;
  outline:0!important;
  background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(241,246,251,.95))!important;
  background-clip:padding-box!important;
  box-shadow:0 20px 52px rgba(31,45,66,.11),inset 0 1px 0 #fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .courses-main-card > .card-body{
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .courses-main-card::before{
  display:none!important;
  content:none!important;
}

/* AI chat: keep every header action (especially the close X) visible on
   the white panel.  The widget CSS is loaded late, therefore these rules
   intentionally carry !important and work on every page that embeds it. */
html[data-cy-color-scheme="light"] body .cybox-ai .cybox-ai-head .cybox-ai-icon-button{
  border-color:var(--cy-light-line-strong)!important;
  background:#edf2f7!important;
  color:#243149!important;
  -webkit-text-fill-color:#243149!important;
  box-shadow:none!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body .cybox-ai .cybox-ai-head .cybox-ai-icon-button:hover,
html[data-cy-color-scheme="light"] body .cybox-ai .cybox-ai-head .cybox-ai-icon-button:focus-visible{
  border-color:rgba(var(--cy-theme-2-rgb,124,58,237),.42)!important;
  background:#e3eaf2!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}

html[data-cy-color-scheme="light"] body .cybox-ai .cybox-ai-head .cybox-ai-icon-button svg,
html[data-cy-color-scheme="light"] body .cybox-ai .cybox-ai-head [data-cybox-ai-close] svg{
  color:inherit!important;
  stroke:currentColor!important;
  opacity:1!important;
  filter:none!important;
}

/* ============================================================
   CYBOX ARENA — complete light-scheme material and contrast layer.
   Everything is scoped to the selected light scheme; dark Arena remains
   exactly as authored in arena.css.
   ============================================================ */
html[data-cy-color-scheme="light"] body.arena-page{
  --arena-bg0:var(--cy-light-page);
  --arena-line:rgba(31,45,66,.15);
  --arena-line-soft:rgba(31,45,66,.09);
  --arena-text:var(--cy-light-text);
  --arena-muted:var(--cy-light-muted);
  --arena-muted-2:var(--cy-light-faint);
  --arena-win:#147a50;
  --arena-lose:#a83b47;
  --arena-neutral:#416b9b;
  --arena-card:linear-gradient(145deg,#fff,#f7f9fc);
  --arena-card-border:linear-gradient(135deg,rgba(var(--arena-accent-rgb),.28),rgba(31,45,66,.13) 48%,rgba(88,115,216,.13));
  --arena-shadow:0 16px 40px rgba(31,45,66,.1),0 2px 7px rgba(31,45,66,.04);
  --arena-shadow-lg:0 24px 64px rgba(31,45,66,.18),0 4px 12px rgba(31,45,66,.06);

  --code-bg:#f7f9fc;
  --code-head-bg:#edf2f7;
  --code-line:rgba(31,45,66,.13);
  --code-gutter:#8794a6;
  --code-fg:#243149;
  --code-comment:#758398;
  --code-keyword:#7939ba;
  --code-builtin:#1f64a7;
  --code-function:#1f64a7;
  --code-string:#8c6100;
  --code-number:#b44928;
  --code-boolean:#a5325a;
  --code-operator:#087886;
  --code-punctuation:#65748a;
  --code-class:#8b6500;
  --code-property:#a73d52;
  --code-tag:#a73d52;

  color-scheme:light!important;
  background-color:var(--cy-light-page)!important;
  background-image:
    linear-gradient(180deg,rgba(248,250,253,.89),rgba(238,243,248,.94)),
    none!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.arena-page .navbar-custom{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,249,252,.93))!important;
  box-shadow:0 14px 38px rgba(31,45,66,.13),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-card{
  border-color:transparent!important;
  background:var(--arena-card) padding-box,var(--arena-card-border) border-box!important;
  color:var(--arena-text)!important;
  box-shadow:var(--arena-shadow)!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-card::after{
  background:
    transparent !important;
}

/* Arena intro: keep it as a light card, but explicitly round and clip the
   material so its decorative background cannot leave square corners. */
html[data-cy-color-scheme="light"] body.arena-page :is(.arena-hero-main,.arena-mode-hero){
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid var(--arena-line)!important;
  border-radius:32px!important;
  outline:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,248,252,.96))!important;
  background-clip:padding-box!important;
  box-shadow:0 18px 46px rgba(31,45,66,.11),inset 0 1px 0 #fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(.arena-hero-main,.arena-mode-hero)::after{
  display:block!important;
  content:""!important;
  border-radius:inherit!important;
  background:
    transparent !important;
}

/* .arena-mode-panel is an internal carousel slide, not another surface.
   The generic light [class$="-panel"] rule otherwise draws the square
   white plate visible behind the hero copy. */
html[data-cy-color-scheme="light"] body.arena-page .arena-mode-hero .arena-mode-panel{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(
  .arena-option,
  .arena-lang,
  .arena-list-row,
  .arena-history-row,
  .arena-stat-cell,
  .arena-lang-stat,
  .arena-scoreboard,
  .arena-roundbar,
  .arena-task,
  .arena-round-result,
  .arena-result-stat,
  .arena-review-meta,
  .arena-review-answer,
  .arena-review-why,
  .arena-tree-topbar,
  .arena-tree-board-card,
  .arena-tree-task,
  .arena-tree-economy,
  .arena-achievement,
  .arena-unlocked-item,
  .arena-trial,
  .arena-locked,
  .arena-rematch-waiting
){
  border-color:var(--arena-line)!important;
  background:#fff!important;
  color:var(--arena-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(.arena-chip,.arena-timer,.arena-score,.arena-reaction,.arena-history-filter,.arena-cta-note,.arena-rank-card,.arena-rating-stat){
  border-color:var(--arena-line)!important;
  background:#f3f6fa!important;
  color:var(--arena-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(
  .arena-option-name,
  .arena-lang-name,
  .arena-list-name,
  .arena-history-score,
  .arena-section-title,
  .arena-screen-title,
  .arena-player-name,
  .arena-score-num,
  .arena-question,
  .arena-answer-text,
  .arena-result-stat b,
  .arena-review-title strong,
  .arena-review-score,
  .arena-review-question,
  .arena-review-why p,
  .arena-rematch-title,
  .arena-achievement-copy strong,
  .arena-unlocked-copy strong,
  .arena-trial-copy strong,
  .arena-locked-title,
  .arena-tree-player b,
  .arena-tree-match-clock b
){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(
  .arena-option-hint,
  .arena-lang-state,
  .arena-section-hint,
  .arena-subtitle,
  .arena-player-state,
  .arena-review-title small,
  .arena-review-diff,
  .arena-review-time,
  .arena-review-note,
  .arena-result-stat span,
  .arena-rematch-sub,
  .arena-tree-guidance,
  .arena-tree-player small,
  .arena-tree-match-clock small
){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-option:hover:not(.is-soon),
html[data-cy-color-scheme="light"] body.arena-page .arena-lang:hover:not(.is-soon),
html[data-cy-color-scheme="light"] body.arena-page .arena-history-row:hover{
  border-color:rgba(var(--arena-accent-rgb),.38)!important;
  background:#f4f1ff!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(.arena-option.is-active,.arena-lang.is-active){
  border-color:rgba(var(--arena-accent-rgb),.5)!important;
  background:linear-gradient(145deg,#fbf7ff,#f1efff)!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-answer{
  border-color:var(--arena-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-answer:hover:not(:disabled){
  border-color:rgba(var(--arena-accent-rgb),.42)!important;
  background:#f5f1ff!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-answer-letter{
  border-color:var(--arena-line)!important;
  background:#edf2f7!important;
  color:#4e5e74!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-answer.is-picked{
  border-color:rgba(var(--arena-accent-rgb),.55)!important;
  background:#f2ecff!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-answer.is-correct{
  border-color:rgba(20,122,80,.38)!important;
  background:#eaf8f1!important;
  color:#145f43!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-answer.is-wrong{
  border-color:rgba(168,59,71,.36)!important;
  background:#fff0f2!important;
  color:#8d2f3a!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-result-stats{
  border-color:var(--arena-line)!important;
  background:var(--arena-line)!important;
  box-shadow:var(--arena-shadow)!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-result-stat{
  background:#fff!important;
}

/* Match review: every round, answer and explanation uses a light surface. */
html[data-cy-color-scheme="light"] body.arena-page .arena-review-head,
html[data-cy-color-scheme="light"] body.arena-page .arena-review-round{
  border-color:var(--arena-line)!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--arena-shadow)!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-review-round[data-winner="self"]{border-left-color:#249568!important;}
html[data-cy-color-scheme="light"] body.arena-page .arena-review-round[data-winner="opponent"]{border-left-color:#c85661!important;}
html[data-cy-color-scheme="light"] body.arena-page .arena-review-round[data-winner="none"]{border-left-color:#5b7fa7!important;}

html[data-cy-color-scheme="light"] body.arena-page .arena-review-answer b{
  background:#e6ecf3!important;
  color:#34445b!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-review-answer.is-correct{
  border-color:rgba(20,122,80,.34)!important;
  background:#eaf8f1!important;
  color:#145f43!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-review-answer.is-wrong{
  border-color:rgba(168,59,71,.34)!important;
  background:#fff0f2!important;
  color:#8d2f3a!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-review-why{
  border-color:rgba(var(--arena-accent-rgb),.28)!important;
  background:#f7f2ff!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-review-verdict[data-tone="neutral"]{
  background:#edf2f7!important;
  color:#53647a!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-ai-explain{
  border-color:rgba(var(--arena-accent-rgb),.34)!important;
  background:linear-gradient(135deg,#fff,#f5f0ff)!important;
  color:#172238!important;
  -webkit-text-fill-color:#172238!important;
  box-shadow:0 8px 22px rgba(50,40,90,.11),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-ai-explain:hover,
html[data-cy-color-scheme="light"] body.arena-page .arena-ai-explain:focus-visible{
  border-color:rgba(var(--arena-accent-rgb),.62)!important;
  background:linear-gradient(135deg,#fff,#eee5ff)!important;
  box-shadow:0 12px 28px rgba(var(--arena-accent-rgb),.15),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-ai-explain-icon{
  border-color:rgba(var(--arena-accent-rgb),.3)!important;
  background:linear-gradient(135deg,#efe5ff,#e9f7ff)!important;
  color:#7651e8!important;
  -webkit-text-fill-color:#7651e8!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-ai-explain-copy b{
  color:#172238!important;
  -webkit-text-fill-color:#172238!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-ai-explain-copy small{
  color:#60718a!important;
  -webkit-text-fill-color:#60718a!important;
}

/* Code remains syntax-coloured, but its editor material becomes light. */
html[data-cy-color-scheme="light"] body.arena-page .arena-code{
  border-color:var(--code-line)!important;
  background:var(--code-bg)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-code-head{
  border-color:var(--code-line)!important;
  background:var(--code-head-bg)!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-code-lang{
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-code-tag{
  color:#7c477f!important;
  -webkit-text-fill-color:#7c477f!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-code code,
html[data-cy-color-scheme="light"] body.arena-page .arena-code-pre code{
  color:var(--code-fg)!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-code-pre::-webkit-scrollbar-thumb{
  background:rgba(31,45,66,.2)!important;
}

/* Navigation buttons and their currentColor SVGs must remain obvious. */
html[data-cy-color-scheme="light"] body.arena-page :is(.arena-topbar-home,.arena-review-back){
  border-color:rgba(31,45,66,.2)!important;
  background:#fff!important;
  color:#26364c!important;
  -webkit-text-fill-color:#26364c!important;
  box-shadow:0 7px 18px rgba(31,45,66,.1)!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(.arena-topbar-home,.arena-review-back):hover,
html[data-cy-color-scheme="light"] body.arena-page :is(.arena-topbar-home,.arena-review-back):focus-visible{
  border-color:rgba(var(--arena-accent-rgb),.45)!important;
  background:#f3efff!important;
  color:#172033!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(.arena-topbar-home,.arena-review-back,.arena-btn--ghost) svg{
  color:inherit!important;
  stroke:currentColor!important;
  opacity:1!important;
  filter:none!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-btn--ghost{
  border-color:rgba(31,45,66,.2)!important;
  background:#fff!important;
  color:#26364c!important;
  -webkit-text-fill-color:#26364c!important;
  box-shadow:0 7px 18px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-btn--ghost:hover:not(:disabled),
html[data-cy-color-scheme="light"] body.arena-page .arena-btn--ghost:focus-visible{
  border-color:rgba(var(--arena-accent-rgb),.42)!important;
  background:#f3efff!important;
  color:#172033!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-light-return-icon{
  display:block!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(.arena-profile-modal,.arena-rematch-modal,.arena-toast){
  border-color:var(--arena-line)!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--arena-shadow-lg)!important;
}

html[data-cy-color-scheme="light"] body.arena-page :is(.arena-profile-item,.arena-profile-close){
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-profile-item:hover{
  background:#edf2f7!important;
  color:#172033!important;
}

html[data-cy-color-scheme="light"] body.arena-page .arena-rematch-backdrop{
  background:rgba(31,45,66,.42)!important;
}

/* ============================================================
   Learning materials: complete light composition
   ============================================================ */
html[data-cy-color-scheme="light"] body.materials-courses-theme{
  --materials-light-line:rgba(31,45,66,.14);
  --materials-light-line-strong:rgba(31,45,66,.21);
  --materials-light-shadow:0 18px 46px rgba(31,45,66,.1),0 2px 8px rgba(31,45,66,.04);
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-wrap{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-wrap > .container-fluid{
  border-color:var(--materials-light-line)!important;
  background:
    linear-gradient(150deg,rgba(255,255,255,.97),rgba(247,249,252,.96)) !important;
  box-shadow:var(--materials-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-wrap > .container-fluid::before{
  background:linear-gradient(135deg,rgba(255,113,194,.1),transparent 68%)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-wrap > .container-fluid::after{
  background:linear-gradient(315deg,rgba(105,92,255,.08),transparent 68%)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .tabs-wrap{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-tab-switch{
  border-color:var(--materials-light-line-strong)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,246,250,.98))!important;
  box-shadow:0 14px 34px rgba(31,45,66,.12),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-tab-switch::before{
  background:conic-gradient(from 210deg at 50% 50%,transparent,rgba(255,113,194,.08),transparent 28%,rgba(105,92,255,.07),transparent 58%)!important;
  opacity:.72;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-tab-switch .tab{
  color:#52637a!important;
  -webkit-text-fill-color:#52637a!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-tab-switch .tab:not(.active):hover{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-tab-switch .tab:not(.active):hover::after{
  border-color:var(--materials-light-line)!important;
  background:#edf2f7!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-tab-switch .tab.active{
  color:#151a27!important;
  -webkit-text-fill-color:#151a27!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-tab-icon{
  border-color:rgba(31,45,66,.13)!important;
  background:rgba(255,255,255,.72)!important;
  color:#53647b!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .tab.active .materials-tab-icon{
  color:#151a27!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme :is(.materials-tab-count,.materials-tab-switch .tab-add-btn,.mobile-tab-add-btn){
  border-color:var(--materials-light-line)!important;
  background:#fff!important;
  color:#4d5d73!important;
  -webkit-text-fill-color:#4d5d73!important;
  box-shadow:0 6px 16px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .mobile-tabs{
  border-color:var(--materials-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .material-tab-panel{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-filters{
  border-color:var(--materials-light-line)!important;
  background:linear-gradient(145deg,#fff,#f6f9fc)!important;
  box-shadow:0 10px 28px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-filter label{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-filter :is(.dlx-input,.dlx-select){
  border-color:var(--materials-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.035)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-filter .dlx-input::placeholder{
  color:#8794a7!important;
  -webkit-text-fill-color:#8794a7!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-filter :is(.dlx-input,.dlx-select):focus{
  border-color:rgba(135,82,242,.42)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(135,82,242,.1)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme :is(.dlx-filter-reset,.dlx-filter-count){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-filter-reset{
  border-color:var(--materials-light-line-strong)!important;
  background:#edf2f7!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-filter-reset:hover{
  border-color:rgba(135,82,242,.35)!important;
  background:#e7edf5!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-card{
  border-color:transparent!important;
  background:
    linear-gradient(155deg,#fff,#f7f9fc) padding-box,
    linear-gradient(135deg,rgba(var(--material-accent),.46),rgba(31,45,66,.12) 58%,rgba(255,113,194,.2)) border-box!important;
  box-shadow:0 16px 38px rgba(31,45,66,.11),inset 0 1px 0 #fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-card::before{
  background:linear-gradient(130deg,rgba(var(--material-accent),.66),rgba(135,82,242,.2) 46%,rgba(31,45,66,.1))!important;
  opacity:.48!important;
  filter:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-card::after{
  background:transparent !important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-card:hover{
  background:
    linear-gradient(155deg,#fff,#f4f7fb) padding-box,
    linear-gradient(135deg,rgba(var(--material-accent),.65),rgba(135,82,242,.3) 52%,rgba(255,113,194,.28)) border-box!important;
  box-shadow:0 22px 52px rgba(31,45,66,.15) !important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-cover{
  border-color:var(--materials-light-line)!important;
  background:linear-gradient(135deg,#edf2f7,#e4eaf1)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-cover::after{
  background:linear-gradient(180deg,transparent 58%,rgba(23,32,51,.16)),linear-gradient(110deg,rgba(var(--material-accent),.08),transparent 46%)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-badge{
  border-color:rgba(var(--material-accent),.42)!important;
  background:rgba(255,255,255,.92)!important;
  color:rgb(var(--material-accent))!important;
  -webkit-text-fill-color:rgb(var(--material-accent))!important;
  box-shadow:0 7px 18px rgba(31,45,66,.12)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-body{
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-body::before{
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.78) 58%,transparent)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-desc{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-chip{
  border-color:var(--materials-light-line)!important;
  background:#edf2f7!important;
  color:#47586f!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-chip .label{
  color:#75849a!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-chip .value{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-card:hover .dlx-chip{
  border-color:rgba(var(--material-accent),.25)!important;
  background:#e8eef5!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-btn:not(.primary){
  border-color:var(--materials-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:0 7px 18px rgba(31,45,66,.08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-btn:not(.primary):hover{
  border-color:rgba(135,82,242,.34)!important;
  background:#edf2f7!important;
  color:#111827!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-btn.primary{
  color:#141827!important;
  -webkit-text-fill-color:#141827!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-admin-tools{
  border-color:var(--materials-light-line)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 20px rgba(31,45,66,.12)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-admin-tool{
  border-color:var(--materials-light-line)!important;
  background:#edf2f7!important;
  color:#45566d!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-admin-tool:hover{
  border-color:rgba(135,82,242,.34)!important;
  background:#e7edf5!important;
  color:#172033!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-admin-tool.danger{
  color:#a43f4a!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-admin-tool.danger:hover{
  border-color:rgba(196,65,77,.3)!important;
  background:#fff0f2!important;
  color:#92323d!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .dlx-card--group-locked > :is(.dlx-sheen,.dlx-cover,.dlx-body){
  opacity:.24!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-group-lock{
  color:var(--cy-light-text)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(238,243,248,.91)) !important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-group-lock strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-group-lock small{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .expensive-empty{
  border-color:var(--materials-light-line)!important;
  background:linear-gradient(155deg,#fff,#f5f8fb) padding-box,linear-gradient(135deg,rgba(135,82,242,.22),rgba(255,113,194,.17),rgba(31,45,66,.1)) border-box!important;
  box-shadow:var(--materials-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .expensive-empty::before{
  background:linear-gradient(135deg,rgba(255,113,194,.07),rgba(105,92,255,.05),transparent)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .expensive-empty p{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-flash{
  border-color:rgba(44,137,83,.24)!important;
  background:#effaf3!important;
  color:#315f45!important;
  box-shadow:0 8px 20px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-flash i{
  color:#2e965b!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-backdrop{
  background:rgba(31,45,66,.42)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-dialog{
  border-color:var(--materials-light-line-strong)!important;
  background:linear-gradient(145deg,#fff,#f5f8fb) !important;
  color:var(--cy-light-text)!important;
  box-shadow:0 30px 82px rgba(31,45,66,.24),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-dialog::before{
  background:transparent !important;
  mix-blend-mode:normal!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme :is(.materials-admin-close,.materials-admin-kicker){
  border-color:var(--materials-light-line)!important;
  background:#edf2f7!important;
  color:#46576e!important;
  -webkit-text-fill-color:#46576e!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-subtitle{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-form .form-label{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-form :is(.form-control,.form-select){
  border-color:var(--materials-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-form .form-control::placeholder{
  color:#8794a7!important;
  -webkit-text-fill-color:#8794a7!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-form :is(.form-control,.form-select):focus{
  border-color:rgba(135,82,242,.42)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 0 0 .2rem rgba(135,82,242,.1)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme :is(.materials-admin-type-pill,.materials-admin-podcast-box,.materials-admin-author-chip){
  border-color:var(--materials-light-line)!important;
  background:#edf2f7!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-author-chip button{
  background:#dce4ed!important;
  color:#45566d!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-mini-btn{
  border-color:rgba(135,82,242,.28)!important;
  background:#f2edff!important;
  color:#6143a7!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-btn--ghost{
  border-color:var(--materials-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:0 7px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.materials-courses-theme .materials-admin-footer{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* ============================================================
   Feedback: toolbar, feedback cards, forms and deadline tracker
   ============================================================ */
html[data-cy-color-scheme="light"] body.feedback-premium-theme{
  --feedback-light-line:rgba(31,45,66,.14);
  --feedback-light-line-strong:rgba(31,45,66,.21);
  --feedback-light-shadow:0 16px 40px rgba(31,45,66,.1),0 2px 8px rgba(31,45,66,.04);
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .breadcrumb-gold .breadcrumb-item{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-toolbar{
  border-color:var(--feedback-light-line)!important;
  background:linear-gradient(150deg,#fff,#f6f9fc) !important;
  box-shadow:var(--feedback-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-toolbar::before,
html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-card::before{
  background:linear-gradient(rgba(31,45,66,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(31,45,66,.018) 1px,transparent 1px)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-search{
  border-color:var(--feedback-light-line)!important;
  background:#f0f4f8!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-search:focus-within{
  border-color:rgba(135,82,242,.42)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(135,82,242,.1)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-search-icon{
  color:#7858c5!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-search .input{
  background:transparent!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-search .input::placeholder{
  color:#8794a7!important;
  -webkit-text-fill-color:#8794a7!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme :is(.feedback-search-clear,.feedback-toolbar .chip,.feedback-toolbar .counter){
  border-color:var(--feedback-light-line)!important;
  background:#edf2f7!important;
  color:#52637a!important;
  -webkit-text-fill-color:#52637a!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-toolbar .chip.active{
  border-color:rgba(135,82,242,.28)!important;
  background:linear-gradient(135deg,#ff70c2,#b05cf0 58%,#6b63f6)!important;
  color:#151827!important;
  -webkit-text-fill-color:#151827!important;
  box-shadow:0 9px 24px rgba(135,82,242,.16)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .feedback-toolbar .counter strong{
  background:#dfe7f0!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-card{
  border-color:var(--feedback-light-line)!important;
  background:linear-gradient(150deg,#fff,#f7f9fc) !important;
  box-shadow:var(--feedback-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-card:hover{
  border-color:rgba(135,82,242,.24)!important;
  box-shadow:0 22px 52px rgba(31,45,66,.14)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-head .avatar{
  border-color:rgba(135,82,242,.25)!important;
  background:#edf2f7!important;
  box-shadow:0 7px 18px rgba(31,45,66,.1)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-info .name,
html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid :is(.fb-time,.fb-text){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-score{
  border-color:rgba(135,82,242,.2)!important;
  background:#f2edff!important;
  color:#58409b!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-score span{
  color:#748299!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-pill{
  border-color:var(--feedback-light-line)!important;
  background:#edf2f7!important;
  color:#52637a!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-review{
  border-color:var(--feedback-light-line)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme #grid .fb-review-icon{
  border-color:rgba(135,82,242,.2)!important;
  background:#f2edff!important;
  color:#7652c8!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .empty-hw-card{
  border-color:var(--feedback-light-line)!important;
  background:linear-gradient(150deg,#fff,#f7f9fc) !important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--feedback-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .empty-hw-card::before{
  background:linear-gradient(rgba(31,45,66,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(31,45,66,.018) 1px,transparent 1px)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .empty-hw-card h4{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  background:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .empty-hw-card p{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme :is(.fb-admin-shell-card,.fb-admin-card,.fb-tracker-card){
  --card-dark-bg:linear-gradient(145deg,#fff,#f6f9fc);
  --card-dark-border:var(--feedback-light-line);
  --card-dark-shadow:var(--feedback-light-shadow);
  border-color:var(--feedback-light-line)!important;
  background:linear-gradient(145deg,#fff,#f6f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--feedback-light-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-shell-card > .card-body{
  background:transparent!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme :is(.fb-admin-title,.fb-tracker-title){
  border-color:rgba(135,82,242,.2)!important;
  background:#f2edff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme :is(.fb-admin-mode-label,.fb-admin-note,.fb-admin-status,.fb-tracker-field,.fb-tracker-legend){
  border-color:var(--feedback-light-line)!important;
  background:#edf2f7!important;
  color:#52637a!important;
  -webkit-text-fill-color:#52637a!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme :is(.fb-admin-mode-label,.fb-admin-note) strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-wrap :is(.form-label,.fb-admin-lite-label),
html[data-cy-color-scheme="light"] body.feedback-premium-theme :is(.fb-tracker-teacher,.fb-tracker-controls) .fb-admin-lite-label{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-wrap :is(.form-control,.form-select),
html[data-cy-color-scheme="light"] body.feedback-premium-theme :is(.fb-tracker-teacher,.fb-tracker-controls) .form-select{
  border-color:var(--feedback-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.035)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-wrap .form-control::placeholder{
  color:#8794a7!important;
  -webkit-text-fill-color:#8794a7!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-wrap :is(.form-control,.form-select):focus,
html[data-cy-color-scheme="light"] body.feedback-premium-theme :is(.fb-tracker-teacher,.fb-tracker-controls) .form-select:focus{
  border-color:rgba(135,82,242,.42)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 0 0 .18rem rgba(135,82,242,.1)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-wrap :is(.form-text,small.text-muted),
html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-tracker-sub{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-wrap #fb-form-reset{
  border-color:var(--feedback-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:0 7px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-status[data-state="success"]{
  border-color:rgba(44,137,83,.25)!important;
  background:#effaf3!important;
  color:#315f45!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-admin-status[data-state="error"]{
  border-color:rgba(196,65,77,.24)!important;
  background:#fff0f2!important;
  color:#92323d!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .stars-picker .star:focus{
  outline-color:rgba(135,82,242,.35)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-tracker-table-wrap{
  border-color:var(--feedback-light-line)!important;
  background:#fff!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-tracker-table{
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-tracker-table thead th{
  border-color:var(--feedback-light-line)!important;
  background:#e9eff6!important;
  color:#53647b!important;
  -webkit-text-fill-color:#53647b!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-tracker-table tbody td{
  border-color:var(--feedback-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-tracker-table tbody tr:hover td{
  background:#f5f8fb!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-tracker-id{
  color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-deadline-badge.ok{
  border-color:rgba(44,137,83,.28)!important;
  background:#e7f7ed!important;
  color:#286844!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-deadline-badge.due{
  border-color:rgba(196,65,77,.27)!important;
  background:#fff0f2!important;
  color:#92323d!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-prefill-btn{
  border-color:rgba(135,82,242,.24)!important;
  background:#f2edff!important;
  color:#5e43a4!important;
  -webkit-text-fill-color:#5e43a4!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.feedback-premium-theme .fb-tracker-empty{
  border-color:var(--feedback-light-line-strong)!important;
  background:#f7f9fc!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* achievements.php: status and topic tabs */
html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-footer{
  border-top-color:var(--cy-light-line)!important;
  background:linear-gradient(180deg,#fff,#f7f9fc)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .btn-claim--claimed,
html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .btn-claim--claimed:disabled{
  border-color:rgba(35,128,72,.28)!important;
  background:linear-gradient(145deg,#eefaf2,#e3f5e9)!important;
  color:#236a40!important;
  -webkit-text-fill-color:#236a40!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .btn-claim--locked,
html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .btn-claim--locked:disabled{
  border-color:var(--cy-light-line-strong)!important;
  background:#f0f4f8!important;
  color:#6a788b!important;
  -webkit-text-fill-color:#6a788b!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-admin-card-btn{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#536278!important;
  box-shadow:0 5px 13px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filterbar{
  border-color:var(--cy-light-line)!important;
  background:
    linear-gradient(180deg,#fff,#f4f7fb) !important;
  box-shadow:0 14px 34px rgba(31,45,66,.11),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filters-cat{
  border-top-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-btn{
  color:#52637a!important;
  -webkit-text-fill-color:#52637a!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-btn:not(.is-active)::after{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-icon{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#e9eff6)!important;
  color:#52637a!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 15px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-icon::before{
  border-color:rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-indicator{
  border-color:rgba(255,255,255,.72)!important;
  background:
    radial-gradient(100% 160% at 18% 0%,rgba(255,255,255,.52),transparent 46%),
    linear-gradient(120deg,var(--gold-1),var(--gold-2) 50%,var(--gold-3))!important;
  box-shadow:0 10px 24px rgba(135,82,242,.17),inset 0 1px 0 rgba(255,255,255,.62)!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-btn.is-active{
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filters:not(.is-ready) .ach-filter-btn.is-active,
html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filters.ach-filters-cat .ach-filter-btn.is-active,
html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filters.ach-filters-cat:not(.is-ready) .ach-filter-btn.is-active{
  border-color:rgba(135,82,242,.25)!important;
  background:
    radial-gradient(100% 160% at 18% 0%,rgba(255,255,255,.5),transparent 46%),
    linear-gradient(120deg,var(--gold-1),var(--gold-2) 50%,var(--gold-3))!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  box-shadow:0 9px 22px rgba(135,82,242,.16),inset 0 1px 0 rgba(255,255,255,.55)!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-btn.is-active .ach-filter-icon{
  border-color:rgba(31,45,66,.16)!important;
  background:#fff!important;
  color:#28384f!important;
  box-shadow:0 7px 17px rgba(31,45,66,.12),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filters-cat .ach-filter-btn{
  color:#53647b!important;
  -webkit-text-fill-color:#53647b!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-count{
  color:#68788f!important;
  -webkit-text-fill-color:#68788f!important;
  opacity:.78!important;
}

html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-btn.is-active .ach-filter-count{
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  opacity:.82!important;
}

@media (hover:hover) and (pointer:fine){
  html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-btn:not(.is-active):hover{
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
  }

  html[data-cy-color-scheme="light"] div.account-ach-overlay .ach-section .ach-filter-btn:not(.is-active):hover::after{
    border-color:var(--cy-light-line)!important;
    background:#e9eff6!important;
    box-shadow:inset 0 1px 0 #fff!important;
  }
}

/* ========================================================================== 
   HOMEWORK: submission desk, overdue reminder and detailed AI review
   ========================================================================== */

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige{
  border-color:#d8e0ea!important;
  background:
    #fff !important;
  color:#172033!important;
  box-shadow:0 24px 58px rgba(31,45,66,.14),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige::before{
  background:linear-gradient(90deg,transparent,rgba(var(--cy-theme-1-rgb),.45),transparent)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-prestige-rail{
  border-right-color:#dce3ec!important;
  background:linear-gradient(180deg,#f7f9fc,#fff 72%)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-prestige-rail::after{
  background:linear-gradient(180deg,transparent,rgba(var(--cy-theme-1-rgb),.26),transparent)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope :is(.upload-prestige-brand,.upload-kicker,.upload-prestige-caption){
  color:#68788f!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-prestige-seal{
  border-color:rgba(var(--cy-theme-1-rgb),.27)!important;
  background:linear-gradient(145deg,#fff,rgba(var(--cy-theme-1-rgb),.10))!important;
  color:#4b5c73!important;
  box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-title{
  color:#172033!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-sub,
html[data-cy-color-scheme="light"] body .homework-scope .upload-prestige-assurance{
  color:#62738a!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-prestige-assurance{
  border-top-color:#dce3ec!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-prestige-assurance svg{
  stroke:#53647b!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-journey::before{
  background:linear-gradient(180deg,rgba(var(--cy-theme-1-rgb),.34),#dce3ec)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-journey li{
  color:#75849a!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-journey li.is-current{
  color:#172033!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-journey li.is-complete{
  color:#435269!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-journey-index{
  border-color:#d7dee8!important;
  background:#fff!important;
  color:#68788f!important;
  box-shadow:0 7px 17px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-journey li:is(.is-current,.is-complete) .upload-journey-index{
  border-color:rgba(var(--cy-theme-1-rgb),.48)!important;
  background:rgba(var(--cy-theme-1-rgb),.08)!important;
  color:#172033!important;
  box-shadow:0 0 0 4px rgba(var(--cy-theme-1-rgb),.06),0 9px 20px rgba(31,45,66,.10)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-journey-copy small{
  color:#7a899d!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-journey-mark{
  color:#44566e!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-prestige-main{
  background:rgba(255,255,255,.86)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .meta .chip{
  border-color:#d7dee8!important;
  background:#f4f7fb!important;
  color:#52637a!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope :is(.upload-stage,.upload-submit-stage){
  border-color:#d9e1eb!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-stage.is-current{
  border-color:rgba(var(--cy-theme-1-rgb),.32)!important;
  background:linear-gradient(145deg,rgba(var(--cy-theme-1-rgb),.055),#fff 48%)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-stage-head{
  border-bottom-color:#e0e6ee!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-stage-number{
  border-color:rgba(var(--cy-theme-1-rgb),.26)!important;
  background:rgba(var(--cy-theme-1-rgb),.07)!important;
  color:#52637a!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-stage-head h6,
html[data-cy-color-scheme="light"] body .homework-scope .upload-drop-copy strong,
html[data-cy-color-scheme="light"] body .homework-scope .upload-file-name{
  color:#172033!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-stage-head p,
html[data-cy-color-scheme="light"] body .homework-scope .upload-drop-copy span,
html[data-cy-color-scheme="light"] body .homework-scope .upload-file-note,
html[data-cy-color-scheme="light"] body .homework-scope .hint{
  color:#68788f!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-label{
  color:#53647b!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-control-shell{
  border-color:#cfd8e4!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-control-shell:focus-within{
  border-color:rgba(var(--cy-theme-1-rgb),.52)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(var(--cy-theme-1-rgb),.08)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-control-shell--select::after{
  border-color:#53647b!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .dl-field{
  background:transparent!important;
  color:#172033!important;
  -webkit-text-fill-color:currentColor!important;
  color-scheme:light!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .dl-field::placeholder{
  color:#8a98aa!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .dl-file{
  border-color:#d4dce7!important;
  background:
    #f7f9fc !important;
  color:#34445b!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .dl-file:is(:hover,.is-dragging){
  border-color:rgba(var(--cy-theme-1-rgb),.48)!important;
  background:linear-gradient(145deg,rgba(var(--cy-theme-1-rgb),.07),#fff)!important;
  box-shadow:0 0 0 4px rgba(var(--cy-theme-1-rgb),.055)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-drop-emblem,
html[data-cy-color-scheme="light"] body .homework-scope .upload-file-icon{
  border-color:rgba(var(--cy-theme-1-rgb),.28)!important;
  background:#fff!important;
  color:#52637a!important;
  box-shadow:0 8px 20px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .upload-file-picker{
  border-color:rgba(var(--cy-theme-1-rgb),.35)!important;
  background:linear-gradient(135deg,rgba(var(--cy-theme-1-rgb),.14),rgba(var(--cy-theme-2-rgb),.10))!important;
  color:#172033!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .upload-file-state{
  border-color:#d9e1eb!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-file-action,
html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .upload-secondary{
  border-color:#d3dbe6!important;
  background:#f5f8fc!important;
  color:#34445b!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-file-action.is-danger{
  border-color:rgba(197,54,67,.22)!important;
  color:#a72d3b!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-file-progress{
  border-color:#dce3ec!important;
  background:#e4eaf2!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .upload-form-status{
  color:#52637a!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .homework-scope .upload-card--prestige .upload-actions .btn-gold:disabled{
  border-color:#d7dee8!important;
  background:#edf1f6!important;
  color:#7a899d!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Overdue homework reminder. */
html[data-cy-color-scheme="light"] body .latebox__card{
  border-color:#d8e0ea!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(255,122,118,.42),rgba(var(--cy-theme-1-rgb),.24),#e4e9f0) border-box!important;
  color:#172033!important;
  box-shadow:0 30px 74px rgba(31,45,66,.22),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .latebox__card::before{
  background:
    transparent !important;
}

html[data-cy-color-scheme="light"] body .latebox__header{
  border-bottom-color:#dfe5ed!important;
  background:linear-gradient(180deg,#fff,#f7f9fc)!important;
  box-shadow:0 9px 24px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body .latebox__close{
  border-color:#d2dae5!important;
  background:#fff!important;
  color:#435269!important;
  box-shadow:0 6px 16px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body .latebox__heading-mark{
  border-color:rgba(229,82,75,.23)!important;
  background:#fff3f2!important;
  color:#c94742!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 17px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body .latebox__eyebrow{
  border-color:rgba(229,82,75,.24)!important;
  background:#fff2f1!important;
  color:#a93c39!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .latebox__title{
  color:#172033!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body :is(.latebox__subtitle,.latebox__text){
  color:#5f7087!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .latebox__count{
  border-color:rgba(229,82,75,.24)!important;
  background:#fff2f1!important;
  color:#a93c39!important;
}

html[data-cy-color-scheme="light"] body .latebox__body{
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body .latebox__item{
  border-color:#dbe2eb!important;
  background:#f7f9fc!important;
  color:#172033!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .latebox__item-title{
  color:#172033!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .latebox__item-deadline{
  color:#68788f!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .latebox__item-deadline span{
  color:#ad3d39!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .latebox__hint{
  border-color:rgba(var(--cy-theme-1-rgb),.20)!important;
  background:rgba(var(--cy-theme-1-rgb),.055)!important;
  color:#34445b!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .latebox__footer{
  border-top-color:#dce3ec!important;
  background:#f4f7fb!important;
}

/* Detailed AI Review opened from every homework list. */
html[data-cy-color-scheme="light"] body .hw-ai-review-dialog{
  border-color:rgba(var(--cy-theme-1-rgb),.28)!important;
  background:
    linear-gradient(150deg,rgba(var(--cy-theme-1-rgb),.07),transparent 34%),
    #fff!important;
  color:#172033!important;
  box-shadow:0 28px 72px rgba(31,45,66,.24),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body :is(.hw-ai-review-title,.hw-ai-review-chip strong){
  color:#172033!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body :is(.hw-ai-review-kicker,.hw-ai-review-empty){
  color:#68788f!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .hw-ai-review-close{
  border-color:#d1dae5!important;
  background:#fff!important;
  color:#172033!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:0 7px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body .hw-ai-review-chip{
  border-color:#d8e0ea!important;
  background:#f4f7fb!important;
  color:#52637a!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .hw-ai-review-alert{
  border-color:rgba(172,112,12,.25)!important;
  background:#fff8e8!important;
  color:#81530d!important;
}

html[data-cy-color-scheme="light"] body .hw-ai-review-summary{
  background:rgba(var(--cy-theme-1-rgb),.065)!important;
  color:#34445b!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .hw-ai-review-section{
  border-color:#d9e1eb!important;
  background:#f7f9fc!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .hw-ai-review-section h4{
  color:#34445b!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body .hw-ai-review-section li{
  color:#34445b!important;
  -webkit-text-fill-color:currentColor!important;
}

/* ============================================================
   Dashboard attendance: complete light Overview + Calendar skin.
   Both views share the same calm white surfaces and readable ink.
   ============================================================ */
html[data-cy-color-scheme="light"] body .index-attendance{
  --dla-gold:var(--cy-theme-1,#ec4899);
  --dla-gold-light:var(--cy-theme-2,#8b5cf6);
  --dla-gold-deep:var(--cy-theme-3,#6366f1);
  overflow:hidden!important;
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  color:var(--cy-light-text)!important;
  box-shadow:var(--cy-light-shadow)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance:hover{
  box-shadow:0 20px 48px rgba(31,45,66,.13),0 2px 8px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-header{
  border-bottom-color:var(--cy-light-line)!important;
  background:linear-gradient(180deg,#fff,rgba(247,249,252,.82))!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-period-chip{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#53657d!important;
  box-shadow:0 8px 20px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

/* Dashboard header icons share one selected-gradient treatment.  The darker
   SVG filter keeps even very bright lime/cyan presets legible on white. */
html[data-cy-color-scheme="light"] body :is(
  .recent-snapshot-icon.index-accent-icon,
  .index-attendance .dla-heading-icon.index-accent-icon,
  .index-scope .luxe-card-icon.index-accent-icon
){
  border-color:transparent!important;
  background:
    linear-gradient(145deg,#fff,rgba(var(--cy-theme-1-rgb,236,72,153),.11) 52%,rgba(var(--cy-theme-3-rgb,99,102,241),.075)) padding-box,
    var(--cy-theme-gradient,linear-gradient(135deg,#ec4899,#8b5cf6,#6366f1)) border-box!important;
  color:var(--cy-theme-2,#7c3aed)!important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 9px 22px rgba(31,45,66,.12),
    0 0 0 4px rgba(var(--cy-theme-2-rgb,59,130,246),.055)!important;
}
html[data-cy-color-scheme="light"] body :is(
  .recent-snapshot-icon.index-accent-icon,
  .index-attendance .dla-heading-icon.index-accent-icon,
  .index-scope .luxe-card-icon.index-accent-icon
)::before{
  background:
    transparent !important;
}
html[data-cy-color-scheme="light"] body :is(
  .recent-snapshot-icon.index-accent-icon,
  .index-attendance .dla-heading-icon.index-accent-icon,
  .index-scope .luxe-card-icon.index-accent-icon
) svg{
  filter:brightness(.72) saturate(1.35) drop-shadow(0 1px 1px rgba(23,32,51,.18))!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dla-eyebrow,.dla-chart-kicker,.dla-calendar-kicker){
  color:#62738a!important;
  -webkit-text-fill-color:#62738a!important;
}

html[data-cy-color-scheme="light"] body .recent-snapshot-card .recent-snapshot-sub,
html[data-cy-color-scheme="light"] body .index-attendance .dla-sub,
html[data-cy-color-scheme="light"] body .index-attendance :is(.dla-summary,.dla-score-label,.dla-trend-row,.dla-chart-legend,.dla-calendar-summary,.dla-calendar-legend){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-view-switch{
  border-color:var(--cy-light-line)!important;
  background:#edf2f7!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-view-tab{
  border-color:transparent!important;
  background:transparent!important;
  color:#687990!important;
  -webkit-text-fill-color:#687990!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-view-tab:hover{
  color:#253249!important;
  -webkit-text-fill-color:#253249!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-view-tab:is(.is-active,[aria-selected="true"]){
  border-color:rgba(var(--cy-theme-1-rgb),.24)!important;
  background:linear-gradient(135deg,rgba(var(--cy-theme-1-rgb),.14),rgba(var(--cy-theme-2-rgb),.10)),#fff!important;
  color:#26344b!important;
  -webkit-text-fill-color:#26344b!important;
  box-shadow:0 5px 13px rgba(31,45,66,.08),inset 0 1px 0 #fff!important;
}

/* ── Вкладка «Розклад» у світлій темі ────────────────────────────────────── */
html[data-cy-color-scheme="light"] body .index-attendance .dla-schedule-view{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(155deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 8px 24px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dsch-range-label{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-nav-btn,.dsch-today,.dsch-jump,.dsch-expand){
  border-color:var(--cy-light-line-strong)!important;
  background:#f3f6fa!important;
  color:#4b5b73!important;
  -webkit-text-fill-color:#4b5b73!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-nav-btn,.dsch-today,.dsch-jump,.dsch-expand):hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.32)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dsch-jump input{
  color:#4b5b73!important;
  -webkit-text-fill-color:#4b5b73!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-jump input::-webkit-calendar-picker-indicator{ filter:none!important; }

html[data-cy-color-scheme="light"] body .index-attendance .dsch-scope{
  border-color:var(--cy-light-line)!important;
  background:#edf2f7!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dsch-scope-btn{
  background:transparent!important;
  color:#687990!important;
  -webkit-text-fill-color:#687990!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dsch-scope-btn.is-active{
  border-color:rgba(var(--cy-theme-1-rgb),.24)!important;
  background:linear-gradient(135deg,rgba(var(--cy-theme-1-rgb),.14),rgba(var(--cy-theme-2-rgb),.10)),#fff!important;
  color:#26344b!important;
  -webkit-text-fill-color:#26344b!important;
  box-shadow:0 5px 13px rgba(31,45,66,.08),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dsch-add{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.3)!important;
  background:linear-gradient(135deg,rgba(var(--cy-theme-1-rgb),.16),rgba(var(--cy-theme-2-rgb),.12)),#fff!important;
  color:#26344b!important;
  -webkit-text-fill-color:#26344b!important;
  box-shadow:0 6px 16px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-legend,.dsch-summary){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dsch-board{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  scrollbar-color:rgba(31,45,66,.22) transparent!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-board::-webkit-scrollbar-thumb{
  background:rgba(31,45,66,.2)!important;
  background-clip:content-box!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-board::-webkit-scrollbar-thumb:hover{
  background:rgba(31,45,66,.32)!important;
  background-clip:content-box!important;
}

/* Приліплені шапка й смуга дедлайнів мають бути непрозорими,
   інакше крізь них просвічують події, що проїжджають знизу. */
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-corner,.dsch-head-row){ background:#f7fafd!important; }
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-allday-label,.dsch-allday-row){ background:#fbfdff!important; }
html[data-cy-color-scheme="light"] body .index-attendance .dsch-axis{ background:#fbfdff!important; }

html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-corner,.dsch-allday-label,.dsch-head-row,.dsch-allday-row,.dsch-axis){
  border-color:var(--cy-light-line)!important;
}
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-day-head,.dsch-allday-cell,.dsch-day-col){
  border-left-color:var(--cy-light-line)!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-hour-line{ background:rgba(31,45,66,.07)!important; }

html[data-cy-color-scheme="light"] body .index-attendance .dsch-day-name{
  color:#4b5b73!important;
  -webkit-text-fill-color:#4b5b73!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-day-date{
  color:#8494ab!important;
  -webkit-text-fill-color:#8494ab!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-day-head.is-today :is(.dsch-day-name,.dsch-day-date){
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-day-col.is-today{
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.05)!important;
}
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-hour,.dsch-allday-label){
  color:#8494ab!important;
  -webkit-text-fill-color:#8494ab!important;
}
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-loading,.dsch-empty){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* Події: у світлій темі колір типу лишається на лівій смузі, тло — біле. */
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-event,.dsch-chip){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 4px 12px rgba(31,45,66,.07)!important;
}
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-event,.dsch-chip):hover{
  background:#f8fbff!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-event-title,
html[data-cy-color-scheme="light"] body .index-attendance .dsch-chip-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-event-time,.dsch-event-detail){
  color:#7c8ca4!important;
  -webkit-text-fill-color:#7c8ca4!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-chip-badge{
  color:#7c8ca4!important;
  -webkit-text-fill-color:#7c8ca4!important;
}
html[data-cy-color-scheme="light"] body .index-attendance .dsch-event.is-class{ border-left-color:#4c94e8!important; }
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-event,.dsch-chip).is-homework{ border-left-color:#e0952f!important; }
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-event,.dsch-chip).is-test{ border-left-color:#d4657a!important; }
html[data-cy-color-scheme="light"] body .index-attendance :is(.dsch-event,.dsch-chip).is-task{ border-left-color:#3fae7c!important; }
html[data-cy-color-scheme="light"] body .index-attendance .dsch-chip.is-class{ border-left-color:#4c94e8!important; }
html[data-cy-color-scheme="light"] body .index-attendance .dsch-chip.is-homework .dsch-chip-badge{ color:#b5731c!important; -webkit-text-fill-color:#b5731c!important; }
html[data-cy-color-scheme="light"] body .index-attendance .dsch-chip.is-test .dsch-chip-badge{ color:#b0424f!important; -webkit-text-fill-color:#b0424f!important; }
html[data-cy-color-scheme="light"] body .index-attendance .dsch-chip.is-task .dsch-chip-badge{ color:#237a52!important; -webkit-text-fill-color:#237a52!important; }

html[data-cy-color-scheme="light"] body .index-attendance .dsch-ghost{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.55)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.16)!important;
  color:#2b3b57!important;
  -webkit-text-fill-color:#2b3b57!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dsch-ghost > span{
  background:#fff!important;
  color:#2b3b57!important;
  -webkit-text-fill-color:#2b3b57!important;
  box-shadow:0 2px 6px rgba(31,45,66,.12)!important;
}

/* ── Модалка власної задачі у світлій темі ──────────────────────────────── */
html[data-cy-color-scheme="light"] body .dsch-modal-backdrop{ background:rgba(31,45,66,.34)!important; }
html[data-cy-color-scheme="light"] body .dsch-modal-card{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(180deg,#fff,#f7fafd)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 30px 70px rgba(31,45,66,.2)!important;
}
html[data-cy-color-scheme="light"] body .dsch-modal-head{ border-bottom-color:var(--cy-light-line)!important; }
html[data-cy-color-scheme="light"] body .dsch-modal-head h5{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}
html[data-cy-color-scheme="light"] body .dsch-modal-kicker{
  color:color-mix(in srgb,var(--cy-theme-2,#6366f1) 68%,#40526c 32%)!important;
  -webkit-text-fill-color:currentColor!important;
}
html[data-cy-color-scheme="light"] body .dsch-modal-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.23)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.09)!important;
  color:var(--cy-theme-2,#6366f1)!important;
}
html[data-cy-color-scheme="light"] body .dsch-modal-close{
  border-color:var(--cy-light-line-strong)!important;
  background:#f3f6fa!important;
  color:#34445b!important;
}
html[data-cy-color-scheme="light"] body .dsch-field > span{
  color:#7c8ca4!important;
  -webkit-text-fill-color:#7c8ca4!important;
}
html[data-cy-color-scheme="light"] body .dsch-field :is(input,select,textarea){
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}
html[data-cy-color-scheme="light"] body .dsch-field :is(input,select,textarea):focus{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.42)!important;
}
html[data-cy-color-scheme="light"] body .dsch-field input::-webkit-calendar-picker-indicator{ filter:none!important; }
html[data-cy-color-scheme="light"] body .dsch-priority-btn{
  border-color:var(--cy-light-line-strong)!important;
  background:#f4f7fb!important;
  color:#5a6a82!important;
  -webkit-text-fill-color:#5a6a82!important;
}
html[data-cy-color-scheme="light"] body .dsch-priority-btn.is-active{
  border-color:rgba(var(--p),.55)!important;
  background:rgba(var(--p),.14)!important;
  color:#26344b!important;
  -webkit-text-fill-color:#26344b!important;
}
html[data-cy-color-scheme="light"] body .dsch-btn{
  border-color:var(--cy-light-line-strong)!important;
  background:#f3f6fa!important;
  color:#41506a!important;
  -webkit-text-fill-color:#41506a!important;
}
html[data-cy-color-scheme="light"] body .dsch-btn--primary{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.32)!important;
  background:linear-gradient(135deg,rgba(var(--cy-theme-1-rgb),.18),rgba(var(--cy-theme-2-rgb),.14)),#fff!important;
  color:#26344b!important;
  -webkit-text-fill-color:#26344b!important;
}
html[data-cy-color-scheme="light"] body .dsch-btn--danger{
  border-color:rgba(214,90,104,.28)!important;
  background:#fdecee!important;
  color:#b0424f!important;
  -webkit-text-fill-color:#b0424f!important;
}
html[data-cy-color-scheme="light"] body .dsch-modal-error{
  border-color:rgba(214,90,104,.26)!important;
  background:#fdecee!important;
  color:#b0424f!important;
  -webkit-text-fill-color:#b0424f!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dla-score-card,.dla-chart-panel,.dla-calendar-shell){
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(155deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 8px 24px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-score-ring{
  filter:drop-shadow(0 10px 20px rgba(31,45,66,.10))!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-score-ring::before{
  border-color:var(--cy-light-line)!important;
  background:radial-gradient(circle at 36% 28%,#fff,#f0f4f8 68%)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-ring-track{
  stroke:#dce4ed!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-ring-value strong,
html[data-cy-color-scheme="light"] body .index-attendance .dla-score-stat strong,
html[data-cy-color-scheme="light"] body .index-attendance .dla-chart-head h5,
html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-heading h5{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-ring-value span,
html[data-cy-color-scheme="light"] body .index-attendance .dla-score-stat small{
  color:#718198!important;
  -webkit-text-fill-color:#718198!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-score-stat{
  border-color:var(--cy-light-line)!important;
  background:#f2f6fa!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-trend-row{
  border-top-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-legend-goal{
  border-top-color:#8391a4!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-reset-view,
html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-month-nav,
html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-nav-btn{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#53647b!important;
  -webkit-text-fill-color:#53647b!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-month-label,
html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-weekdays span{
  color:#62738a!important;
  -webkit-text-fill-color:#62738a!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-day{
  border-color:#dbe3ec!important;
  background:#f4f7fb!important;
  color:#617189!important;
  -webkit-text-fill-color:#617189!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-day.has-events .dla-calendar-day-number{
  background:#fff!important;
  color:#243149!important;
  -webkit-text-fill-color:#243149!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-day:is(:hover,.is-selected){
  border-color:rgba(var(--cy-theme-2-rgb),.34)!important;
  background:#fff!important;
  color:#243149!important;
  -webkit-text-fill-color:#243149!important;
  box-shadow:0 9px 22px rgba(31,45,66,.10)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-day.is-present{
  border-color:rgba(45,157,102,.2)!important;
  background:linear-gradient(145deg,#f0fbf6,#fff)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-day.is-absent{
  border-color:rgba(194,86,98,.2)!important;
  background:linear-gradient(145deg,#fff3f5,#fff)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-day.is-mixed{
  border-color:rgba(var(--cy-theme-2-rgb),.22)!important;
  background:linear-gradient(135deg,#f1fbf6,#fff5f6)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dla-calendar-loading,.dla-calendar-empty,.dla-calendar-detail){
  border-color:var(--cy-light-line)!important;
  background:#f4f7fb!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-detail-head strong{
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-detail-head span{
  color:#718198!important;
  -webkit-text-fill-color:#718198!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.apexcharts-xaxis-label,.apexcharts-yaxis-label,.apexcharts-text){
  fill:#6b7a90!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .apexcharts-gridline{
  stroke:#e0e6ee!important;
}

html[data-cy-color-scheme="light"] body .dla-calendar-tooltip{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f4f7fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 20px 48px rgba(31,45,66,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-cy-color-scheme="light"] body .dla-calendar-tooltip :is(.dla-calendar-tooltip__head strong,.dla-calendar-event-card__title,.dla-calendar-event-meta b){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .dla-calendar-tooltip :is(.dla-calendar-tooltip__head span,.dla-calendar-event-card__topic,.dla-calendar-event-meta small){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .dla-calendar-tooltip .dla-calendar-event-card{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body .dla-calendar-tooltip .dla-calendar-event-meta{
  background:#edf2f7!important;
}

/* Normal course program modal: white surfaces, compact mobile viewport. */
html[data-cy-color-scheme="light"] body .course-program-modal .modal-content{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(150deg,#fff,#f5f8fb)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 28px 72px rgba(31,45,66,.22),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .modal-header{
  border-color:transparent!important;
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .modal-header::after{
  background:linear-gradient(90deg,rgba(var(--cy-theme-1-rgb),.3),var(--cy-light-line),transparent)!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .course-program-heading small,
html[data-cy-color-scheme="light"] body .course-program-modal .course-program-heading .modal-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  background:none!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .course-program-heading small{
  color:#64758c!important;
  -webkit-text-fill-color:#64758c!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .course-program-close{
  border-color:var(--cy-light-line-strong)!important;
  background:#edf2f7!important;
  color:#26344a!important;
  -webkit-text-fill-color:#26344a!important;
  box-shadow:0 7px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .modal-body{
  background:#fff!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal :is(.course-program-hero,.course-program-module,.course-program-lesson,.course-program-empty){
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(145deg,#fff,#f3f6fa)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 8px 22px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .course-program-hero__copy > p,
html[data-cy-color-scheme="light"] body .course-program-modal :is(.course-program-section-head p,.course-program-lesson__description,.course-program-cta-copy span,.course-program-empty span){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal :is(.course-program-stat,.course-program-section-head > span,.course-program-lesson__type){
  border-color:var(--cy-light-line)!important;
  background:#edf2f7!important;
  color:#4e6078!important;
  -webkit-text-fill-color:#4e6078!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal :is(
  .course-program-teacher__copy small,
  .course-program-module__head small,
  .course-program-lesson__date,
  .course-program-lesson__teacher,
  .course-program-lesson__duration,
  .course-program-loading
){
  color:#687990!important;
  -webkit-text-fill-color:#687990!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal :is(
  .course-program-teacher__copy strong,
  .course-program-section-head h3,
  .course-program-module__head,
  .course-program-module__head strong,
  .course-program-lesson h4,
  .course-program-empty strong,
  .course-program-cta-copy strong
){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  background:none!important;
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .course-program-lesson__cover{
  border-right-color:var(--cy-light-line)!important;
}

html[data-cy-color-scheme="light"] body .course-program-modal .modal-footer{
  border-top-color:var(--cy-light-line)!important;
  background:#f4f7fb!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 -7px 18px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body .registration-thanks-enroll,
html[data-cy-color-scheme="light"] body .registration-thanks-enroll *{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}

html[data-cy-color-scheme="light"] body .registration-thanks-mark{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .video-course-price > span{
  border-color:var(--cy-light-line)!important;
  background:#f3f6fa!important;
  color:#243149!important;
  -webkit-text-fill-color:#243149!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .video-course-price .video-price-or{
  border:0!important;
  background:transparent!important;
  color:#687990!important;
  -webkit-text-fill-color:#687990!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .video-course-price .video-price-uah{
  border-color:rgba(var(--cy-theme-1-rgb),.28)!important;
  background:rgba(var(--cy-theme-1-rgb),.07)!important;
  color:#37445a!important;
  -webkit-text-fill-color:#37445a!important;
}

html[data-cy-color-scheme="light"] body .courses-scope .video-course-price .video-price-free{
  border-color:rgba(33,143,91,.25)!important;
  background:#eefaf4!important;
  color:#176d46!important;
  -webkit-text-fill-color:#176d46!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dla-chart-skeleton,.dla-empty){
  border-color:var(--cy-light-line)!important;
  background:#f3f6fa!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dla-chart-hint,.dla-nav-label){
  color:#687990!important;
  -webkit-text-fill-color:#687990!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-nav-btn{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:#42546c!important;
  -webkit-text-fill-color:#42546c!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-event-card{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 6px 16px rgba(31,45,66,.06)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance .dla-calendar-event-meta{
  background:#edf2f7!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dla-calendar-event-card__title,.dla-calendar-event-meta b){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .index-attendance :is(.dla-calendar-event-card__topic,.dla-calendar-event-meta small){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* Account profile/admin navigation icons: the former pastel stroke became
   too faint on white cards.  Preserve the selected theme, but mix enough
   dark ink into the glyph and give its tile a clear gradient edge. */
html[data-cy-color-scheme="light"] body.account-profile-page .account-scope :is(
  .profile-info-icon,.admin-nav-ico
){
  border:1px solid transparent!important;
  background:
    linear-gradient(145deg,#fff,rgba(var(--cy-theme-2-rgb,59,130,246),.14)) padding-box,
    var(--cy-theme-gradient,linear-gradient(135deg,#60a5fa,#8b5cf6,#ec4899)) border-box!important;
  color:#4756a6!important;
  color:color-mix(in srgb,var(--cy-theme-2,#6366f1) 66%,#172033 34%)!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:
    0 8px 18px rgba(31,45,66,.10), inset 0 1px 0 #fff !important;
  opacity:1!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .profile-info-icon svg{
  width:17px!important;
  height:17px!important;
  stroke:currentColor!important;
  stroke-width:2.35!important;
  opacity:1!important;
  filter:none !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .admin-nav-ico :is(svg,i){
  width:18px!important;
  height:18px!important;
  color:inherit!important;
  stroke:currentColor!important;
  stroke-width:2.35!important;
  opacity:1!important;
  filter:none !important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .admin-nav-btn:hover .admin-nav-ico{
  color:#354681!important;
  color:color-mix(in srgb,var(--cy-theme-2,#6366f1) 72%,#172033 28%)!important;
  box-shadow:
    0 10px 22px rgba(31,45,66,.13),
    0 0 20px rgba(var(--cy-theme-2-rgb,59,130,246),.16),
    inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .account-scope .admin-nav-arrow{
  color:#64758c!important;
  -webkit-text-fill-color:#64758c!important;
  opacity:.9!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page #rf-overlay .ref-currency{
  border-color:#dbe3ed!important;
  background:#f6f8fb!important;
  color:#26364c!important;
  -webkit-text-fill-color:#26364c!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page #rf-overlay .ref-currency .rf-ico{
  opacity:.92!important;
  filter:saturate(.86) drop-shadow(0 2px 4px rgba(31,45,66,.12))!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page #rf-overlay .ref-currency-value{
  color:#26364c!important;
  -webkit-text-fill-color:#26364c!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page #friends-overlay .fr-transfer-hint{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-2-rgb,59,130,246),.08)!important;
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
  text-shadow:none!important;
}

/* Currency-transfer celebration is injected directly into <body>, outside
   the friends modal, so it needs its own light/theme-aware surface rules. */
html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate{
  background:
    rgba(231,237,244,.76) !important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-card{
  border:1px solid transparent!important;
  background:
    linear-gradient(145deg,#fff,#f7f9fc) padding-box,
    var(--cy-theme-gradient,linear-gradient(135deg,#60a5fa,#8b5cf6,#ec4899)) border-box!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 24px 60px rgba(31,45,66,.20),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-card::before{
  background:transparent !important;
  opacity:.75!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-card::after{
  background:linear-gradient(120deg,rgba(var(--cy-theme-1-rgb,96,165,250),.08),transparent 48%)!important;
  mix-blend-mode:normal!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-halo{
  background:transparent !important;
  mix-blend-mode:normal!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page :is(.fr-celebrate-title,.fr-celebrate-name,.fr-celebrate-note,.fr-celebrate-num){
  text-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-title{
  color:#465a78!important;
  color:color-mix(in srgb,var(--cy-theme-2,#6366f1) 62%,#172033 38%)!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-name{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-note{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-pill{
  border-color:var(--cy-light-line-strong)!important;
  background:#f5f8fb!important;
  color:#26364c!important;
  -webkit-text-fill-color:#26364c!important;
  box-shadow:0 10px 24px rgba(31,45,66,.10),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page .fr-celebrate-pill img{
  filter:saturate(.88) drop-shadow(0 2px 4px rgba(31,45,66,.14))!important;
}

/* Friends/request lists have a dedicated dark-theme empty state in
   account.php. Keep its original compact size, but make the copy and the
   embedded people icon readable on every light-theme accent. */
html[data-cy-color-scheme="light"] body.account-profile-page #friends-overlay .friends-modal .fr-list > .rf-mini{
  border-color:var(--cy-light-line-strong)!important;
  background:
    #f7f9fc !important;
  color:#40526c!important;
  -webkit-text-fill-color:#40526c!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.account-profile-page #friends-overlay .friends-modal .fr-list > .rf-mini::before{
  background:
    rgba(var(--cy-theme-2-rgb,59,130,246),.10)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23384b66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='3'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.34)!important;
  box-shadow:0 5px 14px rgba(31,45,66,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;
  opacity:1!important;
}

/* Level Practice section icons and the practice-only totals card use the
   selected accent, while retaining dark text and a clean white surface. */
html[data-cy-color-scheme="light"] body.levelpractice-page .lp-section-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.28)!important;
  background:
    rgba(var(--cy-theme-1-rgb,96,165,250),.08) !important;
  color:var(--cy-theme-2,#6d48d7)!important;
  box-shadow:0 8px 20px rgba(31,45,66,.09),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .practice-summary-item{
  border-color:var(--cy-light-line)!important;
  background:#f7f9fc!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .practice-summary-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.08)!important;
  color:var(--cy-theme-2,#6d48d7)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.practice-summary-number,.practice-currency-pill){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.practice-summary-label,.practice-summary-number span,.practice-currency-pill span){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .practice-currency-pill{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(31,45,66,.07)!important;
}

/* Level Practice workbench: the application shell follows the saved white
   scheme; the Arena-like code canvas remains an IDE surface of its own. */
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal{
  background:rgba(44,55,70,.48)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .challenge-workbench{
  border-color:var(--cy-light-line-strong)!important;
  background:
    linear-gradient(145deg,#fff,#f5f8fb) !important;
  color:var(--cy-light-text)!important;
  box-shadow:0 32px 80px rgba(31,45,66,.24),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .modal-header{
  border-color:var(--cy-light-line)!important;
  background:
    #fff !important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModalTaskTitle{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .challenge-modal-eyebrow{
  color:color-mix(in srgb,var(--cy-theme-2,#6366f1) 68%,#40526c 32%)!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .challenge-modal-brand-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.25)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.08)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .modal-close{
  border-color:var(--cy-light-line-strong)!important;
  background:#f3f6fa!important;
  color:#34445b!important;
  -webkit-text-fill-color:#34445b!important;
  box-shadow:0 6px 16px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal :is(.modal-body,.challenge-tabs,.modal-footer){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .modal-body{
  background:#f3f6fa!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .challenge-tab{
  border-color:transparent!important;
  background:transparent!important;
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .challenge-tab:hover{
  border-color:var(--cy-light-line)!important;
  background:#f4f7fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .challenge-tab.active{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.25)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.09)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .problem-card{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 10px 24px rgba(31,45,66,.08),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .problem-card h4{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .problem-description{
  border-color:var(--cy-light-line)!important;
  border-left-color:rgba(var(--cy-theme-2-rgb,59,130,246),.52)!important;
  background:#f6f8fb!important;
  color:#46566d!important;
  -webkit-text-fill-color:#46566d!important;
}

/* Do not let generic light-form rules wash out the Arena editor chrome. */
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal :is(.editor-toolbar,.language-selector select,.editor-actions > button,.editor-actions .editor-zoom,.editor-actions .editor-zoom button,.theme-toggle,.theme-menu,.theme-custom,.theme-option){
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-results{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 8px 20px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-header{
  border-color:var(--cy-light-line)!important;
  background:#f3f6fa!important;
  color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-header-title{
  color:#40526c!important;
  -webkit-text-fill-color:#40526c!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-header-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.08)!important;
  color:var(--cy-theme-2,#6366f1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-counter{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:#53647c!important;
  -webkit-text-fill-color:#53647c!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-case{
  background:#fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-details .line{
  color:#40526c!important;
  -webkit-text-fill-color:#40526c!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-label{
  color:#75849a!important;
  -webkit-text-fill-color:#75849a!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .xp-reward{
  border-color:var(--cy-light-line-strong)!important;
  background:#f4f7fa!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:none!important;
}

/* Code Lab secondary tabs use the same saved accent in the white scheme. */
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .code-lab-panel{
  border-color:var(--cy-light-line-strong)!important;
  background:
    #f6f8fb !important;
  background-size: auto;
  box-shadow:0 10px 28px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .code-lab-panel-head{
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.94)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal :is(.code-lab-panel-icon,.code-lab-empty-icon,.discussion-empty-icon,.discussion-composer-icon){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.08)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .code-lab-panel-eyebrow{
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
  opacity:.72!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .code-lab-panel-copy h4{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .code-lab-panel-copy p{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .code-lab-panel-count{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.22)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.075)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .solution-item{
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(31,45,66,.065),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .solution-sequence{
  color:#40526c!important;
  -webkit-text-fill-color:#40526c!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .solution-sequence i{
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .solution-header time{
  color:#75849a!important;
  -webkit-text-fill-color:#75849a!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal :is(.solution-code-shell,.solution-code){
  border-color:#30363d!important;
  background:#0d1117!important;
  color:#d7dce5!important;
  -webkit-text-fill-color:#d7dce5!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .solution-code-head{
  border-color:#30363d!important;
  background:#161b22!important;
  color:#768390!important;
  -webkit-text-fill-color:#768390!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .solution-code-head span:first-child{
  color:#c9d1d9!important;
  -webkit-text-fill-color:#c9d1d9!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal :is(.code-lab-empty,.discussion-empty){
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.045)!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal :is(.code-lab-empty,.discussion-empty) strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-lock{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-lock-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.23)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.08)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-lock strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-lock div div{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.22)!important;
  background:
    #fff !important;
  box-shadow:0 10px 26px rgba(31,45,66,.08),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.23)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.09)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-kicker{
  color:color-mix(in srgb,var(--cy-theme-2,#6366f1) 68%,#40526c 32%)!important;
  -webkit-text-fill-color:currentColor!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-copy strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-copy p{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-chip{
  border-color:var(--cy-light-line-strong)!important;
  background:#f4f7fb!important;
  color:#3d4d64!important;
  -webkit-text-fill-color:#3d4d64!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-chip:hover,
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-chip:focus-visible{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.32)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.12)!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-launch{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.3)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.12)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
  box-shadow:0 8px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-launch:hover,
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .lp-ai-coach-launch:focus-visible{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.44)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.2)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal :is(.discussion-feed,.discussion-form){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(31,45,66,.06),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .code-lab-subhead{
  border-color:var(--cy-light-line)!important;
  color:#52627a!important;
  -webkit-text-fill-color:#52627a!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-item{
  border-color:var(--cy-light-line)!important;
  background:#f6f8fb!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-head,
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-composer-head strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal :is(.discussion-date,.discussion-text,.discussion-composer-head span,.discussion-note){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-form textarea{
  border-color:var(--cy-light-line-strong)!important;
  background:#f6f8fb!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  caret-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .discussion-form textarea::placeholder{
  color:#8a97aa!important;
  -webkit-text-fill-color:#8a97aa!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .like-btn{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:#65758c!important;
  -webkit-text-fill-color:#65758c!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .like-btn.is-liked{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.28)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.08)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .xp-reward::before{
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
  opacity:.55!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .xp-reward > svg{
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}

/* The compile animation itself also follows the selected white scheme. */
html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-scene{
  background:rgba(220,227,236,.38)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-card{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.3)!important;
  background:
    #fff !important;
  color:var(--cy-light-text)!important;
  box-shadow:0 34px 80px rgba(31,45,66,.24), inset 0 1px 0 #fff !important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-terminal-bar{
  border-color:var(--cy-light-line)!important;
  background:#f1f4f8!important;
  color:#75849a!important;
  -webkit-text-fill-color:#75849a!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-mark{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.25)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.09)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  box-shadow:inset 0 1px 0 #fff !important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-copy > strong,
html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-currency strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.code-reward-command,.code-reward-currency small){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-command b,
html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-particles i{
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-currency{
  border-color:var(--cy-light-line-strong)!important;
  background:#f5f7fa!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .code-reward-progress{
  background:#e5eaf0!important;
}

/* Clear success feedback in the white scheme. */
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-case.is-ok{
  background:
    #f7fcf9 !important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-status.passed{
  border-color:rgba(45,169,105,.36)!important;
  background:linear-gradient(145deg,#48cf8b,#238e60)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34) !important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-details .test-success-copy strong{
  color:#187747!important;
  -webkit-text-fill-color:#187747!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal .test-details .test-success-copy span{
  color:#52627a!important;
  -webkit-text-fill-color:#52627a!important;
}

/* Fullscreen is an IDE workspace even when the surrounding application uses
   the white scheme; the selected Ace canvas theme still controls the code. */
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal.is-fullscreen,
html[data-cy-color-scheme="light"] body.levelpractice-page #challengeModal.is-fullscreen :is(.challenge-workbench,.modal-body){
  background:#0d1117!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* ApexCharts productivity workspace in the white scheme. */
html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-grid--insight .analytics-card{
  border-color:var(--cy-light-line)!important;
  background:
    linear-gradient(145deg,#fff,#f5f8fb) !important;
  box-shadow:0 12px 30px rgba(31,45,66,.075),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-grid--insight .analytics-card::before{
  background:
    transparent !important;
  background-size: auto;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-grid--insight .analytics-card h3{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-card-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.09)!important;
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(31,45,66,.07)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.analytics-period,.analytics-total){
  border-color:var(--cy-light-line-strong)!important;
  background:#f3f6fa!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-total strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-kpi{
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-kpi--primary{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.075)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-kpi strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-kpi--primary strong{
  color:var(--cy-theme-2,#6366f1)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#6366f1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-kpi span{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.difficulty-legend-item,.analytics-card--languages .language-perf){
  border-color:var(--cy-light-line)!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-card--languages .language-perf:hover{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.24)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.055)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.difficulty-legend-label,.language-perf-value span){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page :is(.difficulty-legend-item strong,.analytics-card--languages .language-info,.language-perf-value strong){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .language-info-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.16)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.06)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-card--languages .perf-track{
  border-color:var(--cy-light-line)!important;
  background:#dfe6ee!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.1)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-card--languages .perf-fill{
  background:var(--cy-theme-gradient,linear-gradient(90deg,#60a5fa,#8b5cf6))!important;
  box-shadow:none !important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-card--languages .perf-fill i{
  border-color:#fff!important;
  background:var(--cy-theme-2,#6366f1)!important;
  box-shadow:none !important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .lp-chart-tooltip{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.22)!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
  box-shadow:0 18px 40px rgba(31,45,66,.17),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .lp-chart-tooltip strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-empty{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-empty strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.levelpractice-page .analytics-empty-icon{
  border-color:rgba(var(--cy-theme-2-rgb,59,130,246),.2)!important;
  background:rgba(var(--cy-theme-1-rgb,96,165,250),.07)!important;
  color:var(--cy-theme-2,#6366f1)!important;
}

/* ============================================================
   Час у панелі: «Концентрація» + «Час у системі».
   Біла поверхня приходить із загального правила для *-card,
   тут лишається внутрішня механіка картки.
   ============================================================ */
html[data-cy-color-scheme="light"] body .timeboard-card::before{
  background:linear-gradient(90deg,transparent,rgba(var(--cy-theme-1-rgb,236,72,153),.55) 25%,rgba(var(--cy-theme-2-rgb,139,92,246),.4) 75%,transparent)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-sub{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-value b{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-value span{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-switch{
  border-color:var(--cy-light-line)!important;
  background:#edf2f7!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-tab{
  background:transparent!important;
  color:#687990!important;
  -webkit-text-fill-color:#687990!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-tab:hover{
  color:#253249!important;
  -webkit-text-fill-color:#253249!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-tab.is-active{
  background:linear-gradient(135deg,rgba(var(--cy-theme-1-rgb),.16),rgba(var(--cy-theme-2-rgb),.12)),#fff!important;
  color:#26344b!important;
  -webkit-text-fill-color:#26344b!important;
  box-shadow:0 5px 13px rgba(31,45,66,.08),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-empty{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .apexcharts-tooltip{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-tooltip{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:0 14px 30px rgba(31,45,66,.16)!important;
}

html[data-cy-color-scheme="light"] body .timeboard-card .tbd-tooltip strong{
  color:var(--cy-theme-2,#7c3aed)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#7c3aed)!important;
}

/* ============================================================
   Модальне вікно магазину (ліміт, старт курсу, помилки запиту).
   У shop.php воно намальоване під темну тему жорстко, тож біла
   подача описана тут повністю.
   ============================================================ */
html[data-cy-color-scheme="light"] body .shop-limit-dialog-overlay{
  background:rgba(31,45,66,.34)!important;
}

html[data-cy-color-scheme="light"] body .shop-limit-dialog{
  border-color:var(--cy-light-line-strong)!important;
  background:linear-gradient(155deg,#fff,#f6f9fd)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 30px 80px rgba(31,45,66,.22),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body .shop-limit-dialog h3{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .shop-limit-message{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .shop-limit-kicker{
  color:var(--cy-theme-2,#7c3aed)!important;
  -webkit-text-fill-color:var(--cy-theme-2,#7c3aed)!important;
}

html[data-cy-color-scheme="light"] body .shop-limit-icon{
  border-color:rgba(var(--cy-theme-2-rgb,124,58,237),.26)!important;
  background:rgba(var(--cy-theme-2-rgb,124,58,237),.09)!important;
  color:var(--cy-theme-2,#7c3aed)!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(31,45,66,.10)!important;
}

html[data-cy-color-scheme="light"] body .shop-limit-date{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body .shop-limit-date strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body .shop-limit-date svg{
  stroke:var(--cy-theme-2,#7c3aed)!important;
}


/* ============================================================
   checkout.php та order_success.php.
   Обидві сторінки несуть body.checkout-dark-luxe-theme і були
   намальовані під темну схему повністю — тут описана світла.
   ============================================================ */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme,
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme html{
  background:var(--cy-light-page)!important;
  color:var(--cy-light-text)!important;
}

/* ── шапка сторінки ───────────────────────────────────────── */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-page-head{
  border-color:transparent!important;
  background:
    linear-gradient(155deg,#fff,#f4f8fd) padding-box,
    var(--cy-theme-gradient,linear-gradient(135deg,#ec4899,#8b5cf6,#6366f1)) border-box!important;
  box-shadow:0 18px 44px rgba(31,45,66,.13),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-page-head::before{
  opacity:.12!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-back{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-theme-2,#7c3aed)!important;
  box-shadow:0 6px 16px rgba(31,45,66,.10)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-back:hover{
  border-color:rgba(var(--cy-theme-2-rgb,124,58,237),.4)!important;
  background:rgba(var(--cy-theme-2-rgb,124,58,237),.08)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.checkout-head-kicker,.checkout-balance-label,.checkout-head-sub){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .hero .balance{
  color:var(--cy-light-muted)!important;
}

/* ── шапка картки ─────────────────────────────────────────── */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .card-h{
  border-bottom-color:var(--cy-light-line)!important;
  background:linear-gradient(180deg,#fff,rgba(246,249,253,.9))!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-card-mark{
  border-color:rgba(var(--cy-theme-2-rgb,124,58,237),.26)!important;
  background:rgba(var(--cy-theme-2-rgb,124,58,237),.09)!important;
  color:var(--cy-theme-2,#7c3aed)!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(31,45,66,.08)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-card-kicker{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* ── позиції кошика ───────────────────────────────────────── */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .i-row.luxe{
  border-color:var(--cy-light-line)!important;
  background:linear-gradient(155deg,#fff,#f7fafd)!important;
  box-shadow:0 8px 20px rgba(31,45,66,.07),inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.i-thumb .i-img,.i-img){
  border-color:var(--cy-light-line)!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(31,45,66,.09)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .i-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.i-attrs,.i-meta,.muted){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

/* Пігулки з числами. Клас називається просто «pill», тож під загальне
   правило для *-pill не потрапляє — описуємо окремо, інакше білий текст
   лишався б білим на світлому тлі. */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.pill,.qty-chip){
  border-color:var(--cy-light-line-strong)!important;
  background:var(--cy-light-surface-soft)!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.summary-total .pill,.order-total .pill){
  border-color:rgba(var(--cy-theme-2-rgb,124,58,237),.28)!important;
  background:rgba(var(--cy-theme-2-rgb,124,58,237),.09)!important;
}

/* ── «Передамо замовлення в обробку» ──────────────────────── */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-note-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-note-copy{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-info-card{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-info-icon{
  border-color:rgba(var(--cy-theme-2-rgb,124,58,237),.24)!important;
  background:rgba(var(--cy-theme-2-rgb,124,58,237),.09)!important;
  color:var(--cy-theme-2,#7c3aed)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-info-copy,
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-info-copy span{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .checkout-info-copy strong{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

/* ── підсумок і доставка ──────────────────────────────────── */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.summary-kicker,.field-label,.delivery-sub,.summary-secondary-label,.summary-secondary){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.summary-primary-title,.delivery-title){
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .summary-secondary{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-soft)!important;
}

/* ── поля форми ───────────────────────────────────────────── */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .field-control{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
  box-shadow:inset 0 1px 2px rgba(31,45,66,.05)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .field-control::placeholder{
  color:var(--cy-light-faint)!important;
  -webkit-text-fill-color:var(--cy-light-faint)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .field-control:focus{
  border-color:rgba(var(--cy-theme-2-rgb,124,58,237),.45)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(var(--cy-theme-2-rgb,124,58,237),.13)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .btn-ghost{
  border-color:var(--cy-light-line-strong)!important;
  background:#fff!important;
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .btn-ghost:hover{
  border-color:rgba(var(--cy-theme-2-rgb,124,58,237),.4)!important;
  background:rgba(var(--cy-theme-2-rgb,124,58,237),.08)!important;
  color:#26344b!important;
  -webkit-text-fill-color:#26344b!important;
}

/* ── order_success.php ────────────────────────────────────── */
html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .success-hero .s-bg{
  background:transparent !important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .success-hero .s-media img{
  filter:drop-shadow(0 18px 38px rgba(31,45,66,.20))!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.s-kicker,.s-sub,.order-pill){
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .order-pill{
  border-color:var(--cy-light-line-strong)!important;
  background:var(--cy-light-surface-soft)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme .order-title{
  color:var(--cy-light-text)!important;
  -webkit-text-fill-color:var(--cy-light-text)!important;
}

html[data-cy-color-scheme="light"] body.checkout-dark-luxe-theme :is(.order-card,.order-row,.delivery-success){
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface)!important;
  color:var(--cy-light-text)!important;
  box-shadow:0 10px 26px rgba(31,45,66,.08)!important;
}

/* Розпродане значення атрибута у світлій темі. */
html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-chip.is-sold-out,
html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-chip.is-sold-out:hover{
  border-color:var(--cy-light-line)!important;
  background:var(--cy-light-surface-muted)!important;
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
  box-shadow:none!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-chip.is-sold-out .sm-chip-lock{
  color:var(--cy-theme-2,#7c3aed)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-soldout-note{
  color:var(--cy-light-muted)!important;
  -webkit-text-fill-color:var(--cy-light-muted)!important;
}

html[data-cy-color-scheme="light"] body.shop-buy-modal-theme #buy-modal .sm-soldout-note-icon{
  color:var(--cy-theme-2,#7c3aed)!important;
}

/* Кільце лічильників у топбарі — кольору світлого тла, а не чорне. */
html[data-cy-color-scheme="light"] body.shop-cart-theme .navbar-custom .cart-count,
html[data-cy-color-scheme="light"] body.shop-cart-theme .navbar-custom #orders-count{
  --cy-badge-ring:#fff;
  box-shadow:0 4px 12px rgba(31,45,66,.18)!important;
}

/* Заголовок у прев'ю теми показує градієнт, який зараз редагують, а не
   збережений. Раніше він стояв у списку вище й отримував
   var(--cy-theme-gradient) з !important — тому в світлій темі мінялась
   тільки кнопка, а текст лишався кольором уже збереженої теми. */
html[data-cy-color-scheme="light"] body .theme-preview .theme-preview-title{
  color:transparent!important;
  background-color:transparent!important;
  background-image:var(--theme-preview-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:none!important;
  text-shadow:none!important;
}