/* ============================================================
   CONGIX CODE — Светлая тема

   Подключается ПОСЛЕДНИМ на каждой странице и полностью задаёт светлый вид.
   Идея та же, что у тёмной: прозрачное стекло без размытия, сквозь которое
   видны точки сетки и фиолетовое свечение. Только стекло белое, точки
   тёмные, а свечение — мягкая лаванда.

   Все цвета — токены --lt-* ниже. Статусы на белом берут тёмные оттенки
   тех же тонов (зелёный, фиолетовый, янтарный, красный), иначе светлые
   #4ade80 / #fbbf24 на белом не читаются.
   ============================================================ */

:root[data-theme="light"] {
  --lt-bg:       #F4F2FB;
  --lt-text:     #17142B;
  --lt-mid:      #5D5A75;
  --lt-soft:     #8B88A3;
  --lt-line:     rgba(23, 20, 43, 0.09);
  --lt-line-2:   rgba(23, 20, 43, 0.16);
  --lt-hover:    rgba(109, 74, 255, 0.06);
  --lt-accent:   #5B3FD6;
  --lt-card:     linear-gradient(150deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.76) 55%, rgba(255,255,255,0.66) 100%);
  --lt-shadow:   inset 0 1px 0 rgba(255,255,255,0.95), 0 12px 32px rgba(58, 40, 140, 0.08);
  --lt-shadow-lg:inset 0 1px 0 rgba(255,255,255,0.95), 0 24px 60px rgba(58, 40, 140, 0.12);

  --lt-green:  #15803D;  --lt-green-bg:  rgba(34,197,94,0.12);  --lt-green-line:  rgba(22,163,74,0.35);
  --lt-violet: #6D28D9;  --lt-violet-bg: rgba(139,92,246,0.12); --lt-violet-line: rgba(124,58,237,0.35);
  --lt-amber:  #B45309;  --lt-amber-bg:  rgba(245,158,11,0.14); --lt-amber-line:  rgba(217,119,6,0.38);
  --lt-red:    #DC2626;  --lt-red-bg:    rgba(239,68,68,0.10);  --lt-red-line:    rgba(220,38,38,0.35);
  --lt-blue:   #2563EB;  --lt-blue-bg:   rgba(59,130,246,0.10); --lt-blue-line:   rgba(37,99,235,0.32);

  /* Общие токены сайта под светлый вид */
  --color-bg:    var(--lt-bg);
  --color-text:  var(--lt-text);
  --color-mid:   var(--lt-mid);
  --color-border: var(--lt-line-2);
  --glass-folder: var(--lt-card);
  --color-accent-glow: rgba(109, 74, 255, 0.28);
}

/* ── Фон: лавандовое свечение и точки сетки, как в тёмной теме ── */
:root[data-theme="light"] body { background: var(--lt-bg); color: var(--lt-text); }
:root[data-theme="light"] body::before {
  display: block;
  background:
    radial-gradient(60vw 45vh at 22% -5%, rgba(124, 92, 255, 0.20), transparent 60%),
    radial-gradient(45vw 40vh at 88% 6%, rgba(236, 132, 255, 0.12), transparent 55%),
    radial-gradient(50vw 40vh at 60% 110%, rgba(124, 92, 255, 0.10), transparent 60%);
}
:root[data-theme="light"] body::after {
  display: block;
  background-image: radial-gradient(rgba(23, 20, 43, 0.16) 1px, transparent 1.4px);
  opacity: 0.7;
}

/* ── Стекло: все блоки и кнопки ── */
:root[data-theme="light"] .g26,
:root[data-theme="light"] .rail-btn,
:root[data-theme="light"] .search .go,
:root[data-theme="light"] .panel-exp,
:root[data-theme="light"] .ui-x,
:root[data-theme="light"] .ui-btn.ghost,
:root[data-theme="light"] .cta-ghost,
:root[data-theme="light"] .filters button,
:root[data-theme="light"] .pg-build .wz-opt,
:root[data-theme="light"] .pg-build .wz-back,
:root[data-theme="light"] .ide-back,
:root[data-theme="light"] .ide-btn:not(.primary) {
  background: var(--lt-card);
  border: 1px solid var(--lt-line);
  box-shadow: var(--lt-shadow);
  color: var(--lt-text);
}
:root[data-theme="light"] .rail-btn { color: var(--lt-mid); }
:root[data-theme="light"] .rail-btn:hover,
:root[data-theme="light"] .panel-exp:hover,
:root[data-theme="light"] .ui-x:hover,
:root[data-theme="light"] .ui-btn.ghost:hover,
:root[data-theme="light"] .filters button:hover,
:root[data-theme="light"] .pg-build .wz-opt:hover { border-color: rgba(109,74,255,0.45); color: var(--lt-text); }

