/* Association confirmations are full dialog actions, unlike compact inline link controls. */
.dialog-actions > .association-link-action {
    min-height: var(--interface-control-height);
    padding: 8px 12px;
    font-size: var(--interface-value-size);
}

/* Dialog footers retain readable full-width actions at the mobile editor breakpoint. */
@media (max-width: 760px) {
    :is(dialog, [role="dialog"], [popover]) .dialog-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch;
        gap: 10px;
        box-sizing: border-box;
        width: var(--dialog-actions-width, 100%);
        max-width: none;
    }

    :is(dialog, [role="dialog"], [popover]) .dialog-actions > .disabled-action {
        display: flex;
        width: 100%;
    }

    :is(dialog, [role="dialog"], [popover]) .dialog-actions > :is(button, .button):not(.overlay-close),
    :is(dialog, [role="dialog"], [popover]) .dialog-actions > .disabled-action > button {
        box-sizing: border-box;
        flex: 0 0 auto !important;
        justify-content: center;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: var(--interface-control-height) !important;
        padding: var(--interface-control-padding) !important;
        font-size: var(--interface-value-size) !important;
        white-space: normal;
        text-align: center;
    }

    /* The editor lifecycle stays shared, while these actions keep their visible text. */
    :is(dialog, [role="dialog"], [popover]) .dialog-actions > [data-editor-action] > :not(svg):not([hidden]) {
        display: revert !important;
    }

    :is(dialog, [role="dialog"], [popover]) .dialog-actions > [data-editor-action] > svg,
    :is(dialog, [role="dialog"], [popover]) .dialog-actions[hidden],
    :is(dialog, [role="dialog"], [popover]) .dialog-actions [hidden] {
        display: none !important;
    }
}