.sectionHeader {
    background-image: linear-gradient(to bottom right, #60a4b0, #98d0da);
}

.gradient-card {
    background: white;
    padding: 16px;
    border-radius: 8px;
    box-shadow: var(--mud-elevation-3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 4px solid #60a4b0;
}

.appBarLogo, .appBarLogoLarge {
    content: url("/themes/Wilmar/AppBarLogo.png");
    height: 40px;
}

.loginLogo {
    content: url("/themes/Wilmar/LoginLogo.svg");
    width: 450px;
}

.appSearchBar .mud-input > input.mud-input-root {
    color: white;
}

.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}