/* Busca de indicativo: o campo sempre tem prioridade sobre os botões. */
.indicativo-search{
    container-type:inline-size;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(9rem,1fr) 44px repeat(3,max-content)!important;
    gap:6px!important;
    align-items:stretch!important;
}
.indicativo-search .indicativo-input{
    grid-column:1!important;
    grid-row:1!important;
    min-width:9rem!important;
    width:100%!important;
}
.indicativo-search #btnFalarIndicativo{grid-column:2!important;grid-row:1!important;width:44px!important;min-width:44px!important}
.indicativo-search #btnBuscarIndicativo{grid-column:3!important;grid-row:1!important}
.indicativo-search #btnBuscarAnatel{grid-column:4!important;grid-row:1!important}
.indicativo-search #btnBuscarHamQth{grid-column:5!important;grid-row:1!important}
.indicativo-search .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}
.indicativo-search .indicativo-btn-icone{font-size:.92em}

/* Sem espaço para palavras: preserva o campo e mantém ações reconhecíveis. */
@container (max-width:480px){
    .indicativo-search{grid-template-columns:minmax(9rem,1fr) repeat(4,42px)!important;gap:4px!important}
    .indicativo-search .btn{width:42px!important;min-width:42px!important;padding-left:0!important;padding-right:0!important}
    .indicativo-search .indicativo-btn-texto{display:none!important}
}

/* Card realmente estreito: campo grande em cima; botões compactos embaixo. */
@container (max-width:350px){
    .indicativo-search{grid-template-columns:repeat(4,minmax(38px,1fr))!important;grid-template-rows:auto auto!important;gap:5px!important}
    .indicativo-search .indicativo-input{grid-column:1/-1!important;grid-row:1!important;min-width:0!important;font-size:1rem!important;padding-left:10px!important;padding-right:10px!important}
    .indicativo-search #btnFalarIndicativo{grid-column:1!important;grid-row:2!important}
    .indicativo-search #btnBuscarIndicativo{grid-column:2!important;grid-row:2!important}
    .indicativo-search #btnBuscarAnatel{grid-column:3!important;grid-row:2!important}
    .indicativo-search #btnBuscarHamQth{grid-column:4!important;grid-row:2!important}
    .indicativo-search .btn{width:100%!important;min-width:38px!important}
}