/* Ajustes finos sobre o Tailwind via CDN. Tudo que é tematização principal já
   vive no <script tailwind.config> do base.html. */

@keyframes fade-in {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade { animation: fade-in .4s ease-out; }

/* Selection */
::selection { background: #f6efd6; color: #0f2845; }

/* Foco mais suave nos inputs do portal */
input:focus, textarea:focus, select:focus {
  outline: none;
}

/* Reduz “salto” quando alpine-x-show entra/sai */
[x-cloak] { display: none !important; }

/* Tabela responsiva no mobile */
@media (max-width: 768px) {
  table thead { display: none; }
  table, table tbody, table tr, table td { display: block; width: 100%; }
  table tr {
    border-bottom: 1px solid #e2e9f3;
    padding: 8px 0;
  }
  table td {
    padding: 6px 16px !important;
    text-align: left !important;
  }
}

/* Print: deixar limpo (cliente pode imprimir extrato de processo) */
@media print {
  header, footer, button, .no-print { display: none !important; }
  body { background: white !important; }
  main { max-width: 100% !important; padding: 0 !important; }
  .shadow-soft, .shadow-card { box-shadow: none !important; }
  .border-navy-100, .border-navy-200 { border-color: #e2e9f3 !important; }
}