/* Quiet, consistent orientation across the staff workspace. */
#header { padding: 16px 28px; gap: 12px 24px; }
#header #site-name { font-size: 20px; line-height: 1.35; }
#header #user-tools { line-height: 1.8; }
.admin-workspace-nav {
  display: flex; flex: none; align-items: stretch; gap: 4px;
  padding: 0 28px; border-bottom: 1px solid var(--hairline-color);
  background: var(--body-bg); overflow-x: auto;
  scrollbar-width: thin; -webkit-overflow-scrolling: touch;
}
.admin-workspace-nav a {
  display: inline-flex; flex: none; align-items: center; min-height: 44px;
  box-sizing: border-box; padding: 9px 14px; border-bottom: 3px solid transparent;
  color: var(--body-quiet-color); font-size: 13px; font-weight: 600; white-space: nowrap;
}
.admin-workspace-nav a[aria-current="page"] { color: var(--link-fg); border-bottom-color: var(--link-fg); }
.admin-workspace-nav a:hover { color: var(--link-hover-color); background: var(--darkened-bg); }
.admin-workspace-nav a:focus-visible { outline: 2px solid var(--link-fg); outline-offset: -4px; }
@media (max-width: 767px) {
  #header { padding: 14px 16px 10px; }
  #header #branding { width: 100%; justify-content: space-between; flex-wrap: nowrap; gap: 10px; margin: 0; }
  #header #site-name { text-align: left; font-size: 18px; max-width: 30ch; }
  #header #user-tools { margin: 0; text-align: left; font-size: 11px; letter-spacing: 0; }
  #header .admin-language-switch { padding-inline-start: 6px; }
  #header .admin-language-switch button { min-width: 32px; min-height: 36px; }
  .admin-workspace-nav { padding-inline: 6px; }
  .admin-workspace-nav a { padding-inline: 12px; }
}
.admin-workspace-nav .request-alert-link { gap: 6px; }
.request-alert-count { border: 1px solid currentColor; border-radius: 12px; padding: 0 6px; font-size: 12px; }
.request-alert-attention { font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }
.workspace-inbox-shortcut { margin: 0 0 24px !important; color: var(--body-quiet-color); font-size: 13px; line-height: 1.6; }
.workspace-inbox-shortcut a { margin: 0 8px 8px 0; }

.request-notice, .request-update-error { margin: 0; padding: 12px 24px; background: var(--selected-bg); color: var(--body-fg); border-bottom: 1px solid var(--hairline-color); }
.request-notice strong { margin-inline-end: 12px; }
.request-notice[hidden], .request-update-error[hidden] { display: none; }