html { scroll-behavior: smooth; }
#results, #historyPanel, #watchlistPanel { scroll-margin-top: 88px; }

.zipchat-nav-wrap {
  position: sticky;
  top: 10px;
  z-index: 80;
  width: min(1180px, calc(100% - 32px));
  margin: 10px auto 22px;
}
.zipchat-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 7px;
  border: 1px solid rgba(148,163,184,.15);
  border-radius: 16px;
  background: rgba(7, 15, 29, .86);
  box-shadow: 0 18px 55px rgba(2,6,23,.23), 0 1px 0 rgba(255,255,255,.05) inset;
  backdrop-filter: blur(18px) saturate(125%);
}
.zipchat-nav-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 7px;
  padding: 7px 10px;
  color: #f8fafc;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.zipchat-nav-brand img { width: 31px; height: 31px; object-fit: contain; }
.zipchat-nav-brand em { color: #67e8f9; font-style: normal; }
.zipchat-nav-divider { width: 1px; height: 25px; flex: 0 0 auto; background: rgba(148,163,184,.2); }
.zipchat-nav-desktop { display: flex; align-items: center; gap: 2px; min-width: 0; }
.zipchat-nav-actions { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.zipchat-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 7px;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #9aaabd;
  text-decoration: none;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .16s ease;
}
.zipchat-nav-link svg { width: 16px; height: 16px; flex: 0 0 auto; stroke: currentColor; }
.zipchat-nav-link:hover { color: #e0f2fe; background: rgba(34,211,238,.07); border-color: rgba(103,232,249,.14); transform: translateY(-1px); }
.zipchat-nav-link:active { transform: scale(.97); }
.zipchat-nav-language { appearance: none; cursor: pointer; font: inherit; }
.zipchat-nav-link:focus-visible, .zipchat-nav-brand:focus-visible, .zipchat-nav-menu:focus-visible, .zipchat-nav-drawer-close:focus-visible { outline: 2px solid #67e8f9; outline-offset: 2px; }
.zipchat-nav-link.is-active { color: #ecfeff; background: rgba(37,99,235,.18); border-color: rgba(103,232,249,.22); }
.zipchat-nav-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 13px 18px; border: 0; border-radius: 12px; color: #fff; background: #0891b2; box-shadow: 0 6px 18px rgba(8,145,178,.18); text-decoration: none; font-size: 12px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; transition: transform .16s ease, filter .2s ease, background .2s ease; }
.zipchat-nav-cta:hover { transform: translateY(-1px); filter: brightness(1.08); background: #0e9fbe; }
.zipchat-nav-cta:focus-visible { outline: 2px solid #67e8f9; outline-offset: 2px; }
.zipchat-nav-spacer { flex: 1 0 8px; }
.zipchat-nav-menu { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(148,163,184,.18); border-radius: 11px; color: #dbeafe; background: rgba(30,41,59,.72); cursor: pointer; }
.zipchat-nav-menu svg, .zipchat-nav-drawer-close svg { width: 19px; height: 19px; stroke: currentColor; }
.zipchat-nav-drawer { position: fixed; inset: 0; z-index: 100; }
.zipchat-nav-drawer[hidden] { display: none; }
.zipchat-nav-drawer-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(2,6,23,.66); backdrop-filter: blur(4px); cursor: pointer; }
.zipchat-nav-drawer-panel { position: absolute; inset-block: 0; inset-inline-end: 0; display: flex; flex-direction: column; width: min(88vw, 360px); padding: 22px 18px 24px; border-inline-start: 1px solid rgba(103,232,249,.16); background: #081221; box-shadow: -24px 0 60px rgba(2,6,23,.35); animation: zipchat-drawer-in .2s ease both; }
[dir="rtl"] .zipchat-nav-drawer-panel { inset-inline-start: 0; inset-inline-end: auto; border-inline-start: 0; border-inline-end: 1px solid rgba(103,232,249,.16); box-shadow: 24px 0 60px rgba(2,6,23,.35); }
.zipchat-nav-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid rgba(148,163,184,.14); color: #f8fafc; font-size: 15px; }
.zipchat-nav-drawer-close { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(148,163,184,.18); border-radius: 11px; color: #cbd5e1; background: rgba(30,41,59,.72); cursor: pointer; }
.zipchat-nav-drawer-links { display: grid; gap: 4px; padding: 18px 0; overflow-y: auto; }
.zipchat-nav-drawer-links .zipchat-nav-link { justify-content: flex-start; min-height: 48px; padding: 11px 13px; font-size: 13px; }
[dir="rtl"] .zipchat-nav-drawer-links .zipchat-nav-link { justify-content: flex-start; }
.zipchat-nav-drawer-cta { width: 100%; min-height: 48px; margin-top: auto; font-size: 13px; }
body.zipchat-menu-open { overflow: hidden; }
@keyframes zipchat-drawer-in { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@keyframes zipchat-drawer-in-rtl { from { opacity: 0; transform: translateX(-18px); } to { opacity: 1; transform: translateX(0); } }
[dir="rtl"] .zipchat-nav-drawer-panel { animation-name: zipchat-drawer-in-rtl; }
@media (max-width: 900px) {
  .zipchat-nav-desktop { display: none; }
  .zipchat-nav-menu { display: inline-flex; }
  .zipchat-nav-cta-desktop { display: none; }
}
@media (max-width: 720px) {
  .zipchat-nav-wrap { top: 7px; width: min(100% - 18px, 1180px); margin: 7px auto 17px; }
  .zipchat-nav { min-height: 52px; border-radius: 14px; padding: 5px; gap: 4px; }
  .zipchat-nav-spacer { display: block; }
  .zipchat-nav-brand { padding-inline: 7px; }
  .zipchat-nav-brand img { width: 28px; height: 28px; }
  .zipchat-nav-brand span { font-size: 12px; }
  .zipchat-nav-link { min-height: 38px; padding: 7px 9px; font-size: 10px; }
  .zipchat-nav-actions { gap: 4px; }
  .zipchat-nav-actions .zipchat-nav-language { padding-inline: 8px; }
  .zipchat-nav-link svg { width: 15px; height: 15px; }
  .zipchat-nav-divider { height: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .zipchat-nav-link, .zipchat-nav-cta { transition: none; }
  .zipchat-nav-drawer-panel { animation: none; }
}

.zipchat-nav-auth{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:11px;color:#cbd5e1;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .16s ease}.zipchat-nav-auth svg{width:16px;height:16px;flex:0 0 auto;stroke:currentColor}.zipchat-nav-auth:hover{color:#ecfeff;background:rgba(34,211,238,.07);border-color:rgba(103,232,249,.14);transform:translateY(-1px)}.zipchat-nav-auth:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.zipchat-nav-get-started{min-height:40px;padding:10px 14px}.zipchat-nav-drawer-login{justify-content:flex-start;width:100%;min-height:48px;padding:11px 13px;font-size:13px}.zipchat-nav-drawer-login+.zipchat-nav-drawer-cta{margin-top:8px}
@media (max-width:900px){.zipchat-nav-actions>.zipchat-nav-auth,.zipchat-nav-actions>.zipchat-nav-get-started{display:none}}

.zipchat-nav-more{position:relative;display:inline-block}.zipchat-nav-more>summary{list-style:none;cursor:pointer}.zipchat-nav-more>summary::-webkit-details-marker{display:none}.zipchat-nav-more-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;display:grid;min-width:170px;padding:6px;border:1px solid rgba(103,232,249,.16);border-radius:12px;background:#081221;box-shadow:0 18px 45px rgba(2,6,23,.34);z-index:5}.zipchat-nav-more-menu .zipchat-nav-link{justify-content:flex-start;width:100%}.zipchat-nav-more[open]>summary{color:#ecfeff;background:rgba(37,99,235,.18);border-color:rgba(103,232,249,.22)}
@media (max-width:900px){.zipchat-nav-more{display:block}.zipchat-nav-more-menu{position:static;box-shadow:none;border:0;background:transparent;padding:0 0 0 12px}.zipchat-nav-more>summary{justify-content:flex-start;min-height:48px;padding:11px 13px;font-size:13px}.zipchat-nav-more-menu .zipchat-nav-link{min-height:44px;font-size:12px}}
[dir="rtl"] .zipchat-nav-more-menu{inset-inline-start:0;inset-inline-end:auto}
.zipchat-footer{margin-top:42px;border-top:1px solid rgba(148,163,184,.12);padding:22px 0;color:#94a3b8}.zipchat-footer-inner{width:min(1180px,calc(100% - 32px));margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.zipchat-footer-links{display:flex;gap:14px;flex-wrap:wrap}.zipchat-footer a{color:#94a3b8;text-decoration:none}.zipchat-footer a:hover{color:#67e8f9}


/* Priority product destinations: marketplace, buyer discovery, and outreach. */
.zipchat-nav-link[data-nav-key="opportunities"],
.zipchat-nav-link[data-nav-key="buyers"],
.zipchat-nav-link[data-nav-key="outreach"] { color: #c8f7ff; }
.zipchat-nav-link[data-nav-key="opportunities"] svg,
.zipchat-nav-link[data-nav-key="buyers"] svg,
.zipchat-nav-link[data-nav-key="outreach"] svg { color: #67e8f9; }
.zipchat-nav-link[data-nav-key="opportunities"]:hover,
.zipchat-nav-link[data-nav-key="buyers"]:hover,
.zipchat-nav-link[data-nav-key="outreach"]:hover,
.zipchat-nav-link[data-nav-key="opportunities"].is-active,
.zipchat-nav-link[data-nav-key="buyers"].is-active,
.zipchat-nav-link[data-nav-key="outreach"].is-active { background: rgba(8,145,178,.16); border-color: rgba(103,232,249,.24); }
@media (min-width: 901px) and (max-width: 1120px) {
  .zipchat-nav-link[data-nav-key="opportunities"],
  .zipchat-nav-link[data-nav-key="buyers"],
  .zipchat-nav-link[data-nav-key="outreach"] { gap: 4px; padding-inline: 7px; font-size: 10px; }
}

/* Approved Tools dropdown IA */
.zipchat-nav-product{position:relative}.zipchat-nav-product>summary{list-style:none;cursor:pointer}.zipchat-nav-product>summary::-webkit-details-marker{display:none}.zipchat-nav-caret{font-size:.72em;margin-inline-start:6px;color:#67e8f9}.zipchat-nav-product-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;z-index:30;min-width:250px;padding:8px;border:1px solid rgba(103,232,249,.2);border-radius:14px;background:rgba(8,22,39,.98);box-shadow:0 18px 45px rgba(0,0,0,.35);display:grid;gap:3px}.zipchat-nav-product-menu .zipchat-nav-link{width:100%;justify-content:flex-start;border-radius:9px}.zipchat-nav-product-menu .zipchat-nav-link:hover,.zipchat-nav-product-menu .zipchat-nav-link.is-active{background:rgba(34,211,238,.1);color:#ecfeff}.zipchat-nav-product[open]>summary{color:#67e8f9;background:rgba(34,211,238,.08)}
@media (max-width:900px){.zipchat-nav-product-menu{position:static;min-width:0;margin:6px 0 0;padding:4px;background:rgba(15,35,56,.7);box-shadow:none;border-color:rgba(103,232,249,.12)}.zipchat-nav-product-menu .zipchat-nav-link{padding-inline-start:18px}.zipchat-nav-desktop .zipchat-nav-product-menu{display:none}.zipchat-nav-drawer .zipchat-nav-product-menu{display:grid}}
