/* Коммутатор · светлая тема. Один файл, только под html[data-theme="light"].
   Цвета статусов, плашек и бейджей (--sem-*, --op-status-*, zel/zhelt/krasn)
   не меняются; затемнён только текст --ok/--warn/--bad/--acc, чтобы читался на белом. */

/* 1. Токены E3 (e3/day/agents/karina tokens.css, bank.html) */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#F5F6F8; --side:#ECEEF2; --s1:#FFFFFF; --s2:#F1F3F6; --s3:#FFFFFF; --s4:#E9ECF1; --well:#F7F8FA;
  --t1:#14171C; --t2:rgb(20 23 28/.62); --t3:#5B6470; --t4:#5B6470;
  --line:rgb(20 23 28/.09); --line2:rgb(20 23 28/.15); --line3:rgb(20 23 28/.24);
  --hl:inset 0 0 0 0 transparent;
  --acc:#2F62C4; --acc-h:#2756AE; --acc-p:#244F9F; --acc-ink:#FFFFFF;
  --acc-soft:rgb(47 98 196/.10); --ring:rgb(47 98 196/.45);
  --ok:#1E7A4C; --warn:#8A5B00; --bad:#B8372B;
  --sh-float:0 16px 40px -12px rgb(20 23 28/.22),0 2px 8px rgb(20 23 28/.10);
  --sh-btn:0 1px 2px rgb(20 23 28/.12);

  /* 2. Старая дизайн-система (dizayn.py: --fon/--pov/--tekst + алиасы) */
  --fon:#F5F6F8; --fon-2:#ECEEF2; --pov:#FFFFFF; --pov-2:#F1F3F6;
  --linia:rgb(20 23 28/.12); --linia-2:rgb(20 23 28/.22);
  --tekst:#14171C; --tekst-2:rgb(20 23 28/.66); --tekst-3:rgb(20 23 28/.52);
  --akcent:#2F62C4; --akcent-knopka:#2F62C4; --akcent-fon:rgb(47 98 196/.10); --akcent-kray:rgb(47 98 196/.45);
  --zel:#3c634b; --zel-fon:#e2eade; --zhelt:#785b29; --zhelt-fon:#f2e8d4; --krasn:#983e3a; --krasn-fon:#f2e1de;
  --paper:var(--fon); --surface:var(--pov); --surface-soft:var(--fon-2);
  --ink:var(--tekst); --ink-soft:var(--tekst-2); --ink-quiet:var(--tekst-3); --muted:var(--tekst-2);
  --card:var(--pov); --line-strong:var(--linia-2);
  --accent:var(--akcent); --accent-soft:var(--akcent-fon);
  --critical:var(--krasn); --critical-soft:var(--krasn-fon);
  --watch:var(--zhelt); --watch-soft:var(--zhelt-fon); --warn-soft:var(--zhelt-fon);
  --decision:var(--zhelt); --decision-soft:var(--zhelt-fon);
  --ten:0 2px 6px rgb(0 0 0/.08);
  --border:rgb(20 23 28/.14);
}
/* --line у dizayn = --linia, у E3 = своя альфа: оба тёмные, конфликта нет. */
html[data-theme="light"] body.task-tables{
  --fon:#F5F6F8; --fon-2:#ECEEF2; --pov:#FFFFFF; --pov-2:#F1F3F6;
  --linia:rgb(20 23 28/.12); --linia-2:rgb(20 23 28/.22);
  --tekst:#14171C; --tekst-2:rgb(20 23 28/.66); --tekst-3:rgb(20 23 28/.52);
  --akcent:#2F62C4; --akcent-fon:rgb(47 98 196/.10);
  color-scheme:light;
}
html[data-theme="light"].task-list,html[data-theme="light"].ruk-ui,html[data-theme="light"].anal-ui{color-scheme:light!important}

/* 3. «Операции» (operacii_view: body.op-svet, --op-*) */
html[data-theme="light"] body.op-svet{
  --op-canvas:#F5F6F8; --op-chrome:#ECEEF2; --op-surface:#FFFFFF; --op-raised:#F1F3F6;
  --op-line:rgb(20 23 28/.16); --op-line-soft:rgb(20 23 28/.09);
  --op-text:#14171C; --op-muted:rgb(20 23 28/.64); --op-faint:rgb(20 23 28/.52);
  --op-accent:#2F62C4; --op-accent-fill:rgb(47 98 196/.12);
}

