/* Shared Modern navigation/control conventions, without print changes. */
.app-version-button {
  display: inline-block; font: inherit; line-height: 1.4; padding: .05rem .35rem;
  border: 1px solid var(--border); border-radius: .4rem; color: inherit;
  background: var(--button-face); text-decoration: none; vertical-align: baseline;
}
/* Pair the chip text with its surface rather than the title bar links. */
.app-header .app-version-button { color: var(--text); }
.app-version-button:hover, .app-version-button:focus-visible { text-decoration: underline; outline-offset: 2px; }
@media screen {
  body.surface-modern .interface-dialog-close {
    margin-left: auto;
    flex: 0 0 auto;
    width: auto !important;
    max-width: 7rem;
    white-space: nowrap;
    min-height: 44px;
  }
}
@media screen and (max-width: 640px) {
  body.surface-modern .staff-modal-heading > div:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
  }
}

/* Retain the approved Recipes button width; typography is shared in the header. */
body.surface-modern .surface-nav-modern a.nav-recipes { position: relative; padding-inline: 1.5rem; }