/* ═══════════════════════════════════════════════════════════════════
   Диалоги и формы в рамке модалок массовых действий.

   Рамку, заголовок, крестик и кнопки берём из filters-modal.css и
   bulk-actions.css — они и есть системный стиль модалки. Здесь только
   то, чего там нет: поля ввода произвольной формы, блок предупреждения
   для удаления и широкий вариант окна.
   Подключать ПОСЛЕ filters-modal.css и bulk-actions.css.
   ═══════════════════════════════════════════════════════════════════ */

/* Широкое окно — для списков и переписки (ответы на задание). Реплики
   разведены по сторонам, и в узком окне они наезжали друг на друга. */
.filters-modal.bulk-modal .filters-content.wide{
  width:min(1040px, calc(100vw - 40px));
  /* .bulk-modal .filters-content держит max-width:560px — без сброса
     окно оставалось узким, сколько ширины ему ни задай. */
  max-width:none;
  max-height:calc(100vh - 40px);
}

/* Заголовок удаления — красный, как в «Удалить тикеты». */
.filters-title.danger{ color:#ef4444; }

/* ─── Поля формы ──────────────────────────────────────────────────── */
/* Стекло как у .filter-select: в модалке не должно быть двух разных
   видов полей ввода. */
.hd-field{
  width:100%;
  box-sizing:border-box;
  padding:10px 14px;
  border:1px solid rgba(203,213,225,.65);
  border-radius:9px;
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  color:#1e293b;
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(248,250,252,.85) 100%);
  transition:border-color .15s ease, box-shadow .15s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(15,23,42,.04);
}
.hd-field:hover{ border-color:rgba(99,102,241,.40); }
.hd-field:focus{
  border-color:#6366f1;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 0 0 3px rgba(99,102,241,.15);
}
.hd-field::placeholder{ color:#94a3b8; }
textarea.hd-field{ min-height:84px; resize:vertical; line-height:1.55; }

/* Пояснение под заголовком диалога. */
.hd-dialog-text{
  margin:0;
  font-size:13.5px;
  line-height:1.6;
  color:#475569;
}
.hd-dialog-text + .hd-field{ margin-top:14px; }

/* ─── Предупреждение перед удалением ──────────────────────────────── */
/* Один в один с модалкой «Удалить тикеты»: человек должен узнавать
   опасный экран по виду, а не вчитываться. */
.hd-warn{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
}
.hd-warn-ic{ font-size:26px; line-height:1.1; flex:none; }
.hd-warn-title{ font-weight:600; color:#1e293b; font-size:15px; }
.hd-warn-sub{ color:#6b7280; font-size:13px; margin-top:2px; line-height:1.55; }
.hd-warn-box{
  font-size:14px;
  color:#64748b;
  padding:10px 14px;
  background:#fef2f2;
  border:1px solid #fecaca;
  border-radius:8px;
}

/* ─── Тёмная тема ─────────────────────────────────────────────────── */
html[data-theme="dark"] .hd-field{
  background:linear-gradient(180deg,#172033 0%, #131b27 100%);
  border-color:#2c3a4f;
  color:#e5e7eb;
  box-shadow:none;
}
html[data-theme="dark"] .hd-field::placeholder{ color:#64748b; }
html[data-theme="dark"] .hd-dialog-text{ color:#94a3b8; }
html[data-theme="dark"] .hd-warn-title{ color:#e5e7eb; }
html[data-theme="dark"] .hd-warn-sub{ color:#94a3b8; }
html[data-theme="dark"] .hd-warn-box{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.35);
  color:#cbd5e1;
}