/*
 * Bug: the drag area stopped short of the dialog's right edge. It stretches over the header's
 * padding with a negative margin, but width 100% stayed the width inside that padding, and the
 * margin was 1em of the title font while the header pads .7em of its own. Now margin, padding
 * and width all come from the header's padding token, and the title class sits on the text
 * only, so this element keeps the header's font size and the token resolves to the same length.
 */
.dragheader[data-v-6e4fcdef] {
    --pad: var(--p-dialog-header-padding);
    width: calc(100% + 2 * var(--pad));
    display: grid;
    gap: 0.5em;
    grid-template-columns: 1fr auto;
    align-items: center;
    cursor: grab;
    margin: calc(-1 * var(--pad));
    padding: var(--pad);
}
.dragheader[data-v-6e4fcdef]:active {
    cursor: grabbing;
}