/* ============================================================================
   calendar-forms.css — редакторы, детали и карточка встречи «Календаря»
   (calendar-editors.js, calendar-detail.js, редактор задачи work.js).
   Префиксы: cal-ed- — редакторы и настройки, cal-dt- — детали в панели,
   ev- — карточка встречи в ленте. Общие мелочи форм — свои классы cal-inp,
   cal-btn-s, cal-btn-m, cal-sw: .inp и .btn-small стилизованы только внутри
   .wk-form (SPEC §H.11). Цвета — токены style.css и палитра --cal-c-* из
   calendar.css; светлая тема работает сама.
   ========================================================================== */

/* ---------- окно редактора ---------- */
.modal.cal-ed .modal-body{padding-top:4px}
.modal.cal-ed .modal-foot{padding-top:12px;border-top:1px solid var(--border)}
.modal.cal-ed-set .modal-body{padding-bottom:22px}
.cal-ed-form{display:flex;flex-direction:column;gap:14px;min-width:0}
.cal-ed-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.cal-ed-l{font-size:12.5px;font-weight:700;color:var(--text-2);letter-spacing:.1px}
.cal-inp{width:100%;min-width:0;padding:9px 11px;border-radius:10px;background:var(--input-bg);border:1px solid var(--border);
  color:var(--text);font:inherit;font-size:14.5px;line-height:1.3}
.cal-inp:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.cal-inp:disabled{opacity:.55}
textarea.cal-inp{resize:vertical;min-height:76px}
select.cal-inp{cursor:pointer}
.cal-inp[type=date],.cal-inp[type=time],.cal-inp[type=number]{font-family:var(--font-mono);font-size:14px}
.cal-inp[hidden]{display:none}
.cal-ed-title{font-size:16px;font-weight:600}
.cal-ed-dt{display:flex;gap:8px;min-width:0}
.cal-ed-dt > .cal-inp{flex:1 1 0}
.cal-ed-dt > .cal-inp[type=date]{flex-grow:1.3}
.cal-ed-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.cal-ed-hint{font-size:12.5px;color:var(--text-2);line-height:1.4;margin:0}
.cal-ed-hint.is-err,.cal-ed-err{font-size:12.5px;color:var(--danger);line-height:1.4}
.cal-ed-muted{font-size:13px;color:var(--muted)}
.cal-ed-note{font-size:12.5px;color:var(--warn);line-height:1.4}
.cal-ed-caret{margin-left:6px;color:var(--text-2);font-size:13px;line-height:1}
.cal-ed-warn{padding:8px 10px;border-radius:10px;font-size:13px;background:rgba(224,160,58,.14);color:var(--text);
  border-left:3px solid var(--warn)}
.cal-ed-link{padding:8px 10px;border-radius:10px;background:var(--chip);font-size:13.5px;color:var(--text-2);overflow-wrap:anywhere}

/* подвал: ошибка сервера, кнопки; «Отменить изменения?» — на их месте */
.cal-ed-foot{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}
.cal-ed-foot-b{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.cal-ed-foot-b[hidden],.cal-ed-foot-scope[hidden]{display:none}
.cal-ed-del{margin-right:auto}
.cal-ed-ferr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--danger)}
.cal-ed-ferr[hidden]{display:none}
.cal-ed-foot-scope{display:flex;flex-direction:column;gap:10px}
.cal-ed-discard{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;width:100%}
.cal-ed-discard-t{font-weight:700}
.cal-ed-discard-b{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}

/* переключатель (role=switch) */
.cal-sw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0;font-size:14.5px;cursor:pointer}
.cal-sw-t{min-width:0}
.cal-sw-i{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:42px;height:24px;margin:0;border-radius:12px;
  background:var(--chip);border:1px solid var(--line);cursor:pointer;transition:background .15s}
.cal-sw-i::before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-2);
  transition:transform .15s,background .15s}
.cal-sw-i:checked{background:var(--accent);border-color:transparent}
.cal-sw-i:checked::before{transform:translateX(18px);background:var(--on-accent)}
.cal-sw-i:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cal-sw-i:disabled{opacity:.5;cursor:default}

