/* Iadu Lead v20 — correções responsivas aditivas.
   Não altera lógica, rotas, dados ou comportamento dos botões. */

@media (max-width:700px){
  /* Base: impede qualquer conteúdo de alargar a tela */
  .page,.page-inner,.card,.cfg-section,.sec-hdr,.alert{min-width:0;max-width:100%}
  .page-inner{padding-left:15px!important;padding-right:15px!important}
  .sec-hdr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px!important;align-items:start!important}
  .sec-hdr>div{min-width:0}
  .sec-hdr h2,.sec-hdr p{max-width:100%;overflow-wrap:anywhere;word-break:normal}
  .sec-hdr h2{line-height:1.18}
  .sec-hdr>.btn{max-width:100%;white-space:normal;text-align:center}

  /* Cabeçalho móvel: título longo sem sobrepor ações */
  #topbar{min-width:0}
  .topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #toast-wrap{left:14px!important;right:14px!important;top:82px!important;align-items:flex-end}
  #toast-wrap .toast{max-width:min(360px,92vw)!important}

  /* Páginas por etapa: alerta e CTA em linhas organizadas */
  [id^="pi-"] .alert{align-items:flex-start!important;padding:16px!important}
  [id^="pi-"] .alert>div:last-child{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;line-height:1.55}
  [id^="pi-"] .alert .btn{margin-top:0!important;width:100%;max-width:260px;white-space:normal}

  /* Conhecimento: filtros empilhados e cards sem coluna espremida */
  #pg-knowledge .card>div[style*="grid-template-columns:minmax(220px,1fr) 220px"]{
    grid-template-columns:1fr!important;
  }
  #pg-knowledge #knowledge-search,
  #pg-knowledge #knowledge-filter{width:100%!important;min-width:0!important;max-width:100%!important}
  #pg-knowledge #knowledge-list .card>div[style*="justify-content:space-between"]{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;
  }
  #pg-knowledge #knowledge-list .card>div[style*="justify-content:space-between"]>div:first-child{width:100%!important;min-width:0!important}
  #pg-knowledge #knowledge-list .card>div[style*="justify-content:space-between"]>div:last-child{
    width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important
  }
  #pg-knowledge #knowledge-list .card .btn{width:100%;padding-inline:8px;white-space:normal}
  #pg-knowledge #knowledge-form-card>div[style*="grid-template-columns:220px 1fr"]{grid-template-columns:1fr!important}

  /* Classificação: ações e seleção cabem sem vazamento */
  #pg-classificacao .sec-hdr{grid-template-columns:minmax(0,1fr) auto!important}
  #classification-list .card>div:first-child{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  #classification-list .card>div:first-child>.btn{align-self:flex-start}
  #classification-list .card>div[style*="grid-template-columns:minmax(180px,1fr) auto"]{
    grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;align-items:stretch
  }
  #classification-list select{width:100%!important;min-width:0!important;font-size:16px!important;padding-inline:12px!important}
  #classification-list .btn-brand{min-width:112px;padding-inline:13px!important}

  /* Plano: alinhamento e quebra natural do aviso Sandbox */
  #pg-billing{padding-left:15px!important;padding-right:15px!important}
  #pg-billing>.sec-hdr{display:block!important;margin-bottom:18px!important}
  #pg-billing>.sec-hdr h2{font-size:23px!important}
  #pg-billing>.sec-hdr p{font-size:14px!important;line-height:1.5!important;margin-top:7px!important}
  #pg-billing>.sec-hdr strong{display:inline!important;white-space:normal!important}
  #pg-billing .billing-status-card,#pg-billing .billing-plans,#pg-billing .billing-security{max-width:100%;min-width:0}
  #pg-billing .billing-status-card{padding:18px!important}
  #pg-billing .billing-title-row{margin-top:22px!important}
  #pg-billing .billing-plan-card{min-width:0!important}

  /* Ajuda: garante input e atalhos dentro do card */
  #pg-ajuda input,#pg-ajuda textarea,#pg-ajuda select{max-width:100%;min-width:0}
  #pg-ajuda .help-hero{overflow:hidden}
  #pg-ajuda .help-quick-prompts{display:flex!important;flex-wrap:wrap!important}

  /* Botões gerais nunca ultrapassam a viewport */
  .btn{max-width:100%}
}

@media (max-width:430px){
  .sec-hdr{grid-template-columns:1fr!important}
  .sec-hdr>.btn{justify-self:start}
  #classification-list .card>div[style*="grid-template-columns:minmax(180px,1fr) auto"]{grid-template-columns:1fr!important}
  #classification-list .btn-brand{width:100%}
  #pg-knowledge #knowledge-list .card>div[style*="justify-content:space-between"]>div:last-child{grid-template-columns:1fr 1fr!important}
  #pg-knowledge #knowledge-list .card>div[style*="justify-content:space-between"]>div:last-child .btn:last-child{grid-column:1/-1}
}