/* Входящие — Telegram Mini App. Все стили тут: на странице нет ни <style>, ни style="...". */

/* ---------- Цвета: тема «Закат» ----------
   Своя тёплая палитра вместо синих цветов Telegram. Светлая или тёмная — по теме
   Telegram (app.js ставит на <html> класс tema-svetlaya / tema-temnaya), без него —
   по настройке телефона. Выходные — мягкий оранжевый, как «светло-оранжевый 3»
   в Google Таблицах (#fce5cd). */
:root {
  --bg: #fbf2ea;
  --bg-ploskij: #fff9f4;
  --karta: #ffffff;
  --tekst: #3a2621;
  --podskazka: #9a7b71;
  --ssylka: #c9552f;
  --akcent: #d65f3c;
  --akcent-tekst: #ffffff;
  --krasnyj: #c8413b;
  --ogon: #e8890c;
  --liniya: rgba(150, 95, 70, 0.18);
  --plashka: rgba(214, 95, 60, 0.11);
  --krasnyj-fon: rgba(200, 65, 59, 0.11);
  --vyhodnoj-fon: #fce5cd;
  --vyhodnoj-tekst: #b8561f;
  --ten: rgba(120, 60, 30, 0.12);
  --zakat: linear-gradient(90deg, #f6b26b 0%, #ee8a5b 38%, #d9636a 70%, #a65d8c 100%);
  --panel-vysota: 56px;
  --niz: env(safe-area-inset-bottom, 0px);
}

@media (prefers-color-scheme: dark) {
  :root:not(.tema-svetlaya) {
    --bg: #1c1618;
    --bg-ploskij: #221a1d;
    --karta: #2b2024;
    --tekst: #f6ebe4;
    --podskazka: #b39890;
    --ssylka: #ffaa80;
    --akcent: #f28c5f;
    --akcent-tekst: #2a140b;
    --krasnyj: #ff7b6e;
    --ogon: #ffb24d;
    --liniya: rgba(255, 215, 190, 0.12);
    --plashka: rgba(242, 140, 95, 0.15);
    --krasnyj-fon: rgba(255, 123, 110, 0.13);
    --vyhodnoj-fon: rgba(246, 160, 90, 0.2);
    --vyhodnoj-tekst: #f9cb9c;
    --ten: rgba(0, 0, 0, 0.35);
  }
}

:root.tema-temnaya {
  --bg: #1c1618;
  --bg-ploskij: #221a1d;
  --karta: #2b2024;
  --tekst: #f6ebe4;
  --podskazka: #b39890;
  --ssylka: #ffaa80;
  --akcent: #f28c5f;
  --akcent-tekst: #2a140b;
  --krasnyj: #ff7b6e;
  --ogon: #ffb24d;
  --liniya: rgba(255, 215, 190, 0.12);
  --plashka: rgba(242, 140, 95, 0.15);
  --krasnyj-fon: rgba(255, 123, 110, 0.13);
  --vyhodnoj-fon: rgba(246, 160, 90, 0.2);
  --vyhodnoj-tekst: #f9cb9c;
  --ten: rgba(0, 0, 0, 0.35);
}

/* ---------- Основа ---------- */
* { box-sizing: border-box; }

[hidden] { display: none !important; }

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  background: var(--bg);
  color: var(--tekst);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  padding-bottom: calc(var(--panel-vysota) + var(--niz) + 104px);
}

body.shtorka-otkryta { overflow: hidden; }

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  touch-action: manipulation;
}

button:disabled { cursor: default; }

h1, h2, h3, p, ul { margin: 0; }

:focus-visible {
  outline: 2px solid var(--akcent);
  outline-offset: 2px;
}

.ekran {
  max-width: 640px;
  margin: 0 auto;
  padding: 12px 16px 0;
  min-width: 0;
}

.zagruzka {
  text-align: center;
  color: var(--podskazka);
  padding: 72px 0;
}

/* ---------- Шапка экрана ---------- */
.shapka { padding: 4px 0 12px; }

.shapka-ryad {
  display: flex;
  align-items: center;
  gap: 8px;
}

.shapka-zagolovok {
  font-size: 28px;
  line-height: 1.15;
  font-weight: 700;
  overflow-wrap: anywhere;
}

/* закатная полоска под заголовком экрана */
.shapka-zagolovok::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  margin-top: 8px;
  border-radius: 2px;
  background: var(--zakat);
}

.shapka-pod {
  margin-top: 2px;
  font-size: 15px;
  color: var(--podskazka);
}

.nazad {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px 0 0;
  margin-bottom: 4px;
  color: var(--ssylka);
  font-size: 16px;
  font-weight: 600;
}

