/* Diário Alimentar IA - Estilos customizados */

/* Safe area para PWA em iPhones com notch */
.safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* Scroll suave */
html { scroll-behavior: smooth; }

/* Input type number sem spinner */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] { -moz-appearance: textfield; }

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

/* Melhor toque em mobile */
@media (max-width: 768px) {
    button, a { -webkit-tap-highlight-color: transparent; }
    input, select, textarea { font-size: 16px !important; } /* Evita zoom no iOS */
}

/* Barra de rolagem fina */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }