/* ==============================================================================
   ADMIN PANEL — Estilos customizados (complementa Tailwind CDN)
   ============================================================================== */

/* Animações */
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.25s ease-out; }

@keyframes slideIn { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: translateX(0); } }
.animate-slide-in { animation: slideIn 0.3s ease-out; }

/* Scrollbar customizada */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Sidebar */
.sidebar-link { transition: all 0.15s ease; }
.sidebar-link.active { background-color: #eff6ff; color: #2563eb; font-weight: 600; }
.sidebar-link:hover:not(.active) { background-color: #f8fafc; }

/* Tabela */
.table-row-hover:hover { background-color: #f8fafc; }

/* Modal backdrop */
.modal-backdrop { background: rgba(0,0,0,0.4); backdrop-filter: blur(2px); }

/* Input focus ring */
input:focus, select:focus, textarea:focus { outline: none; }