/* ---------- Блоки (разделы) ---------- */
.razdel { margin: 0 0 18px; }

.razdel-shapka {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 0 2px;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
}

.razdel-schet {
  font-size: 15px;
  font-weight: 600;
  color: var(--podskazka);
}

.razdel-fokus .razdel-shapka { color: var(--akcent); }
.razdel-hvosty .razdel-shapka { color: var(--krasnyj); }
.razdel-fokus .razdel-schet { color: var(--akcent); opacity: 0.8; }
.razdel-hvosty .razdel-schet { color: var(--krasnyj); opacity: 0.8; }

.razdel-knopka .razdel-nazvanie { flex: 1; min-width: 0; }

.strelka {
  flex: none;
  font-size: 22px;
  line-height: 1;
  color: var(--podskazka);
  transition: transform 0.15s ease;
}

.strelka.vniz { transform: rotate(90deg); }

.pusto-blok {
  padding: 8px 2px 4px;
  font-size: 14px;
  color: var(--podskazka);
}

/* ---------- Карточка шага ---------- */
.shag {
  position: relative;
  display: flex;
  align-items: stretch;
  margin-bottom: 8px;
  background: var(--karta);
  border: 1.5px solid transparent;
  border-radius: 14px;
  overflow: hidden;
  transition: opacity 0.15s ease;
}

.shag-vazhno { box-shadow: inset 4px 0 0 var(--ogon); }
.razdel-fokus .shag { border-color: var(--akcent); }
.shag-uhodit { opacity: 0.45; }

.galka {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  min-height: 56px;
}

.galka-kruzhok {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 2px solid var(--podskazka);
  border-radius: 50%;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  color: transparent;
  transition: background 0.12s ease, border-color 0.12s ease;
}

.galka-kruzhok.vkl {
  background: var(--akcent);
  border-color: var(--akcent);
  color: var(--akcent-tekst);
}

.shag-telo {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 56px;
  padding: 10px 14px 10px 0;
  text-align: left;
  cursor: pointer;
}

.shag-tekst {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  overflow-wrap: anywhere;
  font-size: 16px;
  line-height: 1.35;
}

.shag-zakryto .shag-tekst {
  color: var(--podskazka);
  text-decoration: line-through;
}

.shag-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  font-size: 13px;
  color: var(--podskazka);
}

.fishka-proekta {
  padding: 1px 8px;
  border-radius: 8px;
  background: var(--plashka);
  font-size: 12px;
  color: var(--tekst);
}

.data-hvost {
  font-weight: 700;
  color: var(--krasnyj);
}

.data-segodnya {
  font-weight: 600;
  color: var(--tekst);
}

/* ---------- Ссылка и подвал ---------- */
.ssylka-knopka {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  font-size: 16px;
  font-weight: 600;
  color: var(--ssylka);
}

.podval {
  padding: 16px 0 4px;
  text-align: center;
  font-size: 12px;
  color: var(--podskazka);
}

