.crm-date-control{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;position:relative}
.crm-date-control>input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0;pointer-events:none}
.crm-date-trigger{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-date-quick,.work-task-presets,.work-task-whens{display:flex;flex-wrap:wrap;gap:6px}
.crm-date-control--timed{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;width:100%}
.crm-date-control--timed>.crm-date-trigger{box-sizing:border-box;width:192px;min-width:0;font-variant-numeric:tabular-nums}
.crm-date-control--timed>.crm-date-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,360px)}
.crm-date-quick .btn{min-width:0;padding-inline:6px;white-space:nowrap}
.crm-date-quick [aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
.work-task-presets{margin:0 0 10px}.work-task-presets [aria-pressed=true]{background:var(--text);color:var(--bg)}
dialog.crm-calendar{width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);box-shadow:var(--shadow);overflow:auto}
.crm-calendar::backdrop{background:#0007}
.crm-calendar header{display:flex;gap:4px;align-items:center;margin-bottom:10px}
.crm-calendar header strong{flex:1;text-align:center;font-size:14px}
.crm-calendar header .btn{width:30px;padding:0;min-height:30px}
.crm-calendar-week,.crm-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.crm-calendar-week{text-align:center;font-size:11px;color:var(--text2);margin-bottom:4px}
.crm-calendar-days .btn{min-width:0;min-height:32px;height:32px;padding:0;border-color:transparent}
.crm-calendar-days .is-other{opacity:.4}.crm-calendar-days [aria-pressed=true]{background:var(--text);color:var(--bg)}
.crm-calendar-time{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px}
.crm-calendar-time input{width:58px;min-height:32px;box-sizing:border-box;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;text-align:center}
.crm-calendar footer{display:flex;gap:6px;justify-content:space-between;margin-top:12px}
.crm-calendar footer .btn{flex:1;min-width:0;padding:4px 6px}
.crm-calendar [role=status]:not(:empty){font-size:12px;margin-top:8px;color:var(--chip-red-tx)}

/* Ряд типов задачи на узком экране (п. 296, Д138).
   ⚠️ Пятая кнопка «Закрыть» не влезала: четыре давали 254 px из 326,
   пять — 322 px плюс зазоры, и ряд переносился на вторую строку, меняя
   высоту окна с 32 на 70 px (замерено 02.11.2026 на iPhone и Android).
   Поджимаем боковые отступы и зазор — ряд остаётся одной строкой, ничего
   не прячется и не прокручивается. */
@media (max-width:460px){
  .work-task-presets{gap:4px}
  /* ⚠️ Класс удвоен намеренно: `crm_mobile_compact.css` задаёт
     `.dlg .btn{padding:5px 9px}` — та же сила селектора, но лист
     подключается позже и побеждал. С удвоением сила выше, и правило
     действует именно здесь, не затрагивая остальные кнопки. */
  .work-task-presets .btn.btn{padding-left:6px;padding-right:6px}
}
/* Быстрые сроки следующей задачи (п. 352, 06.11.2026): тот же ряд, что у
   готовых текстов выше — чтобы блок читался одним куском. */
.work-task-whens{margin:0 0 10px}