/* ═══ Телефон персонала — «Уведомления» (scripts/phone-notices.mjs, SPEC §8.18) ═══
   Плита отвечает «есть ли новое»: число непрочитанных и «Прочитать все».
   Ниже бумага: записи по дням. Непрочитанное жирнее и с точкой тона —
   точка только у непрочитанного (§8.3); прочитанное тише. */
.tel-screen.tel-notices{background:var(--card)}
.nf-plate{display:flex;align-items:flex-end;gap:12px;border-radius:0;padding:calc(12px + env(safe-area-inset-top,0px)) var(--ph-gutter) 16px}
.nf-of{flex:1;min-width:0}
.nf-of h2{margin:0;font-size:var(--ph-title);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:var(--band-ink)}
.nf-of span{display:block;margin-top:5px;font-size:var(--ph-s);color:var(--band-ink-2)}
.nf-all{
  flex-shrink:0;height:36px;padding:0 14px;border-radius:var(--r-pill);font-size:var(--ph-s);font-weight:550;
  background:color-mix(in srgb,var(--band-ink) 12%,transparent);color:var(--band-ink);
  transition:transform var(--t-tap) var(--ease),background-color var(--t-tap) var(--ease);
}
.nf-all:active{transform:scale(.97)}
.nf-all:focus-visible{outline:2px solid var(--band-ink);outline-offset:3px}
.nf-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.nf-body{padding:4px var(--ph-gutter) calc(var(--tel-bar) + 20px)}
.nf-day{margin-top:16px}
.nf-day h3{margin:0 0 4px;font-size:var(--ph-s);font-weight:600;color:var(--ink-2)}
.nf-row{
  position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;min-height:60px;padding:11px 0 11px 18px;
  border-bottom:1px solid var(--rule-2);text-align:left;color:var(--ink);
  transition:background-color var(--t-tap) var(--ease);
}
.nf-day .nf-row:last-child{border-bottom:0}
.nf-row:active{background:var(--sunk)}
.nf-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:var(--r)}
.nf-dot{position:absolute;left:2px;top:19px;width:8px;height:8px;border-radius:50%;background:var(--ink-3)}
.nf-row.t-wait .nf-dot{background:var(--wait)}
.nf-row.t-late .nf-dot{background:var(--late)}
.nf-row.t-ok .nf-dot{background:var(--ok)}
.nf-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nf-t u{text-decoration:none;font-size:var(--ph-xs);color:var(--ink-3)}
.nf-t b{font-size:var(--ph-b);font-weight:450;line-height:1.35;color:var(--ink-2)}
.nf-t em{font-style:normal;font-size:var(--ph-s);line-height:1.4;color:var(--ink-3)}
.nf-row.unread .nf-t b{font-weight:600;color:var(--ink)}
.nf-row time{flex-shrink:0;padding-top:1px;font-size:var(--ph-s);font-variant-numeric:tabular-nums;color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){
  .nf-all,.nf-row{transition:none}
}