.syrye {
  margin-bottom: 4px;
  padding: 10px 14px;
  background: var(--karta);
  border-radius: 12px;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 13px;
  line-height: 1.45;
  color: var(--podskazka);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.pusto {
  padding: 56px 16px;
  text-align: center;
  color: var(--podskazka);
}

.pusto-zagolovok {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  color: var(--tekst);
}

.pusto .knopka { margin-top: 16px; }

/* ---------- Неделя ---------- */
.polosa {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px 3px;
  margin: 0 0 16px;
}

.polosa-den-nedeli {
  padding: 2px 0;
  text-align: center;
  font-size: 12px;
  color: var(--podskazka);
}

.polosa-den-nedeli.vyhodnoj { color: var(--vyhodnoj-tekst); font-weight: 600; }

.den-knopka {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 44px;
  min-height: 60px;
  padding: 4px 0;
  border-radius: 12px;
}

.den-knopka.vyhodnoj { background: var(--vyhodnoj-fon); }
.den-knopka.proshlo { opacity: 0.4; min-height: 44px; }
.den-knopka.proshlo .den-chislo { font-weight: 500; }

.den-nedeli {
  font-size: 12px;
  color: var(--podskazka);
}

.den-chislo {
  font-size: 17px;
  font-weight: 700;
}

.den-knopka.segodnya { background: var(--plashka); box-shadow: inset 0 0 0 2px var(--akcent); }
.den-knopka.segodnya .den-chislo { color: var(--akcent); }

.den-kruzhok {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 12px;
  background: var(--akcent);
  color: var(--akcent-tekst);
  font-size: 13px;
  font-weight: 700;
}

.den-kruzhok.pusto-den {
  background: var(--plashka);
  color: var(--podskazka);
  font-weight: 600;
}

.den-kompas {
  position: absolute;
  top: 1px;
  right: 3px;
  font-size: 11px;
  line-height: 1;
}

.den {
  margin-bottom: 14px;
  scroll-margin-top: 16px;
}

.den-zagolovok {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 2px;
  font-size: 17px;
  font-weight: 700;
}

.den-metka {
  font-size: 13px;
  font-weight: 500;
  color: var(--podskazka);
}

.den-hvosty .den-zagolovok { color: var(--krasnyj); }

/* ---------- Развилки и пункты документов ---------- */
.punkt {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
  padding: 12px 14px;
  background: var(--karta);
  border-radius: 14px;
}

.punkt-glavnoe {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.punkt-dop {
  font-size: 14px;
  line-height: 1.35;
  color: var(--podskazka);
  overflow-wrap: anywhere;
}

.punkt-niz {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 2px;
}

.punkt-data {
  font-size: 12px;
  color: var(--podskazka);
}

.bejdzh {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 8px;
  background: var(--plashka);
  font-size: 12px;
  font-weight: 600;
}

.bejdzh-srochno {
  background: var(--krasnyj-fon);
  color: var(--krasnyj);
}

.razvilka-znak { margin-right: 4px; }

.blok-dokumenta { margin-bottom: 18px; }

.blok-dokumenta-zagolovok {
  padding: 4px 2px 8px;
  font-size: 17px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

/* ---------- Переключатель и фишки ---------- */
.perekl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2px;
  margin-bottom: 14px;
  padding: 3px;
  background: var(--plashka);
  border-radius: 12px;
}

.perekl-knopka {
  min-width: 0;
  min-height: 44px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--podskazka);
}

.perekl-knopka.aktivna {
  background: var(--karta);
  color: var(--tekst);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.fishki {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Фильтры проектов — одна строка, прокручивается вбок (сама страница при этом не ездит) */
.fishki-filtr {
  flex-wrap: nowrap;
  margin: 0 -16px 16px;
  padding: 0 16px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.fishki-filtr::-webkit-scrollbar { display: none; }

.fishki-filtr .fishka {
  flex: none;
  white-space: nowrap;
}

.fishka {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 22px;
  background: var(--plashka);
  font-size: 15px;
}

.fishka.vybrana {
  background: var(--akcent);
  color: var(--akcent-tekst);
}

.fishka-schet {
  font-size: 13px;
  opacity: 0.7;
}

/* ---------- Итог дня ---------- */
.vecher-karta {
  margin-bottom: 8px;
  padding: 12px 14px 10px;
  background: var(--karta);
  border-radius: 14px;
}

.vecher-telo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 44px;
  text-align: left;
  cursor: pointer;
}

.vecher-knopki {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

.vecher-sdelano {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 14px;
  margin-bottom: 6px;
  background: var(--karta);
  border-radius: 12px;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.vecher-sdelano-znak {
  flex: none;
  color: var(--akcent);
  font-weight: 700;
}

/* ---------- Кнопки ---------- */
.knopka {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 12px;
  background: var(--plashka);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.knopka-glavnaya {
  background: var(--akcent);
  color: var(--akcent-tekst);
}

.knopka-opasnaya { color: var(--krasnyj); }

.knopka-malaya {
  min-height: 44px;
  padding: 0 6px;
  font-size: 14px;
}

.knopka-bolshaya {
  width: 100%;
  min-height: 54px;
  margin-bottom: 14px;
  font-size: 17px;
}

.knopka-shirokaya { grid-column: 1 / -1; }

.knopka-vkl {
  box-shadow: inset 0 0 0 2px var(--akcent);
  color: var(--akcent);
}

.knopka-vkl-ogon {
  box-shadow: inset 0 0 0 2px var(--ogon);
  color: var(--ogon);
}

.knopka:disabled,
.fishka:disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* ---------- Кнопка ＋ ---------- */
.plus {
  position: fixed;
  right: 16px;
  bottom: calc(var(--panel-vysota) + var(--niz) + 16px);
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--akcent);
  color: var(--akcent-tekst);
  font-size: 30px;
  line-height: 1;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

/* ---------- Нижняя панель вкладок ---------- */
.panel {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-bottom: var(--niz);
  background: var(--bg-ploskij);
  border-top: 1px solid var(--liniya);
}

.vkladka {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: var(--panel-vysota);
  font-size: 12px;
  color: var(--podskazka);
}

.vkladka-znachok {
  font-size: 21px;
  line-height: 1.1;
  filter: grayscale(1);
  opacity: 0.65;
}

.vkladka.aktivna {
  font-weight: 700;
  color: var(--akcent);
}

.vkladka.aktivna .vkladka-znachok {
  filter: none;
  opacity: 1;
}

/* ---------- Всплывающие сообщения ---------- */
.toasty {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(var(--panel-vysota) + var(--niz) + 88px);
  z-index: 70;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  pointer-events: none;
}

.toast {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 4px 6px 4px 16px;
  min-height: 48px;
  border-radius: 14px;
  background: rgba(46, 30, 33, 0.96);
  color: #fff4ec;
  font-size: 15px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  pointer-events: auto;
}

.toast-oshibka { background: rgba(168, 52, 40, 0.97); }

/* Пока открыта шторка, сообщения уходят наверх, чтобы не закрывать её кнопки */
body.shtorka-otkryta .toasty {
  top: calc(12px + env(safe-area-inset-top, 0px));
  bottom: auto;
}

.toast-tekst { overflow-wrap: anywhere; }

.toast-knopka {
  flex: none;
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 10px;
  font-weight: 700;
  color: #ffb38a;
}

.toast-oshibka .toast-knopka { color: #ffffff; text-decoration: underline; }

/* ---------- Нижняя шторка ---------- */
.shtorka-fon {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}

.shtorka-fon.otkryta {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease;
}

.shtorka {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  max-width: 640px;
  max-height: 90vh;
  max-height: 90dvh;
  margin: 0 auto;
  background: var(--bg-ploskij);
  border-radius: 18px 18px 0 0;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.22);
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.25s ease, visibility 0s linear 0.25s;
}

.shtorka.otkryta {
  transform: translateY(0);
  visibility: visible;
  transition: transform 0.25s ease;
}

.shtorka.tyanu { transition: none; }

.shtorka-ruchka {
  display: flex;
  flex: none;
  justify-content: center;
  padding: 10px 0 2px;
  touch-action: none;
}

.shtorka-polosa {
  width: 40px;
  height: 5px;
  border-radius: 3px;
  background: rgba(127, 127, 127, 0.5);
}

.shtorka-shapka {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 8px 0 16px;
  touch-action: none;
}

.shtorka-zagolovok {
  font-size: 20px;
  font-weight: 700;
}

.shtorka-zakryt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 20px;
  color: var(--podskazka);
}

.shtorka-telo {
  flex: 1;
  min-height: 0;
  padding: 4px 16px calc(20px + var(--niz));
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.sh-tekst {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.4;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.sh-status {
  display: inline-block;
  margin-bottom: 8px;
  padding: 2px 10px;
  border-radius: 8px;
  background: var(--plashka);
  font-size: 13px;
  font-weight: 600;
}

.sh-sved {
  margin-top: 8px;
  font-size: 14px;
  color: var(--podskazka);
  overflow-wrap: anywhere;
}

.sh-sved-metka { font-weight: 600; }

.sh-prochee {
  margin-top: 4px;
  padding-left: 20px;
  font-size: 14px;
  color: var(--tekst);
  overflow-wrap: anywhere;
}

.sh-knopki {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0;
}

.sh-knopki .knopka {
  padding: 8px 10px;
  font-size: 15px;
  line-height: 1.2;
}

.sh-gruppa { margin: 14px 0; }

.sh-podpis {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--podskazka);
}

.sh-data-stroka {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.sh-data-stroka .pole { flex: 1; min-width: 0; }

.sh-ryad-knopok {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

/* ---------- Поля ввода ---------- */
.pole {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  background: var(--karta);
  color: var(--tekst);
  border: 1.5px solid var(--liniya);
  border-radius: 12px;
  font: inherit;
  font-size: 16px;
  line-height: 1.35;
}

textarea.pole {
  resize: none;
  min-height: 104px;
}

.pole:focus {
  outline: none;
  border-color: var(--akcent);
}

.schetchik {
  margin: 4px 2px 0;
  text-align: right;
  font-size: 12px;
  color: var(--podskazka);
}

.schetchik.mnogo { color: var(--krasnyj); }

.vybrannaya-data {
  margin-top: 8px;
  font-size: 14px;
  color: var(--podskazka);
}

/* ---------- Экран «нет доступа» ---------- */
.net-dostupa {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  background: var(--bg-ploskij);
  text-align: center;
}

.net-dostupa-znachok { font-size: 56px; line-height: 1; }
.net-dostupa-zagolovok { font-size: 26px; font-weight: 700; }
.net-dostupa-tekst { max-width: 320px; font-size: 17px; color: var(--podskazka); }

/* ---------- Меньше движения, если так настроено в телефоне ---------- */
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* выходные в списке недели — тем же мягким оранжевым, что и в сетке */
.den-vyhodnoj .den-zagolovok { color: var(--vyhodnoj-tekst); }