/* Results get their own small QXONI/account row, like a compact search app header. */
.mobile-results-head { display: none; }

.tab-ai-mode { color: #7953dd !important; }
.tab-ai-mode svg { stroke: currentColor !important; }
.tab-ai-mode:hover, .tab-ai-mode:focus-visible { color: #653bcf !important; }

@media (max-width: 640px) {
  body:not(.search-home) #topbar .mobile-results-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 5px 13px 0;
  }

  body:not(.search-home) #topbar .mobile-results-wordmark {
    appearance: none;
    border: 0;
    padding: 7px 5px;
    background: transparent;
    color: var(--t1);
    font: 800 23px/1 var(--font, system-ui, sans-serif);
    letter-spacing: -.065em;
  }

  body:not(.search-home) #topbar .mobile-account-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 3px 4px 3px 10px;
    border: 1px solid var(--b);
    border-radius: 999px;
    background: var(--bg-card);
    color: var(--t1);
    font: 700 11px/1 var(--font, system-ui, sans-serif);
  }

  body:not(.search-home) #topbar .mobile-account-avatar {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    background: #111214;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
  }

  body:not(.search-home) #topbar .nav-main {
    height: auto !important;
    min-height: 58px !important;
    padding: 4px 12px 8px !important;
  }

  body:not(.search-home) #topbar .brand,
  body:not(.search-home) #topbar .nav-right { display: none !important; }

  body:not(.search-home) #topbar .nav-srch {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
  }

  body:not(.search-home) #topbar .nav-tabs { padding-top: 1px !important; }
}