/* Z-235 /watch/ light-страница: сутки — вертикаль, неделя — горизонтальный Гант; свой цвет у человека, белый текст ≥ 7:1; safe-area --sa-*. */
:root{--card:#ffffff;--panel:#eef6f8;--hot:#005c73;--ok:#155c2b;--hair:#c9cfd0;--warn-bg:#fff1e0;--warn-ink:#6b3a00;--on-hot:#ffffff;--bad:#a3160e;
  --night:rgba(10,37,64,.10);--hole:#c8281d;--warn-c:#e58a00;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px);
  --sa-l:env(safe-area-inset-left,0px);--sa-r:env(safe-area-inset-right,0px);--shadow:0 -10px 40px rgba(10,37,64,.18);
  --p-sasha:#00566b;--p-ivan:#5e2a84;--p-robert:#8a3606;--p-masha:#8f1b4b;--p-vova:#255417;--hpx:28px;
  --call:#e8b400;--call-hit:#c8281d;--ah:rgba(10,37,64,.13);--z-mix:28%;--z-nap:15%;--z-short:#a3160e;--tip-bg:#0a2540;--tip-ink:#ffffff;--hl:#0a2540}
html[data-theme=dark]{--card:#1d1a17;--panel:#24201c;--hot:#e0ae58;--ok:#8fd49b;--hair:#3d3631;--warn-bg:#3a2410;--warn-ink:#ffd8a8;--on-hot:#131110;--bad:#ff958a;
  --night:rgba(120,150,200,.13);--hole:#ff6b5e;--warn-c:#ffb02e;--shadow:0 -10px 40px rgba(0,0,0,.55);
  --call:#ffd76a;--call-hit:#ff6b5e;--ah:rgba(224,174,88,.16);--z-mix:62%;--z-nap:34%;--z-short:#ff958a;--tip-bg:#f3ece2;--tip-ink:#131110;--hl:#f3ece2}
.page-watch{font-variant-numeric:lining-nums tabular-nums;padding-bottom:calc(24px + var(--sa-b))}
.page-watch [hidden]{display:none!important}
.page-watch a{color:var(--hot)}
.page-watch button,.page-watch a{-webkit-tap-highlight-color:transparent}
.page-watch .bar{box-sizing:border-box;height:calc(var(--header-h) + var(--sa-t));padding-top:var(--sa-t);
  padding-left:max(12px,var(--sa-l));padding-right:max(12px,var(--sa-r))}
.page-watch .wrap{max-width:1180px;padding-left:max(var(--gutter),var(--sa-l));padding-right:max(var(--gutter),var(--sa-r))}
html.sheet-open{overflow:hidden}
html.sheet-open body{overflow:hidden;overscroll-behavior:none}
.theme-btn{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;
  border:1.5px solid var(--ink);background:none;color:var(--ink);cursor:pointer;padding:0}
[data-theme=light] .theme-btn svg{transform:rotate(180deg)}
@media (max-width:420px){.page-watch .bar .ticket--mini{display:none}}

.wt-head{padding-top:14px;padding-bottom:6px}
.wt-head h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.02;margin:0}
.wt-head .lede{margin:8px 0 0;font:400 .95rem/1.45 var(--font-text);color:var(--muted)}
.hd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.hd-meta{margin:0;font-size:.92rem;color:var(--muted)}
.hd-q[open]{flex-basis:100%}
.hd-q>summary{list-style:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--hair);color:var(--muted);font-weight:700;cursor:pointer}
.hd-q>summary::-webkit-details-marker{display:none}
.hd-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}
.hd-a{display:contents}
.hd-b{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--hair);background:var(--card);color:var(--muted);font:600 .86rem var(--font-text);cursor:pointer;white-space:nowrap}
.hd-b.is-warn{color:var(--ink)}
.hd-plan,.vr-rj{display:none}
.wt-head .lede b{color:var(--ink)}
.muted,.nojs{color:var(--muted)}
small{font-size:var(--fs-small);color:var(--muted)}

/* кто вы — как /pantry/ */
.wt-who{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:8px;padding-bottom:4px}
.wt-who>.who-list,.wt-who>p.muted{flex-basis:100%}
.who-next{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;font-size:.98rem}
.who-next b{font:700 1.12rem var(--font-text);color:var(--hot)}
.who-chip{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px 0 6px;border-radius:999px;
  border:1.5px solid var(--hot);background:var(--hot);color:var(--on-hot);font:600 .98rem var(--font-text);cursor:pointer;max-width:100%}
.who-chip.is-set{background:none;color:var(--ink);border-color:var(--hair)}
.wc-ico{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--on-hot);color:var(--hot);font-weight:700}
.who-chip.is-set .wc-ico{background:var(--hot);color:var(--on-hot)}
.wc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin:10px 0 4px}
.who-opt{min-height:52px;padding:0 8px;border-radius:12px;border:1px solid var(--hair);background:var(--card);color:var(--ink);font:600 1rem var(--font-text);cursor:pointer}
.who-opt[aria-checked=true]{background:var(--hot);border-color:var(--hot);color:var(--on-hot)}

/* липкая шапка: варианты, сутки, статус, связь */
.wt-top{position:sticky;top:calc(var(--header-h) + var(--sa-t));z-index:30;background:var(--paper);border-bottom:1px solid var(--hair);margin-top:6px;
  padding:6px max(var(--gutter),var(--sa-r)) 6px max(var(--gutter),var(--sa-l))}
.wt-vars,.wt-tabs,.wt-stat{display:flex;gap:6px;max-width:1180px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.wt-vars::-webkit-scrollbar,.wt-tabs::-webkit-scrollbar{display:none}
.wt-vars{align-items:center;padding-top:6px;padding-bottom:2px}
.vr-l{flex:none;font-weight:600;font-size:.9rem}
.chip{flex:none;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--hair);background:var(--card);color:var(--ink);
  font:500 .92rem var(--font-text);cursor:pointer;white-space:nowrap}
.chip[aria-pressed=true]{background:var(--hot);border-color:var(--hot);color:var(--on-hot);font-weight:600}
.vr.is-base{font-weight:700}
.vr-n{font-size:.78rem;color:inherit;opacity:.8}
.vr-o{flex:none;font-size:.8rem;color:var(--muted);white-space:nowrap}
.vr-lr{margin-left:6px;padding-left:10px;border-left:1px solid var(--hair);font-weight:500;color:var(--muted)}
.chip.is-rej{border-style:dashed;background:transparent;color:var(--muted);font-weight:400}
.chip.is-rej[aria-pressed=true]{background:var(--panel);border-color:var(--ink);color:var(--ink);font-weight:600}
.chip.is-rej .vr-n{opacity:1}
.vx-r{display:inline-block;min-width:2.2em;padding:1px 6px;border-radius:999px;background:var(--panel);font:700 .82rem var(--font-text);color:var(--ink)}
.tab{flex:1 0 44px;display:grid;place-items:center;gap:0;min-height:48px;padding:2px 6px;border-radius:12px;border:1px solid var(--hair);
  background:var(--card);color:var(--ink);font:600 1rem/1 var(--font-text);cursor:pointer}