/* 4. Основа: страница, поля */
html[data-theme="light"],html[data-theme="light"] body{background:var(--bg);color:var(--t1)}
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="light"] select,html[data-theme="light"] textarea{background-color:#FFFFFF;color:#14171C;border-color:rgb(20 23 28/.18)}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:rgb(20 23 28/.45)}

/* 5. Хардкоды компонентов E3 (components.css, upr.css) */
html[data-theme="light"] .upr-bar{background:rgb(245 246 248/.85)}

html[data-theme="light"] .mock{background:rgb(245 246 248/.86)}
html[data-theme="light"] .hero b,html[data-theme="light"] .clock .big{color:var(--t1)}
html[data-theme="light"] .hero b.quiet{color:var(--t4)}
html[data-theme="light"] .track .mk,html[data-theme="light"] .stepper div.c::after{background:#14171C}
html[data-theme="light"] tbody tr.row:hover td,html[data-theme="light"] tbody tr.row:hover td.cl{background:#EEF1F5}
html[data-theme="light"] .nav a:hover,html[data-theme="light"] .chip:hover,html[data-theme="light"] .btn.ghost:hover{background:rgb(20 23 28/.05)}
html[data-theme="light"] .nav a:active,html[data-theme="light"] .btn:hover{background:rgb(20 23 28/.06)}
html[data-theme="light"] .btn:active,html[data-theme="light"] .chip[aria-pressed=true]{background:rgb(20 23 28/.08)}
html[data-theme="light"] ::selection{background:rgb(47 98 196/.22);color:inherit}
/* нейтральный тег — серый, как и был, только светлый */
html[data-theme="light"] .tag:not(.ok):not(.warn):not(.err):not(.bad):not(.acc):not(.blue):not(.green):not(.red):not(.miss){color:#4A5361;background:var(--s2)}

/* 6. Текст цвета статуса прямо на белом (без своей плашки): тот же оттенок, темнее */
html[data-theme="light"]{
  --semd-free:#4A5361; --semd-assigned:#5B3FC4; --semd-working:#2F62C4; --semd-waiting:#8A5B00;
  --semd-closed:#1E7A4C; --semd-urgent:#B3392E; --semd-info:#2F62C4; --semd-person:#A0306E;
}
html[data-theme="light"].k-e3 .why,html[data-theme="light"].k-e3 .tasks .why,
html[data-theme="light"].k-e3 .task-age.old,html[data-theme="light"].k-e3 .task-check-marker,
html[data-theme="light"].k-e3 .crm-refusals h2{color:var(--semd-urgent)}
html[data-theme="light"].k-e3 .task-age.stale,html[data-theme="light"].k-e3 .task-agent-check,
html[data-theme="light"].k-e3 .k2-gipoteza,html[data-theme="light"].k-e3 .task-reminder,
html[data-theme="light"].k-e3 .task-reminder-marker,html[data-theme="light"].k-e3 .crm-column[data-stage=nedozvon] h2,
html[data-theme="light"].k-e3 .department-card[data-section=bankam] h2,
html[data-theme="light"] .warn:not(.tag):not(.sla):not(.chip),html[data-theme="light"] .r3-card-content .warn,html[data-theme="light"] .r3-readonly{color:var(--semd-waiting)}
html[data-theme="light"].k-e3 .department-card[data-section=kurs] h2,
html[data-theme="light"].k-e3 .crm-column[data-stage=mit_proveden] h2,html[data-theme="light"].k-e3 .crm-column[data-stage=pervyi_platezh] h2{color:var(--semd-closed)}
html[data-theme="light"].k-e3 .department-card[data-section=marshrut] h2,html[data-theme="light"].k-e3 .department-card[data-section=obvyazka] h2,
html[data-theme="light"].k-e3 .crm-column[data-stage=v_rabote] h2,html[data-theme="light"].k-e3 .dept-column[data-status=working]>h3,
html[data-theme="light"].k-e3 .st,html[data-theme="light"].k-e3 .tg{color:var(--semd-info)}
html[data-theme="light"].k-e3 .department-card[data-section=onboarding] h2,html[data-theme="light"].k-e3 .crm-column[data-stage=mit_naznachen] h2,
html[data-theme="light"].k-e3 .crm-column[data-stage=onboarding] h2,html[data-theme="light"].k-e3 .dept-column[data-status=assigned]>h3{color:var(--semd-assigned)}
html[data-theme="light"].k-e3 .department-card[data-section=rpg] h2,html[data-theme="light"].k-e3 .task-owner{color:var(--semd-person)}
html[data-theme="light"].k-e3 .crm-column[data-stage=baza] h2,html[data-theme="light"].k-e3 .dept-column[data-status=free]>h3{color:var(--semd-free)}
html[data-theme="light"].k-e3 .st.closed{color:var(--sem-closed)}
/* «наши» карточки и строки: та же жёлтая метка слева, фон — светлый тон того же цвета */
html[data-theme="light"].k-e3 .r-card[data-stream=ours],html[data-theme="light"].k-e3 .moe-table tr.ours,
html[data-theme="light"].k-e3 .dept-task.ours{background:rgb(255 211 138/.22)}
html[data-theme="light"] .r3-card-content button.close{color:#F2FBF5}

html[data-theme="light"] #task-bulk-submit:disabled{color:rgb(255 255 255/.78)}
/* старый выбор «Оформление» на экранах dizayn.py: в светлой теме один переключатель */
html[data-theme="light"] [data-theme-picker]{display:none}

/* Переключатель */
.kt-toggle{position:fixed;right:12px;bottom:12px;z-index:2147483000;width:32px;height:32px;padding:0;
  display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;
  font:16px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  background:rgb(30 34 41/.82);color:#F5F6F8;border:1px solid rgb(255 255 255/.18);
  box-shadow:0 2px 8px rgb(0 0 0/.3);opacity:.72;transition:opacity .12s}
.kt-toggle:hover,.kt-toggle:focus-visible{opacity:1}
.kt-toggle:focus-visible{outline:2px solid #7FA6E8;outline-offset:2px}
html[data-theme="light"] .kt-toggle{background:rgb(255 255 255/.9);color:#14171C;border-color:rgb(20 23 28/.16);box-shadow:0 2px 8px rgb(20 23 28/.14)}
@media print{.kt-toggle{display:none}}

/* Opt-in shell/list surfaces follow the native light palette. */
html[data-theme="light"][data-shell21]{--shell21-ours-bg:rgb(255 245 229);--shell21-row-hover:rgb(238 241 245)}
html[data-theme="light"]{--l22-red:#B8372B;--l22-ours:#8A5B00;--l22-person:#88456F;--l22-incoming:#2F62C4;--l22-working:#5D4DB7}

/* Card r3 aliases consume the native light palette; context CSS is scoped separately. */
html[data-theme="light"].redesign-r3[data-screen="/karta"]{--surface:var(--s1,#fff);--muted:#515b6a;--border:var(--line2,rgb(20 23 28/.15));--accent:var(--acc,#2f62c4)}