body { background-color: #f4f6f9; }
.card { border: none; border-radius: 10px; }
.table thead { background-color: #f8f9fa; }
#resultados-busca { max-height: 400px; overflow-y: auto; }

/* Rolagem horizontal suave em tabelas dentro de telas pequenas (celular) */
.table-responsive { -webkit-overflow-scrolling: touch; }

/* Evita que o iOS/Safari dê zoom automático ao tocar em campos de formulário */
input.form-control,
select.form-select,
textarea.form-control {
  font-size: 16px;
}

@media print {
  .navbar, .no-print { display: none !important; }
  main { padding: 0 !important; }
}

/* ===================== Ajustes para telas de celular ===================== */
@media (max-width: 576px) {
  main.container-fluid { padding-left: .75rem; padding-right: .75rem; }

  h4 { font-size: 1.15rem; }

  /* Tabelas ficam um pouco mais compactas para caber mais conteúdo antes de precisar rolar */
  .table { font-size: .9rem; }
  .table td, .table th { padding: .5rem .5rem; }

  /* Botões e links tocáveis com área mínima confortável */
  .btn { min-height: 38px; }
  .btn-sm { min-height: 32px; }

  /* Cards de loja no Painel ficam 2 por linha em vez de espremidos */
  .card-loja .fs-5 { font-size: 1rem !important; }

  /* Cabeçalhos de card com botão(ões): título e ação(ões) empilham bonito */
  .card-header.d-flex { row-gap: .5rem; }
}