/* Estilos customizados para o EkoSMoney */

/* Classe adicional para categoria empréstimo */
.categoria-emprestimo {
    box-shadow: 0 1px 2px 0 rgba(239, 68, 68, 0.1);
}

/* Destaque para saídas vencidas */
.saida-vencida {
    background-color: #fef2f2; /* Vermelho muito suave */
    border-left: 4px solid #ef4444; /* Borda vermelha */
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.saida-vencida:hover {
    background-color: #fee2e2; /* Vermelho um pouco mais forte no hover */
    border-left-color: #dc2626;
}

/* Ícone de alerta para saídas vencidas */
.icone-alerta-vencida {
    color: #dc2626;
    animation: pulse-alert 2s infinite;
}

@keyframes pulse-alert {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}

/* Melhorias globais para telas pequenas */
html,
body {
    overflow-x: hidden;
}

.overflow-x-auto {
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 640px) {
    main {
        padding-bottom: 1rem;
    }

    table.min-w-full {
        min-width: 720px;
    }
}