/* мелкие кнопки */
.cal-btn-s{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:9px;background:var(--chip);
  border:1px solid transparent;color:var(--text);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.cal-btn-s:hover{background:var(--hover)}
.cal-btn-s:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cal-btn-s:disabled{opacity:.5;cursor:default}
.cal-btn-s.is-primary{background:var(--accent);color:var(--on-accent)}
.cal-btn-s.is-danger{color:var(--danger)}
.cal-btn-s[hidden]{display:none}
.cal-btn-s.is-on,.cal-ed-tog.is-on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-glow)}
.btn.cal-btn-m{padding:8px 14px;font-size:14px}
.btn.cal-ed-tog{padding:6px 12px;font-size:13px}

/* чипы (напоминания и т. п.) */
/* составные поля (люди, напоминания, пояс, повтор): части — столбиком */
.cal-ed-stack{display:flex;flex-direction:column;gap:8px;min-width:0}
.cal-ed-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.cal-ed-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 3px 3px 10px;border-radius:99px;background:var(--chip);font-size:13px}
.cal-ed-chip > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-ed-chip-x{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--text-2)}
.cal-ed-chip-x:hover{background:var(--hover);color:var(--danger)}

/* встроенные выпадающие списки (Esc закрывает только их) */
.cal-ed-drop{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}
.cal-ed-drop[hidden]{display:none}
.cal-ed-list{display:flex;flex-direction:column;max-height:240px;overflow:auto;overscroll-behavior:contain}
.cal-ed-opt{display:block;width:100%;padding:8px 10px;border-radius:8px;text-align:left;font-size:14px;color:var(--text)}
.cal-ed-opt:hover,.cal-ed-opt:focus-visible{background:var(--hover);outline:none}
.cal-ed-opt.is-on{color:var(--accent);font-weight:700}
.cal-ed-empty{padding:10px;text-align:center;font-size:13px;color:var(--text-2)}
.cal-ed-pick{display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}
.cal-ed-presets{display:flex;flex-wrap:wrap;gap:6px}
.cal-ed-num{width:84px;flex:none}
.cal-ed-date{width:auto;flex:none}
.cal-ed-csearch{margin-bottom:2px}
.cal-ed-adrop .cal-ed-row > select.cal-inp{width:auto;flex:1 1 130px}
.cal-ed-adrop .cal-ed-row > .cal-inp[type=time]{width:auto;flex:0 1 110px}

/* повтор: «Настроить…» */
.cal-ed-rc{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}
.cal-ed-rc[hidden]{display:none}
.cal-ed-rc .cal-ed-row > select.cal-inp{width:auto;flex:1 1 120px}
.cal-ed-rline[hidden]{display:none}
.cal-ed-wdays{display:flex;flex-wrap:wrap;gap:4px}
.cal-ed-wd{width:40px;height:34px;border-radius:9px;background:var(--chip);font-size:13px;font-weight:700;color:var(--text-2)}
.cal-ed-wd:hover:not(:disabled){background:var(--hover)}
.cal-ed-wd.is-on{background:var(--accent);color:var(--on-accent)}
.cal-ed-wd:disabled{cursor:default}
.cal-ed-wd:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cal-ed-radios{display:flex;flex-direction:column;gap:6px}
.cal-ed-radio{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.cal-ed-radio input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.cal-ed-radio.is-off{opacity:.5;cursor:default}
.cal-ed-radio .cal-inp{width:auto}

/* участники: выбранные, занятость, поиск, «Найти время» */
.cal-ed-people:empty{display:none}
.cal-ed-pchip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 3px;border-radius:99px;background:var(--chip);
  border:1px solid var(--border);font-size:13px;color:var(--text);cursor:pointer}
