/* <mln:confirmDialog> and the dialog-footer include. */
.mln-dialog-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
}
.mln-dialog-footer-start,
.mln-dialog-footer-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}
.mln-dialog-footer-end { margin-inline-start: auto; }
.mln-dialog-footer-start:empty { display: none; }
/* Diamond gives footer buttons a right margin; the gap already spaces them. */
.mln-dialog-footer .ui-button { margin: 0; }

.mln-confirm.ui-dialog { width: min(30rem, calc(100vw - 2rem)); }
.mln-confirm .ui-dialog-content { line-height: 1.5; }
.mln-confirm .ui-dialog-buttonpane {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
.mln-confirm .ui-dialog-buttonpane .ui-button { margin: 0; }

/* Narrow screens stack the actions full width with the primary, declared last, on top. */
@media (max-width: 480px) {
    .mln-dialog-footer,
    .mln-dialog-footer-end,
    .mln-confirm .ui-dialog-buttonpane {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .mln-dialog-footer-end { width: 100%; margin-inline-start: 0; }
    .mln-dialog-footer .ui-button,
    .mln-confirm .ui-dialog-buttonpane .ui-button { width: 100%; }
}