/* Glass styles */
.glass-card {
    /* Fallbacks for browsers without color-mix */
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    /* Preferred when supported */
    background: color-mix(in srgb, var(--mud-palette-surface) 80%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--mud-palette-divider) 60%, transparent) !important;
    backdrop-filter: saturate(140%) blur(12px);
    -webkit-backdrop-filter: saturate(140%) blur(12px);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.mud-theme-dark .glass-card {
    /* Fallbacks for browsers without color-mix */
    background: rgba(17, 24, 39, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    /* Preferred when supported */
    background: color-mix(in srgb, var(--mud-palette-surface) 30%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--mud-palette-divider) 50%, transparent) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.35);
}