/**
 * Portal Entreg.Aí — refinamentos custom
 * Complementa Tailwind. Manter mínimo.
 */

[x-cloak] { display: none !important; }

/* Spinner com border-width customizada (Tailwind só vai até border-2) */
.border-3 { border-width: 3px; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Focus ring mais limpo */
*:focus { outline: none; }

/* Selection color */
::selection {
  background-color: #279EFF;
  color: white;
}

/* Scrollbar styling (webkit) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f5f5f4; }
::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #a8a29e; }

/* Tabela: linha com hover suave usando ::before pra não interferir no z-index */
table tr {
  position: relative;
}

/* Animação de spinner (Alpine não anima @click direto sem essa) */
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 0.7s linear infinite; }

/* Texto monoespaçado refinado */
.font-mono {
  font-feature-settings: "calt" 0, "liga" 0;
  letter-spacing: -0.01em;
}

/* Tipografia de cabeçalho com kerning otimizado */
h1, h2, h3 {
  font-feature-settings: "ss01", "ss02", "kern";
  letter-spacing: -0.02em;
}

/* Botão amber: sombra com cor própria, fica vivo */
button.bg-amber:not(:disabled):hover {
  filter: brightness(1.05);
}

/* Modal backdrop blur */
.fixed.inset-0.bg-black\/50 {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* Skip animations em prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}