* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

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

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.3);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 116, 139, 0.5);
}

/* Transições suaves para cards e elevação */
.hover-elevation-4 {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.hover-elevation-4:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* Garante largura adequada e visual perfeito para o calendário do MudDatePicker */
.mud-popover:has(.mud-picker-popover-paper),
.mud-popover:has(.mud-picker-container),
.mud-popover:has(.mud-picker-calendar-container) {
    min-width: 320px !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
}

.mud-picker-popover-paper,
.mud-picker-container,
.mud-picker-calendar-container,
.mud-picker-calendar-content,
.mud-picker-content {
    min-width: 320px !important;
    width: 320px !important;
    max-width: 360px !important;
    box-sizing: border-box !important;
}

.mud-picker-header,
.mud-picker-calendar-header {
    min-width: 320px !important;
    width: 320px !important;
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.mud-picker-calendar {
    min-width: 300px !important;
    width: 100% !important;
    justify-content: space-around !important;
}

/* Wrapper para campos de data nos filtros sem restringir o popover */
.date-filter-box {
    width: 160px;
    min-width: 150px;
    flex: 0 0 160px;
    position: relative;
    overflow: visible !important;
}