/* Ergänzungen zu MudBlazor für die Anmeldeseiten von EL.Identity */
.nel-form-actions {
    margin-top: 24px;
}

/* Datenbankwahl: natives select im Stil eines umrandeten MudBlazor-Felds */
.nel-select {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nel-select > span {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.nel-select select {
    width: 100%;
    padding: 14px 12px;
    font: inherit;
    font-size: 1rem;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--mud-default-borderradius);
    cursor: pointer;
}

.nel-select select:hover {
    border-color: var(--mud-palette-text-primary);
}

.nel-select select:focus {
    outline: none;
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 1px var(--mud-palette-primary);
}

/* Pflegeseite der Web-Clients */
.nel-db-list {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    padding: 8px 12px;
}

.nel-db-list label,
.nel-confirm {
    display: flex;
    gap: 8px;
    align-items: baseline;
    padding: 2px 0;
}

.nel-db-list small {
    color: var(--mud-palette-text-secondary);
}

.nel-secret {
    font-family: Consolas, "Cascadia Mono", monospace;
    word-break: break-all;
}