.cal-ed-pchip:hover{background:var(--hover)}
.cal-ed-pchip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cal-ed-pchip .ava.cal-ed-pava{width:24px;height:24px;font-size:10px}
.cal-ed-pname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cal-ed-ptag{font-size:11.5px;color:var(--text-2)}
.cal-ed-badge{padding:1px 7px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}
.cal-ed-badge.is-busy{background:rgba(229,72,77,.14);color:var(--danger)}
.cal-ed-badge.is-tentative{background:rgba(224,160,58,.16);color:var(--warn)}
.cal-ed-badge.is-unknown{background:var(--chip);color:var(--muted)}
.cal-ed-fbsum{color:var(--warn);font-weight:600}
.cal-ed-fbsum[hidden],.cal-ed-slots[hidden],.cal-ed-res[hidden]{display:none}
.cal-ed-res:empty{display:none}
.cal-ed-res{max-height:240px;margin-top:0;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}
.cal-ed-res .sr-item .ava{width:34px;height:34px;font-size:13px}
.cal-ed-res .sr-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.cal-ed-prow:empty{display:none}
.cal-ed-slots{display:flex;flex-wrap:wrap;gap:6px}
.cal-ed-slot{font-family:var(--font-mono);font-size:12.5px}

/* цвет */
.cal-ed-swatches{display:flex;flex-wrap:wrap;gap:10px}
.cal-ed-swatch{width:28px;height:28px;margin:2px;border-radius:50%;background:var(--c);border:0;cursor:pointer}
.cal-ed-swatch.is-on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--c)}
.cal-ed-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* выбор области серии (в подвале, в окне отмены, во всплывашке) */
.cal-ed-scope{display:flex;flex-direction:column;gap:7px}
.cal-ed-scope-t{font-size:13.5px;font-weight:700}
.cal-ed-scopepop{display:flex;flex-direction:column;gap:12px}

/* быстрое создание (всплывашка .cal-pop / лист .cal-sheet из calendar.css) */
.cal-ed-quick{display:flex;flex-direction:column;gap:10px}
.cal-ed-kinds{display:flex;flex-wrap:wrap;gap:6px}
.cal-ed-kind{padding:6px 12px;border-radius:99px;background:var(--chip);font-size:13px;font-weight:700;color:var(--text-2)}
.cal-ed-kind:hover{color:var(--text)}
.cal-ed-kind.is-on{background:var(--accent);color:var(--on-accent)}
.cal-ed-kind:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cal-ed-qwhen{font-size:13px;color:var(--text-2)}
.cal-ed-quick .cal-ed-err[hidden]{display:none}
.cal-ed-pop.cal-sheet{padding-top:14px}
.cal-ed-pop.is-float{position:fixed;left:8px;right:8px;bottom:8px;top:auto;z-index:96;background:var(--panel);border:1px solid var(--border);
  border-radius:16px;padding:12px;box-shadow:var(--shadow)}

