/* Новый вид кабинета — у всех с 03.10.2026 (выбор Сергея: вариант 1 «как меню айфона»,
   ночью — по настройке телефона). Не подключается только при метке vid=staryy
   (её ставит /static/vid-staryy.html, снимает /static/vid-novyy.html).
   Старые переменные style.css переназначены на новые — так вся остальная
   вёрстка кабинета перекрашивается сама. */
:root {
  --f: #f1f3f5; --k: #ffffff; --t: #111418; --t2: #4b5563; --a: #0a6b4b; --a-t: #ffffff;
  --pill: #e3e7eb; --linia: #eceef1; --ik-fon: #eef3f0;
  --ten: 0 1px 2px rgba(16,24,40,.06), 0 6px 16px rgba(16,24,40,.06);
  --shapka-fon: #ffffff; --shapka-ten: 0 1px 0 #e3e7eb; --logo-filtr: brightness(0);
  --znachok-fon: #c0221a;
  /* старые имена из style.css */
  --fon: var(--f); --fon-karta: var(--k); --tekst: var(--t); --tekst-vtoroy: var(--t2);
  --akcent: var(--a); --akcent-temnee: #075239; --akcent-svetlyy: #9cc9b6;
  --ramka: #d3d8de; --latun: #d3d8de; --latun-svetlaya: #e3e7eb; --latun-temnaya: #374151;
  --skoro-fon: #e3e7eb; --skoro-tekst: #374151;
  --vyhodnoy: #e4e7eb; --vyhodnoy-shapka: #d6dae0; --granica-nedeli: #8b95a1; --schet-fon: #e2efe8;
  --smena: #0a6b4b; --smena-temnee: #075239;
}
@media (prefers-color-scheme: dark) {
  :root {
    --f: #0e1013; --k: #1b1e23; --t: #f3f4f6; --t2: #b9bfc8; --a: #c8f53c; --a-t: #111418;
    --pill: #272b32; --linia: #2a2e35; --ik-fon: #2a2f37;
    --ten: 0 0 0 1px #262a30; --shapka-fon: #0e1013; --shapka-ten: 0 1px 0 #23272d; --logo-filtr: none;
    --znachok-fon: #ff5a52; --znachok-tekst: #111418;
    --akcent-temnee: #a9d42a; --akcent-svetlyy: #5b6b2a;
    --ramka: #3a3f47; --latun: #3a3f47; --latun-svetlaya: #2a2f37; --latun-temnaya: #e5e7eb;
    --skoro-fon: #2a2f37; --skoro-tekst: #e5e7eb;
    --vyhodnoy: #262a31; --vyhodnoy-shapka: #2e333b; --granica-nedeli: #6b7380; --schet-fon: #1d3328;
    --smena: #2f8a63; --smena-temnee: #24704f; --pol: #5a4a1a; --pol-tekst: #f3e3b0;
    color-scheme: dark;
  }
  /* где под акцентом был зашит белый текст — на лаймовом он не читается, делаем тёмным */
  .vkladki--vtoroy .vkladka--akt, .otbor-knopka--akt, .otbor-knopka--akt:hover, .podvkladka--akt,
  .galka--stoit, .den-metka span, .pisalka-otpravit, .setka-sekciya th, .kalendar-kletka--smena,
  .kalendar-kletka--smena * { color: #111418 !important; }
  .vkladka--akt .skoro, .podvkladka--akt .schetchik { background: #111418; color: #c8f53c; }
  /* поля ввода и светлые подложки старого вида */
  .polye input, .polye select, .polye textarea, input, select, textarea { background: #23272d; color: #f3f4f6; border-color: #4b525c; }
  .setka thead th, .setka thead .setka-imya, .setka-imya { background: #23272d; }
  .setka-chislo, .setka-nedelya { color: #b9bfc8; }
  .setka td.nagr, .nagr-obrazec { color: #111418; }
  .knopka:disabled { background: #4b525c; color: #f3f4f6; }
}
/* Общий каркас проб нового вида кабинета (03.10.2026). Цвета — в файлах вариантов. */
body { background: var(--f); color: var(--t); font-size: 18px; font-variant-numeric: tabular-nums; }
a { color: var(--ssylka, var(--a)); }

/* Шапка: тонкая, прилипает сверху; имя, «Пароль» и «Выйти» — в кружке с инициалами */
.shapka { background: var(--shapka-fon); padding: 10px 16px; align-items: center; flex-wrap: nowrap;
  position: sticky; top: 0; z-index: 50; box-shadow: var(--shapka-ten, none); }
.shapka-logo { height: 24px; filter: var(--logo-filtr, none); }
.shapka-sub { display: none; }
.shapka-kto { margin-left: auto; }
.avatar { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  background: var(--avatar-fon, var(--a)); color: var(--avatar-tekst, var(--a-t)); font-weight: 700; font-size: 16px; }
/* Кнопки «Снять фото» / «Из медиатеки»: надпись была прижата к верху (так и в прежнем виде; проверяющий 03.10) */
.knopka--fayl { display: inline-flex !important; align-items: center; justify-content: center; }
/* Плитки «Задачи» (мои рабочие · личные · шефа · менеджеров): на узком экране и крупном шрифте упирались в правый край */
.podvkladka { min-width: 0; padding: 0 14px; border-radius: 14px; justify-content: space-between; }
.podvkladka .schetchik { flex: none; }

/* Вкладки — таблетки по ширине названия, а не сетка одинаковых коробок */
.vkladki { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 12px 16px 4px; background: transparent; border: 0; }
.vkladka { min-height: 46px; padding: 0 16px 0 12px; border: 0; border-radius: 23px; background: var(--pill);
  color: var(--t); font-size: 17px; font-weight: 600; gap: 7px; justify-content: flex-start !important;
  text-align: left !important; grid-column: auto !important; margin: 0 !important; }
.vkladka--domoy::before { content: none; }
.vkladka .ik { font-size: 18px; display: inline-grid; place-items: center; }
/* Значки нарисованы линией (novyy-vid.js) — цвет берут от текста */
.ik svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; display: block; }
.blok .knopka .ik { color: var(--a); }
.blok .knopka .ik svg { width: 22px; height: 22px; }
.blok h2.razdel .ik svg { width: 18px; height: 18px; }
.metka-bloka .ik svg { width: 17px; height: 17px; }
.vkladka--akt { background: var(--akt, var(--a)); color: var(--akt-tekst, var(--a-t)); }
.schet { min-width: 26px; height: 26px; padding: 0 8px; border-radius: 13px; background: var(--znachok-fon, #d92d20);
  color: var(--znachok-tekst, #fff); font-size: 15px; font-weight: 700; display: inline-grid; place-items: center; }
.metka-bloka { width: 100%; font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--metka-cvet, var(--t2)); display: flex; gap: 6px; align-items: center; }

.glavnoe { padding: 12px 16px 96px; }
h1, h2.razdel, h3.razdel { text-transform: none; letter-spacing: -.01em; color: var(--t); border: 0; box-shadow: none; padding-bottom: 0; }
h1 { font-size: 28px; font-weight: 800; }
.privet { font-size: 26px; color: var(--t); font-weight: 800; margin: 8px 0 16px; line-height: 1.2; }
.privet .data { display: block; font-size: 16px; font-weight: 600; color: var(--t2); margin-bottom: 4px; }
.privet .data::first-letter { text-transform: uppercase; }

/* Главная: блок — одна карточка, разделы строками со значком и стрелкой */
.blok { background: var(--k); border-radius: 22px; box-shadow: var(--ten); padding: 4px 0; margin: 0 0 14px; overflow: hidden; }
.blok h2.razdel { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--t2); margin: 12px 18px 4px; }
.blok .knopki-bloka { display: block; }
.blok .knopka { display: flex; width: 100%; min-width: 0; min-height: 58px; justify-content: flex-start; gap: 14px;
  padding: 0 18px; margin: 0; background: transparent; color: var(--t); border: 0; border-top: 1px solid var(--linia);
  border-radius: 0; box-shadow: none; font-size: 18px; font-weight: 600; }
.blok .knopka:first-child { border-top: 0; }
.blok .knopka .ik { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center;
  background: var(--ik-fon); font-size: 20px; flex: none; }
.blok .knopka .imya { flex: 1; }
.blok .strelka { font-size: 28px; color: var(--t2); line-height: 1; }

/* Кнопки и карточки */
.knopka { border-radius: 16px; min-height: 56px; background: var(--a); color: var(--a-t); font-size: 18px; border: 0; }
.knopka--tihaya { background: var(--k); color: var(--t); border: 0; box-shadow: var(--ten); }
.karta { background: var(--k); border: 0; border-radius: 22px; box-shadow: var(--ten); padding: 16px 18px; }
.karta-imya { font-size: 16px; font-weight: 700; color: var(--t2); }
.karta .krupno { font-weight: 800; letter-spacing: -.02em; color: var(--t); margin: 2px 0 6px; }
.karta .podrobno-tekst { margin: 0 0 4px; font-size: 16px; color: var(--t2); }
.karta .pripiska { color: var(--t2); }
.chip { background: var(--pill); color: var(--t2); border-radius: 8px; font-size: 12px; }
/* Цветные плашки — свой цвет сохраняют (общее правило .chip выше их перебивало: «срочно» становилось серым) */
.chip--srochno { background: #fdeaea; color: #8a1010; }
.chip--otlozheno, .chip--zhdet { background: #f5e6be; color: #4a3600; }
.chip--novoe, .chip--sdelano { background: #dfeadd; color: #17532c; }
.knopka:disabled, .knopka:disabled:hover { background: #4b5563; color: #ffffff; }
.nazad { background: var(--nazad-fon, var(--a)); color: var(--nazad-tekst, var(--a-t)); border: 0; box-shadow: 0 6px 20px rgba(0,0,0,.28); }

/* Телефон: разделы — одной строкой, листаются пальцем вбок; на ноутбуке переносятся как обычно */
@media (max-width: 560px) {
  body:not(.na-glavnoy) .vkladki { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 8px;
    -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); }
  body:not(.na-glavnoy) .vkladka { flex: none; white-space: nowrap; }


}
.chislo-celoe { white-space: nowrap; }
.blok .knopki-bloka { margin: 0; gap: 0; }

/* Меню под кружком с инициалами */
.avatar-menyu { position: relative; }
.avatar-menyu > summary { list-style: none; cursor: pointer; }
.avatar-menyu > summary::-webkit-details-marker { display: none; }
.avatar-spisok { position: absolute; right: 0; top: 52px; min-width: 260px; background: var(--k); border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25), 0 0 0 1px var(--linia); padding: 8px 0; z-index: 60; }
.avatar-spisok b { display: block; padding: 10px 18px 8px; color: var(--t2); font-size: 16px; }
.avatar-spisok a { display: block; padding: 14px 18px; color: var(--t); font-size: 18px; font-weight: 600;
  text-decoration: none; border-top: 1px solid var(--linia); }
.shapka-kto { color: var(--t); }
.metka-bloka { width: auto; margin: 14px 16px 0; }

/* Правки по проверяющему интерфейса 03.10: мелкие подписи крупнее, у кнопок видимый край (≥ 3:1 к фону) */
:root { --kray: #8b95a1; }
@media (prefers-color-scheme: dark) { :root { --kray: #6b7380; } }
.chip { font-size: 14px; }
.privet .data { font-size: 17px; }
.blok h2.razdel { font-size: 16px; }
.metka-bloka { font-size: 15px; }
.blok .knopka { font-size: 19px; }
.karta .podrobno-tekst, .pripiska { font-size: 17px; font-weight: 500; }
.knopka--tihaya, .vkladka:not(.vkladka--akt) { box-shadow: none; border: 2px solid var(--kray) !important; }
.blok .knopka { border: 0 !important; border-top: 1px solid var(--linia) !important; }
.blok .knopka:first-child { border-top: 0 !important; }
@media (prefers-color-scheme: dark) {
  .nazad { background: #272b32; color: #f3f4f6; border: 2px solid #c8f53c; }
}

/* ===== Родные мелочи системы телефона (идея Сергея 03.10: «у кого айфон — как в айфоне, у кого андроид — как в андроиде»).
   Расположение, цвета и порядок разделов у всех одинаковые — меняются шрифт, «Назад», форма кнопок, отклик на нажатие. ===== */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: local('Roboto'), url('/static/fonts/roboto-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: local('Roboto'), url('/static/fonts/roboto-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html[data-os="ios"] { --shrift-osnovnoy: -apple-system, "SF Pro Text", system-ui, sans-serif;
  --shrift-zagolovok: -apple-system, "SF Pro Display", system-ui, sans-serif; --shrift-metka: var(--shrift-osnovnoy); }
html[data-os="android"] { --shrift-osnovnoy: Roboto, system-ui, sans-serif; --shrift-zagolovok: Roboto, system-ui, sans-serif;
  --shrift-metka: var(--shrift-osnovnoy); --chip-vybran: #cfe9dc; --chip-vybran-tekst: #06301f; }
@media (prefers-color-scheme: dark) { html[data-os="android"] { --chip-vybran: #3a4a12; --chip-vybran-tekst: #e9fbb5; } }
body, button, input, select, textarea { font-family: var(--shrift-osnovnoy); }
* { -webkit-tap-highlight-color: transparent; }

/* «Назад» — в шапке, всегда на виду (шапка прилипает), вместо плавающей кнопки поверх текста */
.nazad { display: none !important; }
.nazad-verh { display: inline-flex; align-items: center; flex: none; min-height: 46px; margin: 0 4px 0 -6px;
  color: var(--ssylka, var(--a)); text-decoration: none; font-size: 18px; font-weight: 500; }
.nazad-verh svg { fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
html[data-os="android"] .nazad-verh, html[data-os="pk"] .nazad-verh { width: 46px; justify-content: center; border-radius: 50%; color: var(--t); }
html[data-os="android"] .nazad-verh svg, html[data-os="pk"] .nazad-verh svg { width: 26px; height: 26px; }
html[data-os="ios"] .nazad-verh svg { width: 14px; height: 24px; margin-right: 4px; }
.shapka .nazad-verh ~ .shapka-logo { height: 20px; }

/* Айфон: скругления как в «Настройках», нажатие — притухание */
html[data-os="ios"] .blok, html[data-os="ios"] .karta { border-radius: 14px; }
html[data-os="ios"] .knopka { border-radius: 12px; }
html[data-os="ios"] .knopka:active, html[data-os="ios"] .vkladka:active, html[data-os="ios"] .nazad-verh:active { opacity: .55; }
html[data-os="ios"] .blok .knopka:active { opacity: 1; background: var(--linia); }

/* Андроид: кнопки-«пилюли», выбранный раздел — с галочкой на мягкой подложке, подзаголовки цветом, без стрелок, волна от пальца */
html[data-os="android"] .knopka { border-radius: 26px; }
html[data-os="android"] .vkladka { border-radius: 10px; }
html[data-os="android"] .vkladka--akt { background: var(--chip-vybran); color: var(--chip-vybran-tekst); border: 0 !important; }
html[data-os="android"] .vkladka--akt .ik { display: none; }
html[data-os="android"] .vkladka--akt::before { content: "✓"; font-weight: 700; font-size: 18px; }
html[data-os="android"] .blok, html[data-os="android"] .karta { border-radius: 18px; }
html[data-os="android"] .blok h2.razdel { color: var(--ssylka, var(--a)); text-transform: none; letter-spacing: 0; font-size: 17px; }
html[data-os="android"] .blok .strelka { display: none; }
html[data-os="android"] h1, html[data-os="android"] .privet { font-weight: 700; }
.volna-hozyain { position: relative; overflow: hidden; }
.volna { position: absolute; border-radius: 50%; background: currentColor; opacity: .2; transform: scale(0);
  animation: volna .55s ease-out forwards; pointer-events: none; }
@keyframes volna { to { transform: scale(2.4); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .volna { display: none; } }

/* ===== Ночью — подложки, зашитые в style.css светлыми (найдено обходом всех ролей 03.10, контраст был 1,0–1,4:1).
   Светлая подложка под светлым ночным текстом → тёмная; тёмный зашитый текст на тёмной карте → светлый. ===== */
@media (prefers-color-scheme: dark) {
  .otvet-nash, .karta--moyo, .puzyr--moyo, .stol--vybor:has(input:checked), .stol--vybran { background: #1d3328; }
  .otvet-na, .otvet-na--v-lente:hover, .puzyr--chuzhoy, .pisalka-citata, .setka-den, .setka-itog, .menyu-punkt--seychas,
  .zhurnal-sborki { background: #272b32; }
  .menyu-punkt, .perekluchatel, .pole-ssylki, .postanovka .pole, .pole-summy, .pisalka-krug, .pisalka-pole,
  .polye--uzkoe input, .polye--uzkoe select, .koshelek-stroka input { background: #23272d; color: #f3f4f6; }
  .chast:hover, button.kletka:hover, .menyu-punkt:hover, .knopka--tihaya:hover, .otbor-knopka:hover,
  .sobytie-verh:hover, .setka-schet--vyh { background: #2e333b; }
  .chast--akt { background: #2e333b; color: #f3f4f6; }
  .dopushchenie, .produkty-poziciya--pora { background: #2e2a1c; color: #f3e3b0; }
  .tablica-postavshchikov .stroka-vnimanie td { background: #4a3a12; color: #fbefc8; }
  .otvet-na-metka, .menyu-punkt--seychas::after { color: #b9bfc8; }
  .karta--novoe, .karta--sdelano, .karta--moyo, .imya-fayla--est { color: #8fd9b0; }
  .pravka-davno, .oklad-metka { color: #f3d27a; }
  .puzyr-deystvie--ubrat, .puzyr-deystvie--ubrat:hover { color: #ff8a80; }
  .setka-itog, .setka-schet:not(.nagr), .setka-itog *, .setka-schet:not(.nagr) * { color: #f3f4f6; }
  /* цветные плашки и сообщения — приглушённая подложка, светлый текст своего цвета */
  .chip--srochno, .oshibka, .pisalka-status--oshibka, .stop-taymer { background: #3d1a1a; color: #ffb4ab; }
  .chip--otlozheno, .chip--zhdet, .zhdet-vnimaniya, .pisalka-status--chernovik { background: #3a3012; color: #f3d27a; }
  .chip--novoe, .chip--sdelano, .udacha, .pisalka-status--ok { background: #1d3328; color: #8fd9b0; }
  .pisalka-status { background: #272b32; color: #f3f4f6; }
}
@media (prefers-color-scheme: dark) {
  /* табель: клетка «был» — белый на зелёном ≥ 4,5:1; цифры нагрузки без цветной подложки — светлые */
  :root { --smena: #24704f; --smena-temnee: #1d5c41; }
  .setka td.nagr:not(.nagr--zel):not(.nagr--zhel):not(.nagr--kras) { color: #f3f4f6; }
  /* «Мои смены»: смена в плане — синяя клетка, числа белые (тёмные давали 2,7:1); отработанная — лайм, числа тёмные */
  .kalendar-kletka--smena.kalendar-kletka--plan, .kalendar-kletka--smena.kalendar-kletka--plan * { color: #ffffff !important; }
}