/* Календарь месяца на странице записи (05.11.2026, public/js/bkcal.js) — один на
   /m/ и /s/. Цвета — токены темы мастера (css/tints.css), как у ленты дней:
   выбранный день — `--glass`, как выбранный чип и время. */
.bkcal { border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--card); padding: 10px 8px 8px; }
.bkcal__hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 4px 8px; }
.bkcal__hd b { font-size: 15px; font-weight: 600; }
.bkcal__nav { width: 44px; height: 44px; padding: 0; display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--line); border-radius: 50%; background: var(--card); color: var(--ink); cursor: pointer; }
.bkcal__nav[disabled] { opacity: .3; cursor: default; }
.bkcal__wd, .bkcal__g { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.bkcal__wd span { text-align: center; font-size: 11px; letter-spacing: .04em; color: var(--ink-3); padding: 2px 0 4px; }
.bkcal__wd .bkcal__we { color: var(--rose, var(--ink-3)); }
.bkcal__x, .bkcal__n, .bkcal__d { min-height: 44px; border-radius: 10px; }
.bkcal__n { display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--ink-3); opacity: .45;
  font-variant-numeric: tabular-nums; }
.bkcal__d { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  padding: 0; border: 1px solid var(--line); background: var(--card); color: var(--ink); font: inherit; cursor: pointer; }
.bkcal__d b { font-size: 15px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.bkcal__d i { width: 5px; height: 5px; border-radius: 50%; background: var(--green, var(--ink)); }
.bkcal__d--we b { color: var(--rose, var(--ink)); }
.bkcal__d--on { background: var(--glass); border-color: transparent; color: #fff; }
.bkcal__d--on b { color: #fff; }
.bkcal__d--on i { background: #fff; }
.bkcal__d:focus-visible, .bkcal__nav:focus-visible { outline: 2px solid var(--green, var(--ink)); outline-offset: 2px; }
/* Переключатель «Лента / Календарь» у строки «Когда удобно» */
.dview { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); }
.dview button { min-height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: var(--ink-2, var(--ink));
  font: inherit; font-size: 13px; cursor: pointer; }
.dview button[aria-pressed="true"] { background: var(--glass); color: #fff; }
@media (pointer: coarse) { .dview button { min-height: 40px; } }
.bk__until { margin: 0 0 10px; font-size: 13px; color: var(--ink-3); }
.bk__lblr { display: flex; align-items: center; gap: 8px; }