/* static/css/style.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

.input-field {
    @apply w-full px-3 py-2 bg-slate-50 border border-slate-300 rounded-lg focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition;
}

.label-text {
    @apply block text-xs font-bold text-slate-500 uppercase mb-1;
}

.nav-btn {
    @apply flex flex-col items-center justify-center w-full h-full text-slate-400 transition;
}

.nav-btn.active {
    @apply text-blue-600;
}

/* Animações */
.animate-fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

.animate-slide-up {
    animation: slideUp 0.3s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

/* Ajuste para mobile notch (iPhone) */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}