/* ===================== Configurações: estrutura comum das seções ===================== */
/* Topo de cada seção: título (no computador) e uma frase dizendo para que ela serve */
.cfg-top { display: flex; flex-direction: column; gap: var(--s1); }
.cfg-top:empty { display: none; }
.cfg-title { margin: 0; font-size: 22px; line-height: 28px; font-weight: 700; }
.cfg-intro { margin: 0; color: var(--ink-muted); font-size: 15px; line-height: 22px; max-width: 68ch; }
.cfg-main > .note { margin: 0; }

/* Inteligência artificial: troca entre Assistente de atendimento e Técnico IA */
.cfg-parts { align-self: flex-start; }
.cfg-parts + .cfg-intro { margin-top: calc(-1 * var(--s2)); }

/* "Mais opções": campos pouco usados ficam recolhidos */
.cfg-mais > * + * { margin-top: var(--s5); }
.cfg-mais > summary { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; min-height: 48px; padding: var(--s2) var(--s4); border: 1px dashed var(--line); border-radius: var(--r-lg); cursor: pointer; font-weight: 600; list-style: none; }
.cfg-mais > summary::-webkit-details-marker { display: none; }
.cfg-mais > summary::before { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--ink-muted); border-bottom: 2px solid var(--ink-muted); transform: rotate(-45deg); transition: transform .15s; margin-right: var(--s1); flex: none; }
.cfg-mais[open] > summary::before { transform: rotate(45deg); }
.cfg-mais > summary span { font-weight: 400; color: var(--ink-muted); font-size: 14px; }
.cfg-mais > summary:hover { border-color: var(--ink-muted); }

/* Textos curtos nos campos da base técnica */
.cfg-card .field textarea[rows] { min-height: 72px; }
.cfg-card fieldset.field { border: 0; padding: 0; margin: 0; min-width: 0; }

/* Linha com um texto e uma lista de escolha (Avisos ao cliente) */
.prow-sel .select-wrap { flex: none; }

/* Barra de salvar dentro da seção (Técnico IA) */
.cfg-main > .savebar { margin-top: 0; }

@media (max-width: 860px) {
  .cfg-main { gap: var(--s4); }
  .cfg-parts { display: flex; width: 100%; }
  .cfg-parts button { flex: 1 1 0; min-width: 0; white-space: normal; height: auto; min-height: 44px; padding: var(--s2); justify-content: center; text-align: center; line-height: 18px; }
  .cfg-parts button svg { display: none; }
  .ti-hora { max-width: none; }
  .vist-row { grid-template-columns: 22px minmax(0, 1fr) 40px 40px; }
  .prow-sel { flex-direction: column; align-items: stretch; }
  .prow-sel .select-wrap, .prow-sel select { width: 100%; }
  .cfg-card .block-head .btn { flex: none; }
}
@media (max-width: 420px) {
  .cfg-card .block-head { align-items: flex-start; }
  .cfg-card .block-head > .btn { width: 100%; justify-content: center; }
}