/* Estilos customizados em português */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Animation for cards hover */
.card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Custom table styling */
.table-row-hover:hover {
    background-color: #f9fafb;
}

/* Highlight revenue rows */
tr[data-type="1"] td:first-child {
    border-left: 4px solid #4F46E5;
}

/* Highlight expense rows */
tr[data-type="2"] td:first-child {
    border-left: 4px solid #10B981;
}

/* Highlight other rows */
tr[data-type="3"] td:first-child {
    border-left: 4px solid #F59E0B;
}

.positive-change {
    color: #10B981;
}

.negative-change {
    color: #EF4444;
}
/* Chart container responsive behavior */
.chart-container {
    position: relative;
    width: 100%;
}

@layer utilities {
    /* Additional utilities */
    .text-shadow {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    }
    
    .rotate-45 {
        transform: rotate(45deg);
    }
}