.password-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.password-control--enhanced .control {
    border-radius: var(--radius-control) 0 0 var(--radius-control);
}

.password-control__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.75rem;
    min-height: var(--control-block-size);
    padding: .65rem var(--space-3);
    border: 1px solid var(--color-border-strong);
    border-left: 0;
    border-radius: 0 var(--radius-control) var(--radius-control) 0;
    color: var(--color-accent-text);
    background: var(--color-accent-soft);
    font-weight: var(--weight-semibold);
    cursor: pointer;
    white-space: nowrap;
}

.password-control__toggle:hover {
    border-color: #756a82;
    background: #e8dcff;
}

.password-control__toggle:focus-visible {
    position: relative;
    z-index: 1;
    outline: 3px solid var(--color-focus);
    outline-offset: 0;
}

.password-control__toggle[hidden] {
    display: none;
}