/* настройки */
.cal-ed-settings{gap:0}
.cal-ed-sec{display:flex;flex-direction:column;gap:12px;padding:14px 0;border-top:1px solid var(--border)}
.cal-ed-sec:first-child{padding-top:2px;border-top:0}
.cal-ed-sec-t{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.cal-ed-work > .cal-inp{width:auto;flex:0 1 120px}
.cal-ed-tzbox{display:flex;flex-direction:column;gap:6px}
.cal-ed-feed{display:flex;flex-direction:column;gap:10px}
.cal-ed-url{font-family:var(--font-mono);font-size:12.5px}
.cal-ed-feedb{gap:6px}
.cal-ed-confirm{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;font-size:13.5px;
  background:rgba(229,72,77,.10);border-left:3px solid var(--danger)}

/* ---------- детали в панели (calendar-detail.js) ---------- */
.cal-dt{display:flex;flex-direction:column;gap:14px;min-width:0}
.cal-dt-head{display:flex;align-items:flex-start;gap:10px}
.cal-dt-bar{flex:none;width:4px;min-height:28px;align-self:stretch;border-radius:2px;background:var(--c)}
.cal-dt-title{flex:none;min-width:0;margin:0;font-size:19px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
/* растягивается только в строке шапки встречи; у задачи и напоминания заголовок —
   прямой потомок колонки .cal-dt, и на телефоне (min-height:100%) flex:1 раздувал его на пол-экрана */
.cal-dt-head .cal-dt-title{flex:1}
.cal-dt-title.is-struck{text-decoration:line-through;color:var(--text-2)}
.cal-dt-more{width:36px;height:36px;margin:-5px -6px 0 0}
.cal-dt-more svg{display:block}
.cal-dt-banner{padding:9px 12px;border-radius:10px;background:var(--chip);font-size:13.5px;font-weight:700}
.cal-dt-banner.is-danger{background:rgba(229,72,77,.13);color:var(--danger)}
.cal-dt-when{display:flex;flex-direction:column;gap:3px}
.cal-dt-when-t{font-size:15px;font-weight:600;line-height:1.4}
.cal-dt-sub{font-size:13px;color:var(--text-2);line-height:1.4}
.cal-dt-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:10px;background:none;text-align:left;
  font-size:14px;color:var(--text)}
.cal-dt-row.is-link{cursor:pointer}
.cal-dt-row.is-link:hover,.cal-dt-row.is-link:focus-visible{background:var(--hover);outline:none}
.cal-dt-row-t{flex:1;min-width:0;overflow-wrap:anywhere}
.cal-dt-ico{flex:none;width:22px;text-align:center;color:var(--text-2)}
.cal-dt-joinrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cal-dt-join{padding:9px 20px}
.cal-dt-confirm{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:10px 12px;border-radius:12px;background:var(--accent-soft);font-size:14px}
.cal-dt-btns{display:flex;flex-wrap:wrap;gap:6px}
.cal-dt-sec{display:flex;flex-direction:column;gap:4px;min-width:0}
.cal-dt-sec-t{margin:0 0 2px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
/* «3 участника: Пойдут: 1 · …» — фраза, не подпись раздела */
.cal-dt-sec-t.is-plain{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:700;color:var(--text)}
.cal-dt-group{margin-top:6px;font-size:12.5px;font-weight:700;color:var(--text-2)}
.cal-dt-person{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:10px}
.cal-dt-person.is-link{cursor:pointer}
.cal-dt-person.is-link:hover,.cal-dt-person.is-link:focus-visible{background:var(--hover);outline:none}
.cal-dt-person .ava.cal-dt-ava{width:34px;height:34px;font-size:13px}
.cal-dt-pmain{flex:1;min-width:0}
.cal-dt-pname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-dt-psub{font-size:12px;color:var(--text-2)}
.cal-dt-pcm{font-size:12.5px;font-style:italic;color:var(--text-2);overflow-wrap:anywhere}
.cal-dt-px{width:30px;height:30px;font-size:12px}
.cal-dt-invite{align-self:flex-start;margin-top:6px}
.cal-dt-pick{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.cal-dt-desc{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.cal-dt-desc.is-open{display:block;-webkit-line-clamp:unset;overflow:visible}
.cal-dt-descmore{align-self:flex-start;margin-left:-8px}
.cal-dt-descmore[hidden]{display:none}
.cal-dt-alerts{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.cal-dt-hist-b{display:flex;align-items:center;gap:2px;padding:4px 0;font-size:13.5px;font-weight:700;color:var(--text-2)}
.cal-dt-hist-b:hover{color:var(--text)}
.cal-dt-hist{display:flex;flex-direction:column}
.cal-dt-hrow{padding:7px 0;border-top:1px solid var(--border)}
.cal-dt-hsum{font-size:13.5px;overflow-wrap:anywhere}

/* ответ: компьютер — под шапкой, телефон — липкая полоса снизу */
.cal-dt-rsvp{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border)}
/* короткая деталь — полоса всё равно внизу панели */
.cal-root.is-phone .cal-dt{min-height:100%}
/* липкость отсчитывается от поля .cal-panel-body (padding-bottom 16px) — уводим полосу к самому краю */
.cal-root.is-phone .cal-dt-rsvp{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom,0px));z-index:1;margin:auto -14px calc(-16px - env(safe-area-inset-bottom,0px));
  padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--border);border-radius:0;
  background:var(--panel);box-shadow:0 -6px 18px rgba(0,0,0,.14)}
.cal-dt-rsvp-q{font-size:14px;font-weight:700}
.cal-rb{flex:1 1 0;min-width:0;padding:8px 10px;border-radius:10px;background:var(--chip);border:1px solid var(--border);
  font:inherit;font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-rb:hover{background:var(--hover)}
.cal-rb:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cal-rb.is-on.is-accepted,.ev-rb.is-on.is-accepted{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--wk-ok,var(--green));border-color:currentColor}
.cal-rb.is-on.is-tentative,.ev-rb.is-on.is-tentative{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn);border-color:currentColor}
.cal-rb.is-on.is-declined,.ev-rb.is-on.is-declined{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border-color:currentColor}
.cal-rb.is-pick{outline:2px solid var(--accent);outline-offset:1px}
.cal-dt-cm{align-self:flex-start;margin-left:-8px}
.cal-dt-scope > .cal-btn-s{flex:1 1 auto}