.tab small{font-size:.74rem;color:inherit;opacity:.85}
.tab-wk{flex:1.6 0 74px;font-size:.92rem}
.tab[aria-selected=true]{background:var(--hot);border-color:var(--hot);color:var(--on-hot)}
.wt-stat{flex-wrap:wrap;align-items:center;margin:0!important}
.wt-stat:empty{display:none}
.st-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;font:600 .9rem var(--font-text);text-decoration:none}
.page-watch .st-chip.is-inbox{background:var(--hot);color:var(--on-hot)}
.net{margin:0 auto;max-width:1180px;display:flex;align-items:center;gap:8px;font-size:.84rem;line-height:1.25}
.net:empty{height:0;padding:0}
.net span{flex:1 1 auto;padding:4px 8px;border-radius:8px;color:var(--warn-ink);background:var(--warn-bg)}
.net.is-queue span,.net.is-none span{background:var(--panel);color:var(--ink)}
.net:not(:empty){padding-top:6px}
.nbtn{flex:none;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--hair);background:var(--card);color:var(--ink);font:600 .85rem var(--font-text);cursor:pointer}
.nbtn[aria-pressed=true]{border-color:var(--hot);color:var(--hot)}
.nbtn-hot{background:var(--hot);border-color:var(--hot);color:var(--on-hot)}
.wt-msg{margin:0 auto;padding-top:6px;font-size:.92rem;font-weight:600}
.wt-msg:empty{padding:0}
.wt-pv{margin-top:10px}
.wt-pv>p{margin:0;padding:10px 12px;border-radius:12px 12px 0 0;background:var(--warn-bg);color:var(--warn-ink);line-height:1.4}
.pv-b{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px 12px;border-radius:0 0 12px 12px;background:var(--warn-bg)}
.pv-b .btn{width:auto;margin:0}

/* предложения */
.wt-inbox{margin-top:12px}
.wt-inbox h2,.wt-sec h2{font-size:1.35rem;margin:0 0 6px}
.wt-inbox h3{font:700 .95rem var(--font-text);margin:10px 0 4px;color:var(--muted)}
.ofs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.of{padding:10px 12px;border-radius:12px;border:1px solid var(--hair);background:var(--card)}
.of.is-in{border-color:var(--hot)}
.of p{margin:0 0 6px;line-height:1.35}
.of-b{display:flex;gap:8px;flex-wrap:wrap}
.of-b .btn{width:auto;margin:0;flex:1 1 120px}

