/* Shared visual identity for the three existing frontend entry points. */
body .qf-header {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  column-gap: 26px !important;
  row-gap: 12px;
}
body .app-header:has(.qf-header) { height: auto; min-height: 80px; }
body .app-header__inner.qf-header { min-height: 80px; }
body .qf-header > .qf-brand {
  display: inline-flex; align-items: center; gap: 11px;
  width: max-content; flex: none; padding: 0; margin: 0;
  color: #f3f2f5; text-decoration: none; white-space: nowrap;
  border: 0; background: transparent; line-height: 1.15;
}
body .qf-header .qf-brand img { display: block; width: 38px !important; height: 38px !important; max-height: 38px !important; flex: none; border-radius: 11px; }
body .qf-header .qf-brand-words { display: grid; gap: 5px; }
body .qf-header .qf-brand strong { font: 650 19px/1.2 Inter,"Microsoft YaHei",system-ui,sans-serif; letter-spacing: .06em; }
body .qf-header .qf-brand small { color: #b4a0ff; font: 500 8px/1.2 Inter,system-ui,sans-serif; letter-spacing: .19em; }
body .qf-header .qf-brand:hover strong { color: #cdbdff; }
body .qf-header .qf-brand:focus-visible { outline: 2px solid #b4a0ff; outline-offset: 6px; border-radius: 8px; }
body:has(.admin-layout) .qf-header .qf-brand { color: #17243b; }
body:has(.admin-layout) .qf-header .qf-brand small { color: #7054bd; }
body .qf-header > nav:not(.member-nav) { min-width: 0; gap: 20px; }
body .qf-header > :is(.member-nav,.ec-account) { min-width: 0; margin-left: 0; justify-self: end; gap: 18px; }
@media (max-width: 1279px) {
  body .qf-header { grid-template-columns: auto minmax(0,1fr); padding-block: 13px !important; }
  body .qf-header > nav:not(.member-nav) { justify-self: end; }
  body .qf-header > :is(.member-nav,.ec-account) { grid-column: 1/-1; justify-self: stretch; justify-content: flex-end; border-top: 1px solid var(--border,#ffffff10); padding-top: 12px; flex-wrap: wrap; }
}
@media (max-width: 640px) {
  body .qf-header { grid-template-columns: minmax(0,1fr); row-gap: 13px; }
  body .qf-header .qf-brand { gap: 9px; }
  body .qf-header .qf-brand img { width: 30px !important; height: 30px !important; max-height: 30px !important; border-radius: 9px; }
  body .qf-header .qf-brand strong { font-size: 18px; }
  body .qf-header .qf-brand small { display: none; }
  body .qf-header > nav:not(.member-nav) { grid-column: 1; justify-self: stretch; display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 20px; width: 100%; height: auto; padding: 0; border: 0; scrollbar-width: none; }
  body .qf-header > nav:not(.member-nav) a { white-space: nowrap; flex-shrink: 0; font-size: 12px; min-height: 30px; padding: 0; }
  body .qf-header > :is(.member-nav,.ec-account) { display: flex; justify-content: flex-start; width: 100%; gap: 12px; padding-top: 11px; }
  body .qf-header > .member-nav .user-controls { flex-wrap: wrap; }
}