/* Активные — градиент акцента, белый текст (перебиваем стекло выше) */
:root[data-theme="light"] .rail-btn.active,
:root[data-theme="light"] .filters button[aria-pressed="true"],
:root[data-theme="light"] .pg-build .wz-opt[aria-pressed="true"],
:root[data-theme="light"] .range-tabs button.active,
:root[data-theme="light"] .ui-seg button[aria-checked="true"] {
  background: var(--gradient-accent);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 8px 22px rgba(109,74,255,0.30), inset 0 1px 0 rgba(255,255,255,0.3);
}
:root[data-theme="light"] .range-tabs button { color: var(--lt-mid); }

/* Крупные карточки: чуть сильнее тень и лавандовое свечение снизу */
:root[data-theme="light"] .panel,
:root[data-theme="light"] .glass-card,
:root[data-theme="light"] .pg-build .wz-card,
:root[data-theme="light"] .auth-card {
  background:
    radial-gradient(90% 60% at 30% 120%, rgba(124,92,255,0.10) 0%, transparent 70%),
    var(--lt-card);
  border: 1px solid var(--lt-line);
  box-shadow: var(--lt-shadow-lg);
}

/* ── Шапка ── */
:root[data-theme="light"] .search { color: var(--lt-soft); }
:root[data-theme="light"] .search input::placeholder { color: var(--lt-soft); }
:root[data-theme="light"] .brand-name,
:root[data-theme="light"] a.brand { color: var(--lt-text); }
:root[data-theme="light"] .user-chip .who span,
:root[data-theme="light"] .user-chip .chev { color: var(--lt-soft); }
:root[data-theme="light"] .icon-btn .badge,
:root[data-theme="light"] .rail-btn .badge { border-color: var(--lt-bg); }

/* ── Плитки ── */
:root[data-theme="light"] .tile.g26 { box-shadow: var(--lt-shadow-lg); }
:root[data-theme="light"] .tile.g26:hover { border-color: rgba(109,74,255,0.35); }
:root[data-theme="light"] .tile-ico { background: rgba(109,74,255,0.06); border: 1.5px solid rgba(109,74,255,0.22); color: var(--lt-accent); }
:root[data-theme="light"] .tile-lbl { color: var(--lt-mid); }
:root[data-theme="light"] .tile .num { color: var(--lt-text); }

/* ── Кнопка «Новый проект» и CTA: без изменений, но тень мягче ── */
:root[data-theme="light"] .new-btn,
:root[data-theme="light"] .cta,
:root[data-theme="light"] .ui-btn.primary,
:root[data-theme="light"] .auth-submit,
:root[data-theme="light"] .pg-build .wz-next {
  box-shadow: 0 12px 30px rgba(109,74,255,0.30), inset 0 1px 0 rgba(255,255,255,0.3);
}

