.page-navigation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.btn.navigation-back{background:#e7effc;color:#174987;border-color:#b5ccef;font-weight:750;white-space:nowrap}
.btn.navigation-back:hover{background:#d6e5fb}
.record-page-steps,.record-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.record-page-steps>span,.record-navigation>span{font-size:13px;font-weight:650;color:var(--muted);text-align:center}
.record-page-steps .btn,.record-navigation .btn{font-weight:700;background:#edf2fb;color:#224c87;border-color:#c1d2ec}
.record-navigation{flex:none;margin:0 0 12px;padding:10px 12px;border:1px solid #cbd9ef;background:#f1f5fc;border-radius:12px}
.record-navigation .btn{background:white}
.record-page-steps .record-list-link{background:white}
.dialog>.dialog-heading h2{flex:1;min-width:0}
.dialog-actions [data-submit-action="next"]{background:#127665;border-color:#127665;color:white;font-weight:750}
.dialog-actions [data-submit-action="new"]{background:#e9e3fa;border-color:#c9b8ed;color:#5a3588;font-weight:750}
.dialog-actions [data-submit-action="next"]:hover{background:#0b6253}
.dialog-actions [data-submit-action="new"]:hover{background:#dcd0f5}
.dialog.form-workspace-dialog:not(.wide) .dialog-actions:has([data-submit-action="new"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.record-navigation .btn:disabled,.record-page-steps .btn:disabled,.dialog-actions [data-submit-action]:disabled{opacity:.45;cursor:not-allowed}
.navigation-back:focus-visible,.record-navigation .btn:focus-visible,.record-page-steps .btn:focus-visible{outline:3px solid #4283d6;outline-offset:3px}
@media(max-width:720px){
 .page-navigation{align-items:stretch;margin-bottom:14px}
 .record-page-steps{width:100%;gap:8px}
 .record-page-steps .record-list-link{flex-basis:100%;text-align:center}
 .record-navigation{padding:8px;gap:6px}
 .record-navigation .btn{padding-inline:9px;min-height:44px}
 .record-navigation>span{font-size:12px}
 .dialog>.dialog-heading{flex-wrap:wrap;gap:8px}
 .dialog>.dialog-heading h2{order:3;flex-basis:100%}
 .dialog>.dialog-heading [data-dialog-close]{margin-left:auto}
 .dialog.form-workspace-dialog>form>.dialog-actions{display:flex;flex-wrap:wrap;gap:7px}
 .dialog.form-workspace-dialog>form>.dialog-actions>.btn{flex:1 1 calc(50% - 7px);font-size:12px;padding-inline:8px}
}