/* =============================================================================
   styles.css
   -----------------------------------------------------------------------------
   Estilos personalizados do app (o Tailwind CSS continua sendo carregado via
   CDN no index.html, exatamente como no arquivo original — aqui ficam apenas
   os pequenos ajustes extras que já existiam no <style> embutido).
   ============================================================================= */

body {
    font-family: 'Inter', sans-serif;
    -webkit-tap-highlight-color: transparent;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.tab-active {
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3);
}

/* NOVO: card de aviso urgente ("chamar atenção") — treme e pisca em
   vermelho até a pessoa confirmar que viu. */
.urgent-alert-card {
    animation: urgentShake 0.5s ease-in-out infinite, urgentBlink 1.1s ease-in-out infinite;
}
@keyframes urgentShake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-4px); }
    40% { transform: translateX(4px); }
    60% { transform: translateX(-3px); }
    80% { transform: translateX(3px); }
}
@keyframes urgentBlink {
    0%, 100% { background-color: #dc2626; }
    50% { background-color: #7f1d1d; }
}