/* ── Пилюли статусов: белые, цветная обводка и точка, тёмный текст ── */
:root[data-theme="light"] .pill-run  { --pill-dot: #16A34A; --pill-line: var(--lt-green-line);  --pill-bg: var(--lt-green-bg);  --pill-ink: var(--lt-green); }
:root[data-theme="light"] .pill-ok   { --pill-dot: #7C3AED; --pill-line: var(--lt-violet-line); --pill-bg: var(--lt-violet-bg); --pill-ink: var(--lt-violet); }
:root[data-theme="light"] .pill-risk { --pill-dot: #D97706; --pill-line: var(--lt-amber-line);  --pill-bg: var(--lt-amber-bg);  --pill-ink: var(--lt-amber); }
:root[data-theme="light"] .pill-wait { --pill-dot: #DC2626; --pill-line: var(--lt-red-line);    --pill-bg: var(--lt-red-bg);    --pill-ink: var(--lt-red); }
:root[data-theme="light"] .pill-s,
:root[data-theme="light"] .fnode .pill-s,
:root[data-theme="light"] .panel .prog-row .pill-s,
:root[data-theme="light"] .pg .pill-s {
  background: rgba(255,255,255,0.9);
  border: 1px solid var(--pill-line);
  color: var(--lt-text);
  box-shadow: 0 4px 12px rgba(58,40,140,0.06);
}
:root[data-theme="light"] .tbl .pill-s { background: var(--pill-bg); color: var(--pill-ink); box-shadow: none; }
:root[data-theme="light"] .legend-chip { color: var(--lt-text); box-shadow: 0 4px 12px rgba(58,40,140,0.06); }

/* ── Карточки-папки ── */
:root[data-theme="light"] .fcard { filter: drop-shadow(0 16px 28px rgba(58, 40, 140, 0.12)); }
:root[data-theme="light"] .fcard-bg {
  background:
    radial-gradient(110% 75% at 30% 115%, rgba(124,92,255,0.22) 0%, rgba(124,92,255,0.06) 45%, transparent 70%),
    linear-gradient(150deg, rgba(255,255,255,0.96), rgba(255,255,255,0.72));
}
:root[data-theme="light"] .fcard-edge path { stroke: var(--lt-line-2); }
:root[data-theme="light"] .fnode .fcard-ico,
:root[data-theme="light"] .fnode .fcard-name,
:root[data-theme="light"] .fnode .fcard-num { color: var(--lt-text); }
:root[data-theme="light"] .fnode .fcard-meta { color: var(--lt-soft); }
:root[data-theme="light"] .fnode .fcard-knob { background: rgba(255,255,255,0.85); border-color: var(--lt-line-2); color: var(--lt-text); box-shadow: 0 6px 16px rgba(58,40,140,0.10); }
:root[data-theme="light"] .fnode .fcard-knob i { background: var(--lt-accent); box-shadow: 0 0 10px rgba(109,74,255,0.6); }
/* Текущий курс — сплошной фиолетовый, как в тёмной теме */
:root[data-theme="light"] .fnode.hot .fcard-bg {
  background:
    radial-gradient(90% 70% at 20% 0%, rgba(255,255,255,0.25), transparent 60%),
    linear-gradient(165deg, #9a7bff 0%, #7556ff 50%, #5534e0 100%);
}
:root[data-theme="light"] .fnode.hot .fcard-edge path { stroke: rgba(255,255,255,0.4); }
:root[data-theme="light"] .fnode.hot .fcard { filter: drop-shadow(0 18px 34px rgba(109,74,255,0.40)); }
:root[data-theme="light"] .fnode.hot .fcard-ico,
:root[data-theme="light"] .fnode.hot .fcard-name,
:root[data-theme="light"] .fnode.hot .fcard-num { color: #fff; }
:root[data-theme="light"] .fnode.hot .fcard-meta { color: rgba(255,255,255,0.8); }
:root[data-theme="light"] .fnode.hot .fcard-knob { background: #1c1733; border-color: transparent; color: #fff; }
:root[data-theme="light"] .fconn path { stroke: rgba(23,20,43,0.28); }
:root[data-theme="light"] .fconn circle { fill: #fff; stroke: var(--lt-accent); }
:root[data-theme="light"] .fnode.add .fcard-bg { background: rgba(255,255,255,0.45); }
:root[data-theme="light"] .fnode.add .fcard-edge path { stroke: rgba(109,74,255,0.35); }
:root[data-theme="light"] .fnode.add .add-in { color: var(--lt-mid); }
:root[data-theme="light"] .fnode.add .add-in span:first-child { background: #fff; border-color: rgba(109,74,255,0.3); color: var(--lt-accent); }
:root[data-theme="light"] .fnode.add:hover .add-in { color: var(--lt-accent); }
:root[data-theme="light"] .dash-map-label { color: var(--lt-text); }

/* ── Панели главной ── */
:root[data-theme="light"] .panel-exp { color: var(--lt-text); }
:root[data-theme="light"] .prog-row .pc { color: var(--lt-text); }
:root[data-theme="light"] .seg-bar i { background: rgba(23,20,43,0.08); }
:root[data-theme="light"] .seg-bar b { background: linear-gradient(90deg, #7c5cff, #a78bfa); }
:root[data-theme="light"] .tbl th { color: var(--lt-soft); }
:root[data-theme="light"] .rec .txt,
:root[data-theme="light"] .rec .tag { color: var(--lt-text); }
:root[data-theme="light"] .rec.r-red,  :root[data-theme="light"] .rec-ic.r-red,  :root[data-theme="light"] .nt-ic.r-red  { --rec-c: var(--lt-red);    --rec-bg: var(--lt-red-bg);    --rec-line: var(--lt-red-line); }
:root[data-theme="light"] .rec.r-yel,  :root[data-theme="light"] .rec-ic.r-yel,  :root[data-theme="light"] .nt-ic.r-yel  { --rec-c: var(--lt-amber);  --rec-bg: var(--lt-amber-bg);  --rec-line: var(--lt-amber-line); }
:root[data-theme="light"] .rec.r-blue, :root[data-theme="light"] .rec-ic.r-blue, :root[data-theme="light"] .nt-ic.r-blue { --rec-c: var(--lt-blue);   --rec-bg: var(--lt-blue-bg);   --rec-line: var(--lt-blue-line); }
:root[data-theme="light"] .rec-ic.r-violet, :root[data-theme="light"] .nt-ic.r-violet { --rec-c: var(--lt-violet); --rec-bg: var(--lt-violet-bg); --rec-line: var(--lt-violet-line); }
:root[data-theme="light"] .rec .tag { background: var(--rec-bg); border-color: var(--rec-line); color: var(--rec-c); }

/* ── Всплывающие окна и панели ── */
:root[data-theme="light"] .ui-backdrop { background: rgba(35, 28, 70, 0.28); }
:root[data-theme="light"] .ui-modal,
:root[data-theme="light"] .ui-pop,
:root[data-theme="light"] .panel.panel-modal {
  background:
    radial-gradient(90% 60% at 30% 120%, rgba(124,92,255,0.10) 0%, transparent 70%),
    #FBFAFF;
  border: 1px solid var(--lt-line);
  box-shadow: 0 40px 100px rgba(40, 28, 100, 0.22);
  color: var(--lt-text);
}
:root[data-theme="light"] .ui-text,
:root[data-theme="light"] .nt-txt span,
:root[data-theme="light"] .faq p,
:root[data-theme="light"] .lesson-points li { color: var(--lt-mid); }
:root[data-theme="light"] .nt-txt time,
:root[data-theme="light"] .pf-head span span,
:root[data-theme="light"] .sr-item span span,
:root[data-theme="light"] .sr-empty,
:root[data-theme="light"] .np-start span:last-child,
:root[data-theme="light"] .help-sub,
:root[data-theme="light"] .faq summary span,
:root[data-theme="light"] .ui-field > span,
:root[data-theme="light"] .ui-label { color: var(--lt-soft); }
:root[data-theme="light"] .nt-item:hover,
:root[data-theme="light"] .pf-menu a:hover,
:root[data-theme="light"] .sr-item:hover,
:root[data-theme="light"] .sr-item.on,
:root[data-theme="light"] .menu-list button:hover,
:root[data-theme="light"] .lesson:hover:not([disabled]) { background: var(--lt-hover); }
:root[data-theme="light"] .nt-item.unread::after { background: var(--lt-accent); box-shadow: 0 0 8px rgba(109,74,255,0.5); }
:root[data-theme="light"] .pf-menu { border-color: var(--lt-line); }
:root[data-theme="light"] .pf-out { border-top-color: var(--lt-line); color: var(--lt-red); }
:root[data-theme="light"] .pf-out svg,
:root[data-theme="light"] .menu-list button.danger,
:root[data-theme="light"] .menu-list button.danger svg { color: var(--lt-red); }
:root[data-theme="light"] .pf-menu a svg,
:root[data-theme="light"] .pf-row span svg,
:root[data-theme="light"] .menu-list button svg { color: var(--lt-soft); }
:root[data-theme="light"] .pf-trial { background: var(--lt-amber-bg); border-color: var(--lt-amber-line); color: var(--lt-amber); }
:root[data-theme="light"] .sr-ic { border-color: var(--lt-line-2); color: var(--lt-accent); }
:root[data-theme="light"] .sr-item b mark { background: rgba(109,74,255,0.16); color: var(--lt-accent); }
:root[data-theme="light"] .faq { background: #fff; border-color: var(--lt-line); }
:root[data-theme="light"] kbd { background: #fff; border-color: var(--lt-line-2); color: var(--lt-text); }
:root[data-theme="light"] .np-start { background: #fff; border-color: var(--lt-line); }
:root[data-theme="light"] .np-start[aria-checked="true"] { background: rgba(109,74,255,0.07); border-color: rgba(109,74,255,0.5); }
:root[data-theme="light"] .np-ic { border-color: rgba(109,74,255,0.3); color: var(--lt-accent); }
:root[data-theme="light"] .ui-field input,
:root[data-theme="light"] .ui-field textarea,
:root[data-theme="light"] .pg-build .wz-input,
:root[data-theme="light"] .field input {
  background: #fff;
  border: 1px solid var(--lt-line-2);
  color: var(--lt-text);
}
:root[data-theme="light"] .ui-field input:focus,
:root[data-theme="light"] .ui-field textarea:focus,
:root[data-theme="light"] .pg-build .wz-input:focus,
:root[data-theme="light"] .field input:focus { border-color: rgba(109,74,255,0.6); box-shadow: 0 0 0 4px rgba(109,74,255,0.10); }
:root[data-theme="light"] .ui-field input[readonly] { color: var(--lt-soft); background: rgba(255,255,255,0.6); }
:root[data-theme="light"] .ui-error { color: var(--lt-red); }
:root[data-theme="light"] .ui-btn.danger { background: var(--lt-red-bg); border-color: var(--lt-red-line); color: var(--lt-red); }
:root[data-theme="light"] .ui-switch { background: rgba(23,20,43,0.10); border-color: var(--lt-line); }
:root[data-theme="light"] .ui-switch[aria-checked="true"] { background: var(--gradient-accent); }
:root[data-theme="light"] .ui-seg { background: rgba(255,255,255,0.8); border-color: var(--lt-line); }
:root[data-theme="light"] .ui-seg button { color: var(--lt-mid); }
:root[data-theme="light"] .ui-toast { background: #fff; border-color: var(--lt-line); color: var(--lt-text); box-shadow: 0 14px 40px rgba(40,28,100,0.15); }

/* ── Внутренние страницы ── */
:root[data-theme="light"] .c-ic { background: rgba(109,74,255,0.06); border-color: rgba(109,74,255,0.25); color: var(--lt-accent); }
:root[data-theme="light"] .course-card:hover,
:root[data-theme="light"] .task-card:hover { border-color: rgba(109,74,255,0.35); }
:root[data-theme="light"] .course-card[aria-pressed="true"] { border-color: rgba(109,74,255,0.55); box-shadow: 0 0 0 1px rgba(109,74,255,0.25), 0 20px 44px rgba(109,74,255,0.16); }
:root[data-theme="light"] .course-card .cc-desc,
:root[data-theme="light"] .task-card p,
:root[data-theme="light"] .tc-course,
:root[data-theme="light"] .task-facts,
:root[data-theme="light"] .level p { color: var(--lt-mid); }
:root[data-theme="light"] .course-card .cc-count,
:root[data-theme="light"] .tc-bottom,
:root[data-theme="light"] .lessons-head p,
:root[data-theme="light"] .l-side,
:root[data-theme="light"] .cert span span,
:root[data-theme="light"] .badge-card span,
:root[data-theme="light"] .chart-x span,
:root[data-theme="light"] .chart-grid b,
:root[data-theme="light"] .chart-sum div,
:root[data-theme="light"] .ring-in span,
:root[data-theme="light"] .set-sec > p,
:root[data-theme="light"] .set-row span span,
:root[data-theme="light"] .set-hint,
:root[data-theme="light"] .plan-price small,
:root[data-theme="light"] .pg-build .wz-step,
:root[data-theme="light"] .pg-build .wz-hint,
:root[data-theme="light"] .empty { color: var(--lt-soft); }
:root[data-theme="light"] .tc-points,
:root[data-theme="light"] .lesson.current .l-side { color: var(--lt-accent); }
:root[data-theme="light"] .tc-due.late { color: var(--lt-red); }
:root[data-theme="light"] .lesson-points li svg { color: var(--lt-accent); }
:root[data-theme="light"] .l-num { border-color: var(--lt-line-2); color: var(--lt-mid); }
:root[data-theme="light"] .lesson.done .l-num { background: var(--lt-green-bg); border-color: var(--lt-green-line); color: var(--lt-green); }
:root[data-theme="light"] .crit li { background: #fff; border-color: var(--lt-line); }
:root[data-theme="light"] .crit li i { border-color: var(--lt-line-2); }
:root[data-theme="light"] .crit li.ok i { background: var(--lt-green-bg); border-color: var(--lt-green-line); color: var(--lt-green); }
:root[data-theme="light"] .filters button em { color: inherit; }

/* Прогресс */
:root[data-theme="light"] .chart-plot { border-bottom-color: var(--lt-line-2); }
:root[data-theme="light"] .chart-grid i { border-top-color: var(--lt-line); }
:root[data-theme="light"] .bar { background: linear-gradient(180deg, #a78bfa, #6d4aff); }
:root[data-theme="light"] .bar.top { background: linear-gradient(180deg, #8b6cff, #4c2fd6); box-shadow: 0 0 18px rgba(109,74,255,0.35); }
:root[data-theme="light"] .chart-tip { background: #fff; border-color: var(--lt-line); color: var(--lt-text); box-shadow: 0 10px 24px rgba(40,28,100,0.12); }
:root[data-theme="light"] .chart-sum b { color: var(--lt-text); }
:root[data-theme="light"] .ring .track { stroke: rgba(23,20,43,0.08); }
:root[data-theme="light"] .cert + .cert { border-top-color: var(--lt-line); }
:root[data-theme="light"] .badge-card { background: rgba(255,255,255,0.8); border-color: var(--lt-line); box-shadow: 0 8px 22px rgba(58,40,140,0.06); }
:root[data-theme="light"] .badge-card .b-ic { background: radial-gradient(circle at 50% 35%, rgba(139,92,246,0.22), rgba(109,74,255,0.05)); border-color: rgba(109,74,255,0.35); color: var(--lt-accent); box-shadow: 0 0 20px rgba(109,74,255,0.18); }
:root[data-theme="light"] .badge-card.off .b-ic { background: rgba(23,20,43,0.03); border-color: var(--lt-line-2); color: var(--lt-soft); box-shadow: none; }

/* Настройки */
:root[data-theme="light"] .set-nav a { color: var(--lt-mid); }
:root[data-theme="light"] .set-nav a:hover { background: var(--lt-hover); color: var(--lt-text); }
:root[data-theme="light"] .set-nav a.on { background: rgba(109,74,255,0.10); color: var(--lt-accent); box-shadow: inset 0 0 0 1px rgba(109,74,255,0.3); }
:root[data-theme="light"] .set-row + .set-row { border-top-color: var(--lt-line); }

/* Мастер ИИ */
:root[data-theme="light"] .pg-build .wz-bar i { background: rgba(23,20,43,0.08); }
:root[data-theme="light"] .pg-build .wz-bar i b { background: linear-gradient(90deg, #7c5cff, #a78bfa); }
:root[data-theme="light"] .pg-build .plan-file { border-bottom-color: var(--lt-line); }
:root[data-theme="light"] .pg-build .plan-icon { background: #fff; border-color: var(--lt-line-2); }
:root[data-theme="light"] .pg-build .wz-publish { background: rgba(109,74,255,0.06); border-color: rgba(109,74,255,0.25); }
:root[data-theme="light"] .pg-build .wz-summary { background: #fff; border-color: var(--lt-line); color: var(--lt-mid); }

/* Вход */
:root[data-theme="light"] .auth-sub,
:root[data-theme="light"] .field label,
:root[data-theme="light"] .auth-back { color: var(--lt-mid); }
:root[data-theme="light"] .auth-demo { background: rgba(109,74,255,0.07); border-color: rgba(109,74,255,0.25); color: var(--lt-accent); }
:root[data-theme="light"] .auth-card .pill { background: #fff; border-color: var(--lt-line-2); color: var(--lt-text); }

/* Редактор: панели интерфейса светлые, сам код остаётся на тёмной подложке CodeMirror */
:root[data-theme="light"] .ide-top,
:root[data-theme="light"] .ide-tabs { background: rgba(255,255,255,0.75); border-bottom-color: var(--lt-line); box-shadow: none; }
:root[data-theme="light"] .pane-files { background: rgba(255,255,255,0.55); border-right-color: var(--lt-line); }
:root[data-theme="light"] .pane-code { border-right-color: var(--lt-line); }
:root[data-theme="light"] .file-item { color: var(--lt-text); }
:root[data-theme="light"] .file-item:hover { background: var(--lt-hover); }
:root[data-theme="light"] .file-item[aria-current="true"] { background: rgba(109,74,255,0.10); border-color: rgba(109,74,255,0.35); color: var(--lt-accent); }
:root[data-theme="light"] .symbols { background: rgba(255,255,255,0.7); border-top-color: var(--lt-line); }
:root[data-theme="light"] .symbols button { background: #fff; border-color: var(--lt-line-2); color: var(--lt-text); }
:root[data-theme="light"] .lesson.current .l-num { background: var(--gradient-accent); border-color: transparent; color: #fff; }

/* Нижнее меню на телефоне: белая подложка, чтобы текст страницы не просвечивал */
@media (max-width: 680px) {
  :root[data-theme="light"] .rail {
    background: var(--lt-card), rgba(244, 242, 251, 0.96);
    border-top-color: var(--lt-line);
    box-shadow: 0 -10px 30px rgba(58, 40, 140, 0.10);
  }
}

/* Пустые состояния и подсказки на светлой теме */
:root[data-theme="light"] .panel-empty,
:root[data-theme="light"] .nt-empty { color: var(--lt-mid); }
:root[data-theme="light"] .panel-empty svg,
:root[data-theme="light"] .nt-empty svg { color: var(--lt-soft); }
:root[data-theme="light"] .panel-empty b { color: var(--lt-text); }
:root[data-theme="light"] a.rec:hover { background: var(--lt-hover); }

/* ── Страница урока на светлой теме ── */
:root[data-theme="light"] .lesson-meta,
:root[data-theme="light"] .lesson-head p,
:root[data-theme="light"] .lesson-block > h2,
:root[data-theme="light"] .example-explain,
:root[data-theme="light"] .quiz-explain,
:root[data-theme="light"] .quiz-score,
:root[data-theme="light"] .lesson-note p { color: var(--lt-mid); }
:root[data-theme="light"] .md p,
:root[data-theme="light"] .md-h,
:root[data-theme="light"] .md-quote,
:root[data-theme="light"] .md-list li { color: var(--lt-text); }
:root[data-theme="light"] .md code { background: rgba(109,74,255,0.10); color: var(--lt-accent); }
:root[data-theme="light"] .md-code { background: #FBFAFF; border-color: var(--lt-line-2); color: #241f3d; }
:root[data-theme="light"] .md-out { background: rgba(34,197,94,0.08); border-color: var(--lt-green-line); color: #14532d; }
:root[data-theme="light"] .md-out.err { background: rgba(220,38,38,0.06); border-color: rgba(220,38,38,0.3); color: #7f1d1d; }
:root[data-theme="light"] .code-input { background: #FBFAFF; border-color: var(--lt-line-2); color: #241f3d; }
:root[data-theme="light"] .task-note, :root[data-theme="light"] .task-status { color: var(--lt-mid); }
:root[data-theme="light"] .task-status.ok { color: #15803D; }
:root[data-theme="light"] .task-status.no { color: #DC2626; }
:root[data-theme="light"] .md-table th { color: var(--lt-soft); }
:root[data-theme="light"] .md-table th, :root[data-theme="light"] .md-table td { border-bottom-color: var(--lt-line); }
:root[data-theme="light"] .example-label { color: var(--lt-soft); }
:root[data-theme="light"] .quiz-opt { background: #fff; border-color: var(--lt-line-2); }
:root[data-theme="light"] .quiz-opt i { border-color: rgba(23,20,43,0.25); }
:root[data-theme="light"] .quiz-opt[aria-checked="true"] { background: rgba(109,74,255,0.08); }
:root[data-theme="light"] .quiz-opt.right { background: rgba(34,197,94,0.12); }
:root[data-theme="light"] .quiz-opt.wrong { background: rgba(239,68,68,0.10); }
:root[data-theme="light"] .quiz-explain.ok b { color: var(--lt-green); }
:root[data-theme="light"] .quiz-explain.no b { color: var(--lt-red); }
:root[data-theme="light"] .quiz-q, :root[data-theme="light"] .task-block { border-bottom-color: var(--lt-line); }
:root[data-theme="light"] .task-block > b { color: var(--lt-accent); }