/* One compact back control for every floating detail. */
dialog .dialog-navigation-heading { gap: 12px; align-items: center; }
dialog .dialog-navigation-heading > :is(div,h2) { flex: 1; min-width: 0; }
dialog .dialog-navigation-heading > .dialog-header-actions,
dialog .dialog-header-actions { display:flex; flex:0 1 auto; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; min-width:0; margin-left:auto; }
dialog .dialog-header-actions[hidden] { display:none; }
@media(max-width:600px) {
  dialog .dialog-navigation-heading { flex-wrap:wrap; }
  dialog .dialog-navigation-heading > .dialog-header-actions { max-width:100%; }
}
dialog .dialog-navigation-heading > .dialog-back {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 30px; width: 30px; height: 30px; min-height: 30px;
  padding: 0; margin: 0; border: 1px solid #d7e4e7; border-radius: 6px;
  background: #fff; color: #35616b; cursor: pointer; align-self: center;
}
dialog .dialog-navigation-heading > .dialog-back[hidden] { display: none; }
dialog .dialog-navigation-heading > .dialog-back:hover { background: #edf6f3; border-color: #a6ccc2; color: #087561; }
dialog .dialog-navigation-heading > .dialog-back:focus-visible { outline: 2px solid #168873; outline-offset: 2px; }
dialog .dialog-back svg { display: block; pointer-events: none; }