/* ── TisOS · диалог предупреждения перед удалением материала (волна В2в, 15.08.2026) ──
   ОДИН файл на обе панели — как и сам модуль public/js/material-delete-warn.js: кнопка
   удаления живёт и у владельца, и у старшей медсестры, и второй копией стилей волна
   повторила бы дубль, только тише (урок волны В2а).

   🔴 СВОИ КЛАССЫ, А НЕ ОБЩИЙ .modal. Общий модал панелей открывается разметкой из html
   (hidden-узел на странице) и завязан на document.body.style.overflow; этот диалог
   создаётся модулем на лету и обязан работать в обеих панелях одинаково, не трогая
   чужую механику прокрутки. Кнопки — ровно 44 px по норме тач-цели обходчика. */

.mdw-back {
  position: fixed; inset: 0; z-index: 1200;
  display: flex; align-items: center; justify-content: center; padding: 16px;
  background: rgba(15, 23, 42, .45);
}
.mdw-box {
  width: 100%; max-width: 460px; max-height: 88vh; overflow-y: auto;
  display: flex; flex-direction: column; gap: 10px;
  padding: 18px; border-radius: var(--radius, 12px);
  background: var(--card, #fff); color: var(--text, #0F172A);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .28);
}
.mdw-title { font-size: 16px; font-family: var(--font-head, inherit); overflow-wrap: anywhere; }
.mdw-body { display: flex; flex-direction: column; gap: 6px; }
.mdw-line { font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
/* Перечень услуг — приглушённо и с переносом: у клиники имена длинные, а строка их не режет. */
.mdw-svcs { font-size: 13px; line-height: 1.45; color: var(--text-muted, #64748B); overflow-wrap: anywhere; }
.mdw-note { font-size: 13px; line-height: 1.45; color: #92400E; }

.mdw-btns { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 4px; }
.mdw-no, .mdw-yes {
  flex: 0 1 auto; min-height: 44px; min-width: 44px; padding: 8px 16px;
  font-size: 14px; cursor: pointer;
  border: 1px solid var(--border, #E2E8F0); border-radius: var(--radius-sm, 8px);
  background: var(--card, #fff); color: var(--text, #0F172A);
}
.mdw-no:hover { border-color: var(--primary, #2563EB); color: var(--primary, #2563EB); }
.mdw-yes { border-color: var(--danger, #DC2626); color: #fff; background: var(--danger, #DC2626); }
.mdw-yes:hover { filter: brightness(.94); }
.mdw-yes[disabled] { opacity: .6; cursor: default; filter: none; }