/* задача */
.cal-dt-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--c)}
.cal-dt-glyph{font-size:15px;line-height:1}
.cal-dt-tags{display:flex;flex-wrap:wrap;gap:6px}
.cal-dt-chip{display:inline-flex;align-items:center;max-width:100%;padding:4px 10px;border-radius:99px;background:var(--chip);
  font-size:12.5px;font-weight:600;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-dt-chip.is-link{cursor:pointer;color:var(--accent)}
.cal-dt-chip.is-link:hover{background:var(--accent-soft)}
.cal-dt-prio{padding:4px 10px;border-radius:99px;font-size:12.5px;font-weight:700}
.cal-dt-prio.is-urgent{background:color-mix(in srgb,var(--cal-c-red) 16%,transparent);color:var(--cal-c-red)}
.cal-dt-prio.is-high{background:color-mix(in srgb,var(--cal-c-orange) 16%,transparent);color:var(--cal-c-orange)}
.cal-dt-prio.is-low{background:color-mix(in srgb,var(--cal-c-graphite) 16%,transparent);color:var(--cal-c-graphite)}
.cal-dt-tbtns .btn{flex:0 0 auto}
.cal-dt-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;font-size:14px}
.cal-dt-meta dt{color:var(--text-2)}
.cal-dt-meta dd{margin:0;overflow-wrap:anywhere}
.cal-dt-meta dd.is-danger{color:var(--danger);font-weight:700}
.cal-dt-subs{display:flex;flex-direction:column;gap:4px}
.cal-dt-links{display:flex;flex-direction:column;gap:2px}
.cal-dt-foot{padding-top:10px;border-top:1px solid var(--border)}

/* ---------- карточка встречи в ленте (класс .wk-card — общая рамка карточек) ---------- */
.ev-card{box-shadow:inset 3px 0 0 var(--c,var(--cal-c-blue))}
.ev-tag{padding:1px 7px;border-radius:99px;background:var(--chip);font-size:11px;font-weight:700;color:var(--text-2);
  text-transform:none;letter-spacing:0;white-space:nowrap}
.ev-canceled{color:var(--danger);font-weight:700}
.ev-title.is-struck{text-decoration:line-through;color:var(--text-2)}
.ev-when{margin-top:4px;font-size:13.5px;font-weight:600}
.ev-sub{margin-top:2px;font-size:13px;color:var(--text-2);overflow-wrap:anywhere}
.ev-people{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;color:var(--text-2)}
.ev-avas{display:flex;align-items:center;padding-left:6px}
.ev-avas .ava.ev-ava{width:22px;height:22px;margin-left:-6px;border:2px solid var(--panel-2);font-size:9px}
.ev-actions{flex-wrap:wrap}
.ev-card .btn{padding:7px 12px;font-size:13.5px;white-space:nowrap}
.ev-card .ev-join[hidden]{display:none}
.ev-more{margin-left:auto}
.ev-card.is-canceled .wk-head .wk-ico{opacity:.6}
@media (max-width:520px){
  /* восемь цветов — в одну строку и на телефоне */
  .cal-ed-swatches{gap:6px}
  .cal-ed-swatch{width:26px;height:26px}
  .ev-card .btn{padding:7px 10px}
  .cal-ed-discard-b{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .cal-sw-i,.cal-sw-i::before{transition:none}
}