          background-color: var(--card-background);
            }

            .material-dropdown {
                width: 100%;
                padding: 12px 16px;
                border: 1px solid var(--border-color);
                border-radius: 8px;
                background-color: white;
                color: var(--text-color);
                font-size: 1rem;
                cursor: pointer;
                transition: border-color 0.2s, box-shadow 0.2s;
                appearance: none;
         