/*
 * Окно «Обсудить» корпоративного тарифа API (templates/support/discuss_dialog.html,
 * 0.273.0, окно Б со страницы вариантов 31.10.2026). Рамка, заголовок, крестик,
 * кнопка и подвал — общие с окном обращений (report-error.css, datool.css), поля —
 * fields.css. Здесь то, чего нет на странице API без storefront.css: сетка поля,
 * ошибка, итог отправки, а также своё — что входит в тариф и объём «чипами».
 */

/* Поле: подпись над вводом; ошибка — красным, пустая не занимает места */
.dt-discuss .sf-field{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0;color:var(--bp-ink-2);font-size:14px;line-height:1.4}
.dt-discuss .sf-field textarea{min-height:112px;height:auto;padding-top:8px;padding-bottom:8px;resize:vertical}
.dt-discuss legend{margin-bottom:7px;padding:0}
.dt-discuss .sf-error{color:var(--text-red);font-size:13px}
.dt-discuss .sf-error:empty{display:none}
.dt-discuss .sf-form-status{margin:0;padding:16px;border-radius:12px;background:var(--bp-hover);line-height:1.6}

/* Что входит в тариф — фиолетовые метки под заголовком */
.dt-discuss__included{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:0;list-style:none}
.dt-discuss__included li{padding:4px 10px;border-radius:999px;background:var(--bp-hover);color:var(--text-purple);font-size:13px;font-weight:700}

/* Объём — радиокнопки в виде «чипов»: выбранный с фиолетовой рамкой */
.dt-discuss__chips{display:flex;flex-wrap:wrap;gap:6px}
.dt-discuss__chip{position:relative;cursor:pointer}
.dt-discuss__chip input{position:absolute;opacity:0;pointer-events:none}
.dt-discuss__chip span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bp-surface);color:var(--bp-ink-2);font-size:14px}
.dt-discuss__chip:hover span{border-color:var(--text-purple);color:var(--text-purple)}
.dt-discuss__chip input:checked+span{border-color:var(--brand);background:var(--bp-hover);color:var(--text-purple);font-weight:700}
.dt-discuss__chip input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}