/* ─── Панель «когда» модалки задачи (#pop-when) — чертёж 02 ───
   Отделено от taskmodal.css по бюджету §7 (файл упёрся в 800).

   Было: 4 голых нативных поля в двух рядах под одной меткой «даты»/«время»
   (138/100px, шрифт 15.2). В WKWebView пустое input[type=date] рисуется белым
   прямоугольником без плейсхолдера — не читается и непонятно, что вписывать;
   второе поле уезжало на вторую строку wrap'ом.

   Стало по закону 4: пресет-чипы дня 32/R8 с датой-подсказкой (день одним
   тапом), у КАЖДОГО поля своя подпись, поле — 48/R12 на бумаге под карандашным
   контуром 1.5, шрифт 16 (иначе Mini App зумит поле — память ios-input-zoom). */
.tmw{padding:12px;}
/* лента дней — карусель: один ряд, прокрутка бесконечная (js/task-when.js
   подставляет копии по бокам). Пять пресетов переносами занимали три ряда —
   112px против 32. Лента уходит под края поповера: margin −12 = его padding,
   края растворяются маской (под body.light-fx маску гасим — слабое железо). */
.tmw-fast{
  display:flex; flex-wrap:nowrap; gap:8px;
  overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; -ms-overflow-style:none;
  margin:-4px -12px 0; padding:4px 12px;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
          mask-image:linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
}
.tmw-fast::-webkit-scrollbar{display:none;}
body.light-fx .tmw-fast{-webkit-mask-image:none; mask-image:none;}
.tmw-q{
  position:relative; height:32px; padding:0 12px; border-radius:8px; cursor:pointer;
  display:flex; align-items:center; gap:6px; background:var(--paper2, #FFFDF6);
  border:none; color:var(--graphite-soft); font-family:'Neucha',cursive;
  font-size:13px; line-height:1; flex:none; white-space:nowrap;
}
.tmw-q::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  border:1.5px solid var(--pencil); border-radius:8px; filter:url(#squiggle);
}
.tmw-q .h{font-size:11px; font-weight:400; color:var(--pencil);}
.tmw-q .h:empty{display:none;}
.tmw-q:hover{background:var(--marker); color:var(--graphite);}
/* «лампа» выбора: маркер под чипом (актив = маркер, SPEC §4) */
.tmw-q.on{background:var(--marker); color:var(--graphite);}
.tmw-q.on::before{border-color:var(--graphite);}
.tmw-q.on .h{color:var(--graphite-soft);}
.tmw-q:focus-visible{outline:3px solid var(--ink-blue); border-radius:8px;}
.tmw-row{
  display:grid; grid-template-columns:1fr 16px 1fr; gap:8px;
  align-items:end; margin-top:12px;
}
/* подпись + коробка поля — общие примитивы модалки (.tmf-*, taskmodal.css) */
/* WKWebView кладёт значение поля-даты по верху — выравниваем по строке */
.tmw .tmf-box input::-webkit-date-and-time-value{text-align:left; margin:0; line-height:normal;}
.tmw .tmf-box input::-webkit-calendar-picker-indicator{opacity:.5; margin:0;}
.tmw-arr{
  align-self:end; height:48px; display:flex; align-items:center; justify-content:center;
  color:var(--pencil); font-size:15px;
}
.tmw-foot{display:flex; justify-content:flex-end; gap:8px; margin-top:8px;}
.tmw .tm-mini{height:32px; display:inline-flex; align-items:center; padding:0 12px;}