/* 2026-10-02: Preserve Config 2026 dialog appearance in one theme component. */
dialog.kdp-dialog {
    box-sizing: border-box;
    width: min(480px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    overflow: auto;
    padding: 24px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    background: #fff;
    color: #222;
    font-family: 'Open Sans', Arial, sans-serif;
    box-shadow: 0 18px 55px rgba(0,0,0,.22);
}
dialog.kdp-dialog::backdrop { background: rgba(0,0,0,.42); }
dialog.kdp-dialog h2 { margin: 0 0 12px; padding: 0 46px 0 0; clear: none; font-size: 22px; }
dialog.kdp-dialog p { margin: 0 0 22px; white-space: pre-line; }
dialog.kdp-dialog h2, dialog.kdp-dialog p,
dialog.kdp-dialog button, dialog.kdp-dialog button span { font-family: 'Open Sans', Arial, sans-serif; }
dialog.kdp-dialog .kdp-dialog-actions { gap: 10px; align-items: stretch; }
dialog.kdp-dialog .kdp-dialog-actions button {
    display: flex; align-items: center; justify-content: center;
    flex: 1 1 0; min-width: 0; margin: 0; gap: 8px;
    min-height: 54px; white-space: normal;
}
dialog.kdp-dialog .kdp-dialog-actions button > span { margin: 0; }
.pff25-disabled-action-wrapper { display: block; position: relative; }
.pff25-disabled-action-wrapper > button:disabled { pointer-events: none; }
.pff25-disabled-action-wrapper > .pff25-disabled-action {
    position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%;
    margin: 0; padding: 0; border: 0; background: transparent !important;
    cursor: not-allowed;
}
.pff25-disabled-action-wrapper > .pff25-disabled-action[hidden] { display: none !important; }
.pff25-disabled-action > span {
    position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden;
    clip-path: inset(50%); white-space: nowrap;
}
.pff25-disabled-action:focus-visible { outline: 2px solid var(--colororange, #ff5800); outline-offset: 2px; }
.pff25-step-heading[data-config-dialog] { cursor: not-allowed; }

/* 2026-10-02: Robin: orange close square, white cross, aligned at the right. */
dialog.kdp-dialog .kdp-dialog-close {
    position: absolute; top: 20px; right: 20px;
    display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; min-height: 0;
    margin: 0; padding: 0; border: 0; border-radius: 4px;
    color: #fff;
    font-size: 20px; line-height: 1; cursor: pointer;
}
dialog.kdp-dialog .kdp-dialog-close > span { margin: 0; padding: 0; }
dialog.kdp-dialog .kdp-dialog-close[hidden] { display: none; }
dialog.kdp-dialog .kdp-dialog-close i { color: #fff !important; }

/* 2026-10-02: Robin: light orange hover, retaining orange label and icon. */
dialog.kdp-dialog .kdp-dialog-actions button.alt-color:hover {
    background-color: var(--colororangeverylight);
    color: var(--colororange);
}
dialog.kdp-dialog .kdp-dialog-actions button.alt-color:hover > span,
dialog.kdp-dialog .kdp-dialog-actions button.alt-color:hover > i {
    color: var(--colororange);
}