/* Shared action style for inline names and labels. */
.inline-edit-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--muted, #6c757d);
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
}
.inline-edit-action:hover,
.inline-edit-action:focus-visible { color: var(--teal, #246b60); }
.inline-edit-action:focus-visible { outline: 1px solid currentColor; outline-offset: 1px; border-radius: 2px; }
.inline-edit-action[aria-disabled="true"] { opacity: .5; cursor: default; }
.inline-edit-action[hidden] { display: none; }

.inline-edit-name { display: flex; align-items: center; gap: 4px; min-width: 0; }
.inline-edit-name > [data-profile-name] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inline-edit-name > [hidden] { display: none; }
.inline-edit-field { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; width: 100%; min-width: 0; font: inherit; }
.inline-edit-input,
.inline-edit-input:focus {
    flex: 0 1 auto; min-width: 1ch; width: auto; max-width: calc(100% - 22px);
    field-sizing: content; box-sizing: border-box; height: 1lh; min-height: 0;
    border: 0; border-radius: 0; outline: 0; box-shadow: none;
    background: transparent; color: inherit;
    padding: 0; margin: 0; font: inherit; font-weight: 700; line-height: inherit;
    appearance: none;
}
.inline-edit-error { width: 100%; font-size: 11px; line-height: 1.4; color: #b42318; overflow-wrap: anywhere; }
.inline-edit-error:empty { display: none; }