/* Гант (Z-235 UX): ⚠ — янтарный уголок (красный — только дыры и свободные), созвоны — полоска над вахтой, своя строка — подсветка */
.wt-chart{margin-top:10px}
.wt-cap{margin:0 auto 6px;font-size:.9rem;font-weight:600}
.wt-gantt{max-width:1180px;margin:0 auto;padding:0 max(8px,var(--sa-r)) 0 max(8px,var(--sa-l))}
.gt{position:relative;font:600 .74rem/1.1 var(--font-text)}
.gt-bg{position:absolute;pointer-events:none;z-index:0}
.gt-nowl{z-index:6}
.gt-night{position:absolute;background:var(--night)}
.gt-tick{position:absolute;border-left:1px solid var(--hair);opacity:.5}
.gt-tick.is-day{border-left:2px solid var(--ink);opacity:.4}
.gt-now{position:absolute;border-left:2px solid var(--bad)}
.gt-out{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--muted) 18%,transparent) 6px 8px)}
.it-k{flex:none;font-size:.68rem;font-weight:600;opacity:.92;white-space:nowrap}
.gt-lane{position:relative;z-index:1}
.it{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden;
  border-radius:6px;border:0;padding:0 2px;font:inherit;white-space:nowrap;color:#fff;cursor:default}
button.it{cursor:pointer}
.it-l{overflow:hidden;text-overflow:ellipsis}
.it-i{position:absolute;top:1px;left:2px;font-size:.6rem;line-height:1}
.it-w.p-sasha{background:var(--p-sasha)}.it-w.p-ivan{background:var(--p-ivan)}.it-w.p-robert{background:var(--p-robert)}
.it-w.p-masha{background:var(--p-masha)}.it-w.p-vova{background:var(--p-vova)}
.it-w.is-free{background:var(--card);color:var(--ink);border:2px dashed var(--hole)}
.it-w.is-pin{border-bottom:3px solid #ffd76a}
.it-b{background:var(--card)!important;color:var(--ink);border:2px dashed currentColor;font-weight:600}
.it-b.p-sasha{color:var(--p-sasha)}.it-b.p-ivan{color:var(--p-ivan)}.it-b.p-robert{color:var(--p-robert)}.it-b.p-masha{color:var(--p-masha)}.it-b.p-vova{color:var(--p-vova)}
html[data-theme=dark] .it-b{color:var(--ink)!important;border-color:var(--hot)}
.it-z{color:var(--ink);font-weight:500;z-index:0;container-type:inline-size}
@container (max-width:52px){.it-p{display:none}}
@container (max-width:22px){.it-z .it-l{display:none}}
.it-ah::before{content:"⚓";display:none}
.it-w{z-index:1}
.it-z.p-sasha{background:color-mix(in srgb,var(--p-sasha) 16%,var(--paper))}.it-z.p-ivan{background:color-mix(in srgb,var(--p-ivan) 16%,var(--paper))}
.it-z.p-robert{background:color-mix(in srgb,var(--p-robert) 16%,var(--paper))}.it-z.p-masha{background:color-mix(in srgb,var(--p-masha) 16%,var(--paper))}
.it-z.p-vova{background:color-mix(in srgb,var(--p-vova) 16%,var(--paper))}
html[data-theme=dark] .gt-v .it-z{background:color-mix(in srgb,var(--ink) 11%,var(--paper))!important}
.it-z.is-bad{border:2px dashed var(--hole)}
.it-z.is-short,.it-z.is-nap{border:1.5px dotted var(--muted);font-style:italic}
.it-c{z-index:5;border-radius:4px;font-size:.68rem;font-weight:700;color:#131110;border:1px solid #8a6a00;background:#ffd76a}
.it-c::before{content:"📞";flex:none}
.it-c.is-hit{background:repeating-linear-gradient(135deg,#ffd76a 0 4px,var(--hole) 4px 7px);border-color:var(--hole)}
.it-cm{pointer-events:none;z-index:4;border-radius:3px;background:color-mix(in srgb,#ffd76a 30%,transparent)}
.wt-calls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto 6px;font-size:.9rem}
.cl-b{min-height:36px;padding:0 10px;border-radius:999px;border:1px solid var(--hair);background:var(--card);color:var(--ink);font:600 .86rem var(--font-text);cursor:pointer}
.page-watch .cl-b.is-free{color:var(--ok)}
.page-watch .cl-b.is-hit{background:var(--warn-bg);color:var(--warn-ink)}
.sh-call{padding:8px 10px;border-radius:10px;font-weight:600}
.sh-call.is-free{background:var(--panel);color:var(--ok)}
.sh-call.is-hit{background:var(--warn-bg);color:var(--warn-ink)}
.it-v{color:#131110;background:repeating-linear-gradient(45deg,#ffd76a 0 4px,#fff4c8 4px 8px);z-index:4;border-radius:6px}
.it-cov{border-radius:3px;font-weight:700}
.it-cov.is-ok{border-radius:0;background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ink)}
.it-cov.is-hole{background:var(--hole);color:#fff}
.it-cov.is-ah{background:var(--panel);color:var(--ink)}
.gt-row.is-me,.gt-v .gt-lane.is-me{background:color-mix(in srgb,var(--hot) 11%,transparent)}
.gt-v .gt-lane.is-me{border-radius:6px}

/* неделя — горизонталь (UX 2A): строки людей, сон — тихая полоса внизу, созвон — 6 px над вахтой; шкала: дни (клик — сутки), часы, метки ⚓/дыр/«сейчас» */
.gt-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.gt-h{--lab:86px;--hw:11px;--rowh:56px;min-width:calc(var(--lab) + var(--hours) * var(--hw));font-size:13px}
.gt-h .gt-head{display:flex;height:3.9em;position:relative}
.gt-h .gt-head .gt-lab{flex:none;width:var(--lab)}
.gt-h .gt-axis{position:relative;flex:1}
.gt-h .ax-d{position:absolute;top:0;height:100%;box-sizing:border-box;white-space:nowrap;margin:0;padding:2px 0 0 5px;border:0;border-left:2px solid color-mix(in srgb,var(--ink) 40%,transparent);
  background:none;color:var(--ink);font:700 .95em/1 var(--font-text);text-align:left;cursor:pointer;display:flex;align-items:flex-start;width:auto!important}
.gt-h .ax-d:hover{text-decoration:underline}
.gt-h .ax-h{position:absolute;top:1.45em;transform:translateX(-50%);color:var(--muted);font-weight:500;font-size:.85em}
.gt-h .ax-m{position:absolute;top:2.75em;height:1.15em;box-sizing:border-box;display:flex;align-items:center;padding:0 3px;border-radius:3px;font:700 .78em/1 var(--font-text);white-space:nowrap;overflow:visible;z-index:2}
.gt-h .ax-ah{background:var(--ah);color:var(--ink);min-width:2px}
.gt-h .ax-ah.is-end{justify-content:flex-end}
.gt-h .ax-hole{background:var(--hole);color:#fff}
.gt-h .ax-free{width:auto!important;border:1.5px dashed var(--hole);background:var(--card);color:var(--hole);cursor:pointer}
.gt-h .ax-m.is-r2{top:4.15em}.gt-h .gt-head.has-r2{height:5.2em}
.gt-h .ax-now{transform:translateX(-50%);width:auto!important;padding:0 5px;background:var(--bad);color:var(--paper);z-index:3}
.gt-h .gt-ok{display:flex;align-items:flex-end;padding:0 0 3px 4px;box-sizing:border-box;font-size:.8em;font-weight:700;color:var(--ok)}
.gt-h .gt-ok.is-hole{color:var(--hole)}
.gt-h .gt-body{position:relative}
.gt-h .gt-bg{left:var(--lab);right:0;top:0;bottom:0}
.gt-h .gt-night,.gt-h .gt-tick,.gt-h .gt-now,.gt-h .gt-hole{top:0;bottom:0}
.gt-h .gt-nowl{z-index:0}
.gt-hole{position:absolute;background:color-mix(in srgb,var(--hole) 15%,transparent);box-shadow:inset 1.5px 0 var(--hole),inset -1.5px 0 var(--hole)}
.gt-row{display:flex;align-items:stretch;height:var(--rowh);border-top:1px solid var(--hair)}
.gt-row .gt-lab{position:sticky;left:0;z-index:5;flex:none;width:var(--lab);display:flex;align-items:center;padding-left:4px;background:var(--paper);font:700 1em var(--font-text)}
.gt-row.is-me .gt-lab{background:color-mix(in srgb,var(--hot) 11%,var(--paper))}
.gt-lab.is-me{color:var(--hot)}
.gt-h .gt-lane{flex:1}
.gt-h .it{top:12px;bottom:4px}
.gt-h .it-w{flex-direction:column;gap:0;padding:0 1px;border-radius:5px;font-size:1em;font-weight:700;line-height:1.05;container-type:inline-size}
@container (max-width:3.9em){.it-q{display:none}}
.gt-h .it-m{font-size:.72em;font-weight:600;opacity:.92}
.gt-h .it-z{top:auto;bottom:4px;height:15px;border-radius:3px;font-size:.74em;font-weight:600;color:var(--ink)}
.gt-h .it-z .it-p{display:none}
.gt-h .it-z.p-sasha{background:color-mix(in srgb,var(--p-sasha) var(--z-mix),transparent)}.gt-h .it-z.p-ivan{background:color-mix(in srgb,var(--p-ivan) var(--z-mix),transparent)}
.gt-h .it-z.p-robert{background:color-mix(in srgb,var(--p-robert) var(--z-mix),transparent)}.gt-h .it-z.p-masha{background:color-mix(in srgb,var(--p-masha) var(--z-mix),transparent)}
.gt-h .it-z.p-vova{background:color-mix(in srgb,var(--p-vova) var(--z-mix),transparent)}
.gt-h .it-z.is-nap{--z-mix:var(--z-nap);border:0;font-style:normal}
.gt-h .it-z.is-sh{font-weight:800;color:var(--z-short)}
.gt-h .it-b{top:14px;bottom:22px}
.gt-h .it-c{top:3px;bottom:auto;height:6px;min-width:6px;padding:0;border:0;border-radius:2px;background:var(--call);font-size:0}
.gt-h .it-c.is-hit{background:var(--call-hit)}
.gt-h .it-c::before,.gt-h .it-cm{display:none}
.gt-h .it-ah{top:0;bottom:0;border-radius:0;background:var(--ah);z-index:0}
.gt-h .it-ah .it-l{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.gt-h .it-v{top:auto;bottom:1px;height:13px;min-width:12px}
.gt-h .is-past{opacity:.45}
.gt-h .it-w.is-now{outline:2px solid var(--hl);outline-offset:1px;z-index:2}
.gt-h .it-w.is-hov{outline:2px solid var(--hl);outline-offset:1px;z-index:3;opacity:1}
.gt-h .it-w.is-hl{outline:2px dashed var(--hl);outline-offset:1px;z-index:2;opacity:1}
/* ревью 2A (fix3): сон промежутка — один блок, куски внутри, подпись суммой; «5 ч» тихо, < 5 ч — красным; полувахта — «–10» второй строкой; созвон ≥ 12 px, наведение 16 px */
.gt-h .it-zg{background:none!important;overflow:visible;z-index:1;font-size:max(11.5px,.8em);font-weight:700;color:var(--ink)}
.gt-h .it-zg .z-s{position:absolute;top:0;bottom:0;border-radius:3px;background:color-mix(in srgb,var(--c) var(--z-mix),transparent)}
.gt-h .it-zg .it-l{display:block;position:relative;white-space:nowrap;line-height:1}
.gt-h .it-zg.is-n{color:var(--muted);font-weight:500}.gt-h .it-zg.is-sh{color:var(--z-short);font-weight:800}
@container (max-width:7.5em){.it-zb{display:none}}
.gt-h .it-e{font-size:max(11px,.68em);font-weight:600;line-height:1;opacity:.92}
.gt-h .it-m{font-size:max(11.5px,.74em)}
.gt-h .it-c{min-width:12px;overflow:visible}.gt-h .it-c::after{content:"";position:absolute;inset:-5px -2px}
#wt-msg{position:fixed;left:50%;bottom:calc(16px + var(--sa-b,0px));transform:translateX(-50%);z-index:66;width:max-content;max-width:min(560px,calc(100vw - 32px));margin:0;padding:10px 16px;border-radius:10px;
  background:var(--tip-bg);color:var(--tip-ink);box-shadow:0 8px 24px rgba(0,0,0,.25);pointer-events:none}
#wt-msg:empty{display:none}
.lg-rs{margin:10px 0 0}
.wt-tip{position:fixed;z-index:70;max-width:380px;padding:6px 10px;border-radius:8px;background:var(--tip-bg);color:var(--tip-ink);font:600 .86rem/1.35 var(--font-text);pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.wt-tip[hidden]{display:none}

/* сутки — вертикаль: колонки людей, время вниз */
.gt-v{--axw:30px;--cov:36px}
.gt-v .gt-head{position:sticky;top:calc(var(--header-h) + var(--sa-t) + var(--top-h,150px));z-index:6;display:grid;
  grid-template-columns:var(--axw) var(--cov) repeat(5,minmax(0,1fr));gap:2px;padding:4px 0;background:var(--paper);border-bottom:1px solid var(--hair)}
.gt-name,.gt-axl{font:700 .74rem/1.1 var(--font-text);letter-spacing:-.01em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gt-axl{color:var(--muted)}
.gt-name.is-me{color:var(--hot)}
.gt-v .gt-body{position:relative;display:grid;grid-template-columns:var(--axw) var(--cov) repeat(5,minmax(0,1fr));gap:2px;height:calc(var(--hours) * var(--hpx))}
.gt-v .gt-bg{left:var(--axw);right:0;top:0;bottom:0}
.gt-v .gt-night,.gt-v .gt-tick,.gt-v .gt-now{left:0;right:0}
.gt-v .gt-tick{border-left:0;border-top:1px solid var(--hair)}
.gt-v .gt-tick.is-day{border-top:2px solid var(--ink)}
.gt-v .gt-now{border-left:0;border-top:2px solid var(--bad)}
.gt-v .gt-axis{position:relative}
.gt-v .ax-h{position:absolute;right:4px;transform:translateY(-50%);color:var(--muted);font-weight:600}
.gt-v .gt-lane{height:100%;container-type:inline-size}
.gt-v .it{left:2px;right:2px;flex-direction:column;white-space:normal;text-align:center;line-height:1.05}
.gt-v .has-c .it-w,.gt-v .has-c .it-z{right:18px}
.gt-v .it-z{left:0;right:0}
.gt-v .it-b{left:6px;right:6px}
.gt-v .it-c,.gt-v .it-cm{left:auto;right:0;width:16px;min-height:10px;padding:0}
.gt-v .it-c .it-l{display:none}
@container (min-width:150px){.gt-v .has-c .it-w,.gt-v .has-c .it-z{right:84px}.gt-v .it-c,.gt-v .it-cm{width:80px}.gt-v .it-c .it-l{display:block;white-space:nowrap}}
.gt-v .it-v{left:auto;right:0;width:22px;min-height:12px;padding:0}
.gt-v .ln-cov .it-cov{left:0;right:auto;width:14px;font-size:.7rem}
.gt-v .ln-cov .it-w{left:16px;right:0}
.gt-v .it-w{font-size:.82rem}

.wt-legend{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;margin:8px auto 0;font-size:clamp(.84rem,.62vw,1.15rem);color:var(--muted)}
.wt-legend li{display:flex;align-items:center;gap:6px}
.wt-legend i{position:relative;overflow:hidden;display:inline-grid;place-items:center;width:22px;height:12px;border-radius:4px;font-style:normal;font-size:.66rem;font-weight:700}
.wt-legend .lg-p{width:auto;display:inline-flex;gap:2px;overflow:visible}.lg-p b{width:7px;height:12px;border-radius:2px}
.wt-legend .lg-zp b{height:8px;background:color-mix(in srgb,var(--c) var(--z-mix),transparent)}.wt-legend .lg-zp.lg-nap b{background:color-mix(in srgb,var(--c) var(--z-nap),transparent)}
.wt-legend .lg-t{width:auto;height:auto;padding:0 2px;background:none;color:var(--ink);font-size:max(11.5px,.8em);font-weight:700}.wt-legend .lg-sh{color:var(--z-short);font-weight:800}
.lg-b{border:2px dashed var(--muted)}.lg-f{border:2px dashed var(--hole);background:color-mix(in srgb,var(--hole) 15%,transparent)}
.wt-legend .lg-c{height:6px;background:var(--call)}.wt-legend .lg-ch{background:var(--call-hit)}.lg-a{background:var(--ah)}
.lg-me{background:color-mix(in srgb,var(--hot) 11%,transparent);border:1px solid var(--hair);box-shadow:inset 3px 0 var(--hot)}.wt-legend .lg-n{background:var(--night);border:1px solid var(--hair);color:var(--muted);font-size:.7rem}
.gt-row.is-me .gt-lab{box-shadow:inset 3px 0 var(--hot)}

/* секции: проверки, люди, варианты, журнал */
.wt-sec{margin-top:8px;min-width:0}
.wt-sec h2 small{font:600 1rem var(--font-text);color:var(--warn-ink)}
.wt-det{margin:4px 0 8px}
.wt-det>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:600;list-style:none}
.wt-det>summary::before{content:"▸";color:var(--muted)}.wt-det[open]>summary::before{content:"▾"}
.wt-det>summary::-webkit-details-marker{display:none}
.wt-det .h2{font:800 1.25rem var(--font-display)}
.wt-sec>.wt-det{margin:0;border-top:1px solid var(--hair)}
.ck-n{font:600 1rem var(--font-text);color:var(--warn-ink)}
.sx-n{font-size:.86rem}
.cks{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}
.ck{border-radius:10px;line-height:1.35;font-size:.94rem}
.ck>span,.ck-b{display:block;width:100%;min-height:44px;padding:9px 12px;box-sizing:border-box;text-align:left;border:0;border-radius:10px;font:inherit;color:inherit;background:none;cursor:pointer}
.ck>span{cursor:default}
.ck-warn{background:var(--warn-bg);color:var(--warn-ink)}
.ck-info{background:var(--panel);color:var(--ink)}
.ck-note{color:var(--muted);font-size:.88rem}
.ck-note>span{min-height:0;padding:4px 12px}
.ck-ok{padding:10px 12px;border-radius:10px;background:var(--panel);color:var(--ok);font-weight:600}
.ck-rules{font-size:.86rem}
.sx-wrap{overflow-x:auto}
.sx{border-collapse:collapse;width:100%;font-size:.92rem}
.sx th,.sx td{padding:8px 6px;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top}
.sx thead th{font-size:.8rem;color:var(--muted)}
.sx tr.is-me th{color:var(--hot)}
.sx .is-bad{color:var(--bad);font-weight:600}
.sx .is-good{color:var(--ok);font-weight:600}
.sx-d,.sx:not(.vx) td{white-space:nowrap}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.sw.p-sasha,.lg-p .p-sasha{background:var(--p-sasha)}.sw.p-ivan,.lg-p .p-ivan{background:var(--p-ivan)}.sw.p-robert,.lg-p .p-robert{background:var(--p-robert)}.sw.p-masha,.lg-p .p-masha{background:var(--p-masha)}.sw.p-vova,.lg-p .p-vova{background:var(--p-vova)}
.vx th[scope=row]{min-width:200px}
.vx small{display:block;margin-top:2px;line-height:1.35}
.vx .vx-b{display:inline;color:var(--ok);font-weight:600}
.vx .vx-o{display:inline;color:var(--muted);font-weight:600}
.vx tr.is-shown{background:var(--panel)}
.vx-btn{display:flex;flex-direction:column;gap:6px}
.lg{list-style:none;margin:0 0 8px;padding:0}
.lg li{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--hair);line-height:1.35}
.lg time{flex:none;width:86px;color:var(--muted);font-size:.86rem}
.lg li.is-pend{color:var(--muted)}
.btn{display:block;width:100%;min-height:50px;margin-top:10px;padding:0 18px;border-radius:999px;border:1.5px solid var(--hot);background:var(--hot);color:var(--on-hot);font:600 1rem var(--font-text);cursor:pointer}
.btn.btn-2{background:none;color:var(--hot)}
.btn.btn-s{min-height:44px;font-size:.95rem}
.btn.btn-bad{background:var(--bad);border-color:var(--bad);color:#fff}
html[data-theme=dark] .btn.btn-bad{color:#131110}
.btn[aria-disabled=true]{opacity:.45;cursor:default}
.btn-w{max-width:420px}

/* нижний лист — как /pantry/ */
.sheet-bg{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.sheet-bg.is-open{opacity:1}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;margin:0 auto;max-width:680px;
  max-height:calc(100dvh - 20px - var(--sa-t));display:flex;flex-direction:column;background:var(--card);color:var(--ink);
  border-radius:20px 20px 0 0;box-shadow:var(--shadow);transform:translateY(100%);transition:transform .26s var(--ease)}
.sheet.is-open{transform:translateY(0)}
.sheet.is-drag{transition:none}
.sh-grip{flex:none;width:44px;height:5px;margin:8px auto 0;border-radius:3px;background:var(--hair);touch-action:none}
.sh-head{flex:none;display:flex;align-items:center;gap:4px;padding:4px max(6px,var(--sa-r)) 6px max(16px,var(--sa-l));border-bottom:1px solid var(--hair);touch-action:none}
.sh-head h2{flex:1;min-width:0;margin:0;font:700 1.2rem/1.25 var(--font-text);outline:none}
.sh-x{flex:none;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.sh-x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sh-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:10px max(16px,var(--sa-r)) calc(24px + var(--sa-b)) max(16px,var(--sa-l));-webkit-overflow-scrolling:touch}
.sh-body p{margin:6px 0;line-height:1.45}
.sh-sub{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.cat{padding:2px 8px;border-radius:999px;font-size:.84rem;font-weight:600;background:var(--panel)}
.cat.cat-heavy{background:var(--warn-bg);color:var(--warn-ink)}
.sh-own{font-size:1.1rem}
.sh-own b{font:700 1.4rem/1.1 var(--font-display)}
.sh-bk{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--panel)}
.sh-bk p{margin:0 0 4px}
.sh-acts{margin-top:8px}
.sh-why{font-size:.9rem;color:var(--muted)}
.sh-pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pk{display:grid;gap:2px;align-content:center;min-height:48px;padding:6px 12px;border-radius:12px;border:1px solid var(--hair);background:var(--card);color:var(--ink);font:600 .95rem var(--font-text);cursor:pointer;text-align:left}
.pk[aria-pressed=true]{background:var(--hot);border-color:var(--hot);color:var(--on-hot)}
.pk small{font-size:.78rem;color:inherit;opacity:.85}
.pk-off{color:var(--bad)}
.pk.is-off,.pk[aria-disabled=true]{opacity:.55;cursor:default}
.pk[aria-disabled=true] small{opacity:1}
.of-imp{font-size:.88rem;color:var(--muted);margin:2px 0 6px}
.of-imp.is-warn{color:var(--ink)}
.sblk{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--hair)}
.sblk h3{font:700 1.02rem var(--font-text);margin:0 0 8px}

/* личное расписание (#me=Имя) — полноэкранный вид */
html.me-open,html.me-open body{overflow:hidden}
.wt-me{position:fixed;inset:0;z-index:55;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);
  padding:calc(8px + var(--sa-t)) max(14px,var(--sa-r)) calc(24px + var(--sa-b)) max(14px,var(--sa-l))}
.wt-me>*{max-width:860px;margin-left:auto;margin-right:auto}
.me-head{display:flex;align-items:center;gap:8px}
.me-head h2{flex:1;margin:0;font:700 1.35rem/1.2 var(--font-display);outline:none}
.me-head .sh-x{font-size:1.3rem}
.me-chips{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:none}
.me-var{margin-top:2px;margin-bottom:8px;font-size:.86rem}
.me-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}
.me-sum p{margin:0;padding:8px 10px;border-radius:10px;background:var(--panel);font-size:.88rem;line-height:1.3}
.me-sum b{display:block;font:700 1.25rem/1.1 var(--font-display)}
.me-sum .is-bad{background:var(--warn-bg);color:var(--warn-ink)}
.me-sum .is-good{color:var(--ok)}
.me-next{margin-top:4px;margin-bottom:10px}
.me-day{margin:12px 0 0;padding-top:8px;border-top:1px solid var(--hair);scroll-margin-top:10px}
.me-day h3{margin:0 0 6px;font:700 1rem var(--font-text)}
.me-bar{position:relative;height:46px;border-radius:8px;background:var(--card);border:1px solid var(--hair);overflow:hidden}
.me-bar>i{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-style:normal;font-size:.7rem;font-weight:700;white-space:nowrap}
.me-bar>i span{overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.me-night{background:var(--night)}
.me-out{z-index:0}
.me-tick{width:0;border-left:1px dashed var(--hair)}
.mi{border-radius:6px;box-sizing:border-box}
.mi-w{top:11px!important;bottom:4px!important;color:#fff;z-index:3}
.mi-w.p-sasha{background:var(--p-sasha)}.mi-w.p-ivan{background:var(--p-ivan)}.mi-w.p-robert{background:var(--p-robert)}.mi-w.p-masha{background:var(--p-masha)}.mi-w.p-vova{background:var(--p-vova)}
.mi-w.tr-d{outline:2px solid #ffd76a;outline-offset:-2px}
.mi-b{top:10px!important;bottom:10px!important;border:2px dashed var(--muted);color:var(--muted);z-index:2}
.mi-z{top:14px!important;bottom:14px!important;background:color-mix(in srgb,var(--ink) 13%,var(--paper));color:var(--ink);font-weight:500!important;z-index:1}
.mi-z.is-short,.mi-z.is-nap{border:1.5px dotted var(--muted);font-style:italic!important}
.mi-c{top:0!important;height:9px;font-size:0!important;z-index:4;color:#131110;border:1.5px solid #8a6a00;background:repeating-linear-gradient(135deg,#ffd76a 0 5px,#fff2bf 5px 10px)}
.me-axis{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:2px}
.me-text{margin:4px 0 0;font-size:.9rem;line-height:1.4}
.me-sl{margin:2px 0 0;font-size:.82rem;color:var(--muted)}
.me-sl.is-bad{color:var(--bad);font-weight:600}
.me-foot{font-size:.8rem;margin-top:16px;overflow-wrap:anywhere}
.me-link{min-height:44px;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left;text-decoration:underline dotted;text-underline-offset:3px}
button.gt-name,button.gt-lab{border:0;background:none;color:inherit;cursor:pointer;padding:0;text-decoration:underline dotted;text-underline-offset:3px}
button.gt-lab{text-align:left;background:var(--paper)}

/* оценки по людям 0–10 */
.sc{min-width:44px;min-height:36px;padding:0 10px;border-radius:999px;border:0;font:700 .95rem var(--font-text);cursor:pointer;color:#fff}
.sc-good{background:#1d6b33}.sc-mid{background:#8a6a00}.sc-bad{background:#a3160e}
.sc-mini{display:inline-block;margin:0 4px 4px 0;padding:2px 6px;border-radius:6px;color:#fff;font-size:.78rem;white-space:nowrap}
.vx-sc small{display:block}
.sc-row td{background:var(--panel)}
.sc-why{margin:0;font-size:.86rem;line-height:1.4}
.me-score{margin-bottom:8px;padding:8px 10px;border-radius:10px;background:var(--panel)}
.me-score summary{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px}
.me-score .sc{display:inline-grid;place-items:center}

/* без JS */
.wt-static .wt-person{margin:14px 0}
.wt-static h2{font-size:1.3rem;margin:0 0 6px}
.wt-static ul{margin:0;padding-left:1.1em;display:grid;gap:4px}

:focus-visible{outline:3px solid var(--hot);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.sheet,.sheet-bg{transition:none}}
@media (min-width:900px){
  /* UX 2A: шапка в одну строку, под ней «Следующая …» и сутки справа; Гант с y ≈ 150 на 1440 */
  .page-watch .wt-head,#wt-app{box-sizing:border-box;max-width:3200px;margin:0 auto;padding-left:max(16px,var(--sa-l));padding-right:max(16px,var(--sa-r))}
  .wt-head{padding-top:8px;padding-bottom:2px}
  .wt-head h1{font-size:22px;line-height:1.25}
  .hd{flex-wrap:nowrap}
  .hd-q{position:relative}
  .hd-q[open]{flex-basis:auto}
  .hd-q .lede{position:absolute;z-index:45;top:38px;left:-120px;width:min(560px,70vw);margin:0;padding:12px 14px;border:1px solid var(--hair);border-radius:12px;background:var(--card);box-shadow:0 12px 32px rgba(10,37,64,.18)}
  .hd-plan{display:inline-flex;align-items:center}
  .hd-ctl .who-chip{min-height:36px;padding:0 12px 0 4px;font-size:.88rem;gap:6px}
  .hd-ctl .wc-ico{width:28px;height:28px}
  #wt-app{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}
  #wt-app>*{grid-column:1/-1;min-width:0}
  #wt-app>.wrap,.wt-chart .wrap{max-width:none;padding-left:0;padding-right:0}
  #wt-app>.wt-who{grid-column:1;grid-row:1;padding:0}
  #wt-app>.wt-sec{max-width:1180px;margin-left:0}
  .who-next{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;font-size:1rem}.who-next b{font-size:1rem}
  .who-next>*{flex:none}.who-next .me-link{min-height:32px;margin-left:4px}
  .wt-top{grid-column:2!important;grid-row:1;position:static;margin:0;padding:0;border:0;background:none;display:flex;align-items:center;gap:8px}
  .wt-top>*{margin:0;max-width:none}
  .wt-tabs{gap:2px;overflow:visible}
  .tab{flex:none;display:inline-flex;gap:4px;min-height:32px;min-width:0;padding:0 8px;border-radius:8px;font-size:.88rem}
  .tab small{font-size:.74rem}
  .tab-wk{order:-1;margin-right:6px;font-size:.88rem}
  .wt-vars{position:absolute;z-index:40;top:-4px;right:16px;flex-wrap:wrap;max-width:min(460px,90vw);margin:0;padding:10px 12px;overflow:visible;
    background:var(--card);border:1px solid var(--hair);border-radius:12px;box-shadow:0 12px 32px rgba(10,37,64,.18)}
  #wt-app>.wt-vars{width:max-content;max-width:min(440px,90vw);padding:10px 12px;margin:0}
  .wt-vars:not(.is-open){display:none}
  .wt-vars .chip{min-height:34px;padding:0 11px}
  .wt-vars .vr-lr{display:none}
  .wt-vars .vr-rj{display:inline-flex;align-items:center;margin-left:auto}
  .wt-vars:not(.rj-open) .is-rej{display:none}
  .wt-vars.rj-open .vr-rj{flex-basis:100%;justify-content:flex-start;margin:4px 0 0;border:0;background:none;padding:0}
  .wt-chart{margin-top:4px}
  .wt-chart.is-week .wt-cap{display:none}
  .page-watch .wt-chart.is-week .wrap,.wt-chart.is-week .wt-gantt{max-width:3200px}
  .wt-gantt{padding:0}
  .gt-h{--lab:96px;--hw:9px;--rowh:clamp(56px,9vh,120px);font-size:clamp(14px,.95vw,20px)}
  .gt-h .gt-row .gt-lab{font-size:1em}
  .wt-legend{white-space:nowrap}
  .gt-v{--hpx:30px;--cov:56px}
  .sheet{max-height:min(86vh,900px)}
}
/* 3440: шапка в масштабе Ганта (14 → 20 px), вкладки ближе к «Следующая вахта» */
@media (min-width:1800px){.page-watch .wt-head .hd,#wt-app>.wt-who,#wt-app>.wt-top{zoom:1.15}}
@media (min-width:2000px){.page-watch .wt-head .hd,#wt-app>.wt-who,#wt-app>.wt-top{zoom:1.28}}
@media (min-width:2222px){.page-watch .wt-head .hd,#wt-app>.wt-who,#wt-app>.wt-top{zoom:1.43}}
@media (min-width:2800px){#wt-app{grid-template-columns:max-content minmax(0,1fr);column-gap:48px}#wt-app>.wt-top{justify-self:start}}
@media (min-width:1800px){.gt-h{--lab:7em}.gt-h .it{top:16px}.gt-h .it-z{top:auto;height:18px}.gt-h .it-c{height:7px;top:4px}}
@media print{.bar,.wt-top,.wt-who,.menu,.theme-btn,.sheet,.sheet-bg{display:none!important}}

/* «Не берём» (Роберт 25.10): отказные схемы — свёрнутый список, только просмотр */
.wt-rej{margin-top:14px;border:1px solid var(--hair);border-radius:12px;background:var(--card)}
.rej-t{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;background:none;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.rej-t::before{content:"▸ ";color:var(--muted)}
.rej-t[aria-expanded=true]::before{content:"▾ "}
.rej-t small{color:var(--muted)}
.rej-l{list-style:none;margin:0;padding:0 8px 8px}
.rej-i{display:block;width:100%;min-height:44px;margin:0;padding:8px;border:0;border-top:1px solid var(--hair);background:none;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.rej-i.is-shown{background:var(--panel)}
.rej-n{display:block;line-height:1.35;text-decoration:line-through;text-decoration-color:var(--muted)}
.rej-why{display:block;margin:2px 0 4px;color:var(--bad);line-height:1.35}
.rej-sc{display:block}
.wt-pv.is-rej>p,.wt-pv.is-rej .pv-b{background:var(--panel);color:var(--ink)}
.wt-pv.is-rej>p b{color:var(--bad)}

/* ── UX 2B ── */
.mt-p,.wt-back,.wt-hm{display:none}
.hd-th{display:inline-flex;align-items:center;gap:4px}
.who-next .wn-t{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.who-next .me-link{flex:none}
/* сутки: «06:00–10:00», ниже напарники; на узкой колонке — «06–10» без переноса */
.gt-v .it-w{white-space:nowrap}
.gt-v .it-mm,.gt-v .it-mt{display:none}
.it-mt{font-size:.88em;font-weight:500;opacity:.92;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@container (min-width:120px){.gt-v .it-mm{display:inline}.gt-v .it-mt{display:block}}
/* созвоны в сутках — однотонная полоса, подпись над ней */
.gt-v .it-c{overflow:visible;border:0;border-radius:3px;background:var(--call);color:var(--ink)}
.gt-v .it-c.is-hit{background:var(--call-hit)}
.gt-v .it-c::before{display:none}
.gt-v .it-c .it-l{position:absolute;bottom:100%;right:0;padding-bottom:1px;font-size:.78rem;font-weight:700;color:var(--ink);background:var(--paper);border-radius:3px}
.gt-v .it-cm{background:color-mix(in srgb,var(--call) 22%,transparent)}
/* выбранный слот (лист открыт) */
.it-w.is-sel{outline:3px solid var(--hl)!important;outline-offset:2px;z-index:4;opacity:1}

/* телефон: «Ближайшее» — первый экран */
@media (max-width:899px){
  html.wt-app:not(.wt-home) .wt-back{display:block;margin:6px auto 0}
  html.wt-app:not(.wt-home) .who-next{display:none}
  html.wt-home .wt-hm{display:block}
  html.wt-home .wt-head{position:sticky;top:calc(var(--header-h) + var(--sa-t));z-index:31;background:var(--paper);border-bottom:1px solid var(--hair);padding-top:6px;padding-bottom:6px}
  html.wt-home .wt-head h1,html.wt-home .hd-q,html.wt-home .hd-plan,html.wt-home #wt-stat,html.wt-home .mt-u,html.wt-home .mt-d,html.wt-home .wc-pre,
  html.wt-home #wt-vars,html.wt-home .wt-tabs,html.wt-home #wt-chart,html.wt-home .wt-sec,html.wt-home .who-next{display:none!important}
  html.wt-home .mt-p{display:inline}
  html.wt-home .hd{flex-wrap:nowrap;gap:8px}
  html.wt-home .hd-ctl{display:contents}
  html.wt-home .who-chip{order:0;min-height:44px;padding:0 12px 0 4px;gap:6px}
  html.wt-home .wc-ico{width:32px;height:32px}
  html.wt-home .hd-meta{order:1;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;color:var(--ink);font-weight:600}
  html.wt-home .hd-th{order:2;min-height:44px}
  html.wt-home .wt-top{position:static;border:0;background:none;margin:0;padding-top:0;padding-bottom:0}
  html.wt-home .wt-who{padding-top:0;padding-bottom:0}
}
.wt-hm{padding-top:10px}
.hm-h{font:700 1.5rem/1.2 var(--font-text);margin:6px 0 2px}
.hm-sub{margin:0 0 8px}
.hm-who{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-card{padding:12px 14px;border-radius:14px;background:var(--card);border:1.5px solid var(--hot)}
.hm-card p{margin:0}
.hm-dep{font-size:.95rem;color:var(--muted);margin-bottom:6px!important}
.hm-dep b{color:var(--ink)}
.hm-k{font:700 .98rem var(--font-text);color:var(--hot)}
.hm-t{display:flex;align-items:baseline;gap:10px;min-height:44px;margin:2px 0;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;font:inherit;text-align:left}
.hm-t b{font:800 30px/1.1 var(--font-text);letter-spacing:-.01em}
.hm-t small{font-size:1rem;color:var(--muted);font-weight:600}
.hm-in{font-size:1.02rem;font-weight:600}
.hm-w{margin-top:2px!important;font-size:.98rem;line-height:1.35}
.hm-prog{height:8px;margin:6px 0 4px;border-radius:4px;background:var(--panel);overflow:hidden}
.hm-prog i{display:block;height:100%;background:var(--hot)}
.hm-b,.hm-go{display:flex;gap:8px;margin-top:8px!important}
.hm-b .btn,.hm-go .btn{flex:1 1 0;margin:0;width:auto;padding:0 10px}
.hm-sec{margin-top:10px}
.hm-h2{font:700 1.05rem var(--font-text);margin:0 0 6px}
.hm-24{--n:64px;font:600 13px/1 var(--font-text)}
.h24-r{display:flex;align-items:stretch;height:44px;border-top:1px solid var(--hair)}
.h24-hd{height:20px;border:0}
.h24-n{flex:none;width:var(--n);display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}
.h24-r.is-me .h24-n{color:var(--hot)}
.h24-r.is-me{background:color-mix(in srgb,var(--hot) 10%,transparent)}
.h24-ax,.h24-l{position:relative;flex:1;min-width:0}
.h24-ax span{position:absolute;top:3px;transform:translateX(-50%);color:var(--muted);font-weight:500}
.h24-ax .h24-now{z-index:1;padding:2px 4px;top:0;border-radius:3px;background:var(--bad);color:var(--paper);font-weight:700}
.h24-bg{position:absolute;inset:0;pointer-events:none}
.h24-ni{position:absolute;top:0;bottom:0;background:var(--night)}
.h24-w{position:absolute;z-index:3;top:4px;bottom:4px;box-sizing:border-box;padding:0 2px;border:0;border-radius:5px;color:#fff;font:700 13px/1 var(--font-text);white-space:nowrap;overflow:visible;cursor:pointer}
.h24-w::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}   /* тап-цель ≥ 44 px и у узких блоков (ревью 2B) */
.h24-w.p-sasha{background:var(--p-sasha)}.h24-w.p-ivan{background:var(--p-ivan)}.h24-w.p-robert{background:var(--p-robert)}.h24-w.p-masha{background:var(--p-masha)}.h24-w.p-vova{background:var(--p-vova)}
.h24-w.is-past{opacity:.45}
.h24-nl{position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--bad);z-index:1;pointer-events:none}   /* под вахтами: не перечёркивает подписи */
.hm-nx{list-style:none;margin:0;padding:0}
.hm-nx button{display:flex;align-items:baseline;gap:10px;width:100%;min-height:44px;padding:6px 2px;white-space:nowrap;border:0;border-top:1px solid var(--hair);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.hm-nx b{font-weight:700;font-size:1rem}
.hm-nx small{font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis}

@media (min-width:900px){
  .page-watch .gt-v .it-w{font-size:15px}
  .gt-v .it-l{font-weight:700}
  /* лист слота — панель 380 px справа (слева, если слот под ней), подложка не затемняет и не ловит клики */
  .sheet{left:auto;right:12px;top:calc(var(--header-h) + 60px);bottom:12px;width:380px;max-width:none;max-height:none;margin:0;border-radius:16px;border:1px solid var(--hair);
    box-shadow:0 12px 40px rgba(0,0,0,.28);transform:translateX(calc(100% + 24px))}
  .sheet.at-l{right:auto;left:12px;transform:translateX(calc(-100% - 24px))}
  .sheet.is-open{transform:none}
  .sh-grip{display:none}
  .sheet-bg{background:none;pointer-events:none}
  html.sheet-open,html.sheet-open body{overflow:auto}
  .sh-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .sh-acts .btn{width:auto;min-height:40px;margin:0;padding:0 14px;font-size:.92rem}
  .sh-acts .sh-why,.sh-acts .sh-pick{flex-basis:100%}
  .sheet .btn{min-height:40px;font-size:.92rem}
}

/* ── ночь (UX 2B): красно-чёрная — фон #000, красные с ограниченной яркостью; «я» — #c0201a с чёрным, остальные — #5a0f0b с #ff6a5a и штриховкой ── */
html.wt-night{color-scheme:dark;--paper:#000;--ink:#ec5c46;--muted:#dc4a36;--tone:#000;--accent:#d8402f;--line:#3d0d09;--accent-deep:#d8402f;
  --card:#0c0100;--panel:#1c0402;--hot:#d8402f;--ok:#d8402f;--hair:#3d0d09;--warn-bg:#260402;--warn-ink:#ff6a5a;--on-hot:#000;--bad:#ff4a3d;
  --night:rgba(255,40,25,.07);--hole:#ff4a3d;--warn-c:#ff4a3d;--shadow:0 -10px 40px #000;
  --p-sasha:#5a0f0b;--p-ivan:#5a0f0b;--p-robert:#5a0f0b;--p-masha:#5a0f0b;--p-vova:#5a0f0b;
  --call:#8a1a10;--call-hit:#ff4a3d;--ah:rgba(255,50,30,.13);--z-mix:75%;--z-nap:45%;--z-short:#ff6a5a;--tip-bg:#260402;--tip-ink:#ff6a5a;--hl:#ff6a5a}
html.wt-night body{background:#000;color:var(--ink)}
.wt-night .page-watch .bar .ticket--mini,.wt-night .bar .ticket{display:none}
.wt-night .it,.wt-night .h24-w,.wt-night .mi-w{color:#ff6a5a}
.wt-night .it-w.p-ivan,.wt-night .h24-w.p-ivan{background-image:repeating-linear-gradient(45deg,transparent 0 6px,rgba(0,0,0,.45) 6px 8px)}
.wt-night .it-w.p-masha,.wt-night .h24-w.p-masha{background-image:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(0,0,0,.45) 6px 8px)}
.wt-night .it-w.p-sasha,.wt-night .h24-w.p-sasha{background-image:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.45) 5px 7px)}
.wt-night .it-w.p-vova,.wt-night .h24-w.p-vova{background-image:repeating-linear-gradient(90deg,transparent 0 5px,rgba(0,0,0,.45) 5px 7px)}
.wt-night .it-w.p-robert,.wt-night .h24-w.p-robert{background-image:radial-gradient(rgba(0,0,0,.5) 1px,transparent 1.5px);background-size:6px 6px}
.wt-night .it-w.is-mine,.wt-night .h24-w.is-mine,.wt-night .mi-w{background:#d8402f!important;background-image:none!important;color:#000}
.wt-night .it-w.is-pin{border-bottom-color:#ff4a3d}
.wt-night .it-c{color:#000;border-color:#ff4a3d;background:var(--call)}
.wt-night .it-c.is-hit{background:var(--call-hit)}
.wt-night .it-v,.wt-night .mi-c{background:var(--call);color:#000;border-color:#ff4a3d}
.wt-night .it-cov.is-hole,.wt-night .gt-h .ax-hole,.wt-night .btn.btn-bad{color:#000}
.wt-night .mi-w.tr-d{outline-color:#ff4a3d}
.wt-night .sc,.wt-night .sc-mini{background:var(--panel);color:var(--ink)}
.wt-night .hm-w,.wt-night .sh-own{filter:grayscale(1) sepia(1) saturate(6) hue-rotate(-35deg) brightness(.75)}
.wt-night .hm-card{border-color:var(--hot)}
.wt-night .sheet-bg{background:rgba(0,0,0,.7)}
/* ночь: различие формой, не цветом — созвон «свободен» полый, «на вахте» сплошной; короткий сон — рамка и жирный (ревью 2A) */
.wt-night .gt-h .it-c,.wt-night .gt-v .it-c,.wt-night .wt-legend .lg-c{background:transparent;border:1.5px solid var(--call-hit);box-sizing:border-box}
.wt-night .gt-h .it-c.is-hit,.wt-night .gt-v .it-c.is-hit,.wt-night .wt-legend .lg-ch{background:var(--call-hit);border:0}
.wt-night .gt-h .it-z.is-sh{outline:1.5px solid var(--bad);outline-offset:-1.5px;font-weight:800}
.wt-night .wt-legend .lg-sh{outline:1.5px solid var(--bad);outline-offset:1px}
/* фиксы по ревью 2B (Z-235 fix4) */
.pin-i{display:inline-block;width:.9em;height:.9em;vertical-align:-.1em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 2 22 9.5l-2.1.7-3.6 3.6.5 4.6-1.6 1.6-4.2-4.2L5 21.8 2.2 19l5.9-6-4.2-4.2 1.6-1.6 4.6.5 3.6-3.6z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 2 22 9.5l-2.1.7-3.6 3.6.5 4.6-1.6 1.6-4.2-4.2L5 21.8 2.2 19l5.9-6-4.2-4.2 1.6-1.6 4.6.5 3.6-3.6z'/%3E%3C/svg%3E") center/contain no-repeat}
.it-i.pin-i{font-size:.8rem}
.pk:not(:has(small)){justify-items:center;text-align:center;min-width:96px}
.hm-nxt{margin-top:8px!important;font-size:.98rem}
.page-watch .cl-b.is-free{border-style:dashed}.page-watch .cl-b.is-hit{border:1.5px solid currentColor;font-weight:800}
.it-w.is-from{outline:3px solid var(--hl)!important;outline-offset:2px;z-index:4;opacity:1}
.it-w.is-swk{outline:2.5px dashed var(--hl);outline-offset:2px;z-index:3;opacity:1}
.has-swk .it-w:not(.is-from):not(.is-swk){opacity:.4}
.wt-night .gt-v .ax-h,.wt-night .gt-h .ax-h,.wt-night .h24-ax span:not(.h24-now){color:var(--ink)}
@media (max-width:899px){
  html.wt-app:not(.wt-home) .wt-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  html.wt-app:not(.wt-home) .wt-top .wt-back{display:block;flex:none;margin:0}
  html.wt-app:not(.wt-home) .wt-top .wt-tabs{flex:1 1 0;min-width:0;margin:0}
  html.wt-app:not(.wt-home) .wt-top .net{flex-basis:100%}
  html.wt-app:not(.wt-home) .wt-top .net:empty{display:none}
  .wt-back .nbtn{padding:0 10px}
}
@media (min-width:900px){
  .wt-night .sheet-bg{background:none}
  .gt-v .it-mt{white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.15}
  .gt-v .has-c .it-w,.gt-v .has-c .it-z{right:30px}
  .gt-v .it-c,.gt-v .it-cm{width:28px}
  .gt-v .it-c .it-l{display:block;white-space:nowrap;font-size:14px;z-index:6;padding:0 3px}
}
@container (min-width:150px){.gt-v .has-c .it-w,.gt-v .has-c .it-z{right:30px}.gt-v .it-c,.gt-v .it-cm{width:28px}}
@media (min-width:1600px){.wt-chart:not(.is-week) .wt-gantt{max-width:none}}
@media (min-width:900px){@container (min-width:120px){.gt-v .it-mt{display:-webkit-box}}}
@media (min-width:900px){.who-next{align-items:center}.who-next .wn-t{white-space:normal;line-height:1.2}}
/* Z-265: история прошлого перехода внизу /watch/ */
.wt-hist{margin-top:28px;padding-top:14px;border-top:3px double var(--hair)}
.wt-hist>summary{cursor:pointer;font:700 1.15rem/1.3 var(--font-text);padding:8px 0}
.wt-hist-n{color:var(--muted);margin:4px 0 10px}
.wt-hist h3{margin:12px 0 4px;font-size:1rem;display:flex;gap:8px;align-items:center}.wt-hist h3 small{color:var(--muted);font-weight:400}
.wt-hist-l{margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.92rem}