/* Dexxoo — the site's own header (Seo::acctBar) on /next (owner, 2026-11-12: "Add the Header").
   The same rules as assets/dexxoo.css, without loading that whole stylesheet into this page. */
.acct-bar{--line:#31363d;display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:10px;position:relative;z-index:5;
  padding:20px 18px 18px;background:#1a1d21;border-bottom:1px solid var(--line);color:#edf0f2;
  font:400 13px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Helvetica Neue",Arial,sans-serif}
.acct-bar a{text-decoration:none}
.acct-bar .ico{width:14px;height:14px;flex:0 0 auto;vertical-align:-2px;margin-right:7px}
.acct-wm{order:1;flex:0 0 auto;display:flex;align-items:center;max-width:100%;margin:0;font-size:13px}
.acct-wm a{display:block}
.acct-wm .logo{display:block;height:46px;width:auto}
.acct-right{order:2;display:flex;align-items:center;gap:9px;flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.acct-bar .site-nav{order:3;display:flex;align-items:center;gap:4px;flex:1 1 100%;min-width:0;max-width:100%;margin:0;flex-wrap:wrap;justify-content:center}
@media (min-width:1200px){.acct-bar.is-guest .site-nav{order:2;flex:0 0 auto;margin:0 0 0 auto}.acct-bar.is-guest .acct-right{order:3;flex:0 0 auto;flex-wrap:nowrap}}
@media (min-width:1520px){.acct-bar .site-nav{order:2;flex:0 0 auto;margin:0 0 0 auto}.acct-right{order:3;flex:0 0 auto;flex-wrap:nowrap}}

.site-nav a{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:6px;color:#aab4bd;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:color .15s,background .15s}
.site-nav a:hover{color:#fff;background:#ffffff0d}
.site-nav a[aria-current]{color:#fff;background:#ffffff12}
.site-nav a.site-add{color:#fff;background:#4ba3e31a;box-shadow:inset 0 0 0 1px #4ba3e366}
.site-nav a.site-add:hover,.site-nav a.site-add[aria-current]{background:#4ba3e333}
.site-nav .site-phone{margin-left:8px;padding-left:16px;border-left:1px solid var(--line);border-radius:0;color:#5bb8f0;letter-spacing:.06em}
.site-nav .site-phone:hover{background:none;color:#fff}
.site-nav .site-phone .ico{width:15px;height:15px}

.acct-bar .btn{display:inline-flex;align-items:center;justify-content:center;height:34px;background:#282c32;border:1px solid var(--line);color:#c3ccd4;border-radius:6px;padding:7px 13px;
  font-family:inherit;font-size:11.5px;font-weight:400;line-height:1;letter-spacing:.05em;cursor:pointer;white-space:nowrap}
.acct-bar .btn .ico{width:14px;height:14px;opacity:.9}
.acct-bar .btn:hover{color:#fff;border-color:#3d444d}
.acct-bar .btn.pri{background:#1e8a4c;border-color:#1e8a4c;color:#fff}
.acct-bar .btn.pri:hover{background:#111318;border-color:#111318}
.acct-bar .btn.on{color:#fff;background:#2a3038}
.acct-bar .who{color:#c3ccd4;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;cursor:pointer}
.acct-bar .acct-menu{position:relative}
.acct-bar .acct-menu summary{list-style:none;display:flex;align-items:center;gap:6px}
.acct-bar .acct-menu summary::-webkit-details-marker{display:none}
.acct-bar .acct-caret{width:0;height:0;border:4px solid transparent;border-top-color:#aab4bd;margin-top:4px}
.acct-bar .acct-menu-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:6px;background:#1a1d21;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #0008;z-index:20}
.acct-bar .acct-menu-pop a{display:flex;align-items:center;padding:9px 10px;border-radius:6px;color:#c3ccd4;font-size:13px}
.acct-bar .acct-menu-pop a:hover{background:#ffffff0d;color:#fff}
.acct-bar .plan-tag{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:#aab4bd;font-size:10.5px;font-weight:700;letter-spacing:.08em}
.acct-bar .plan-tag.is-pro{color:#fff;border-color:#4ba3e3}
.acct-bar .plan-until{color:#93a3a3;font-size:11.5px;white-space:nowrap}
.acct-bar .plan-until.is-soon{color:#f0b35a}
.acct-bar .nw-badge,.acct-bar .cx-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:10.5px;font-weight:700}
.acct-bar .cx-badge[hidden]{display:none}
.acct-bar *:focus,.acct-bar *:focus-visible{outline:none}

/* phones: logo, then the account buttons, then the menu as one swipeable row (as dexxoo.css) */
@media (max-width:760px){
  .acct-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px 12px}
  .acct-bar .acct-wm{grid-column:1;grid-row:1;justify-self:start}
  .acct-bar .acct-wm .logo{height:30px}
  .acct-bar .acct-right{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;gap:8px;margin:0;overflow-x:auto;scrollbar-width:none}
  .acct-bar .acct-right::-webkit-scrollbar{display:none}
  .acct-bar .acct-right .btn{flex:0 0 auto;height:40px;padding:0 14px;border-radius:10px;font-size:12px;letter-spacing:.06em}
  .acct-bar.is-guest .acct-right .btn{flex:1 1 0}
  .acct-bar .site-nav{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .acct-bar .site-nav::-webkit-scrollbar{display:none}
  .acct-bar .site-nav a{flex:0 0 auto;height:34px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:11.5px;letter-spacing:.08em;background:transparent;color:#c9d1d9}
  .acct-bar .site-nav a[aria-current]{background:#2a3038;border-color:#3d444d;color:#fff}
  .acct-bar .site-nav a.site-add{border-color:#4ba3e3;color:#fff;box-shadow:none}
  .acct-bar .site-nav a.site-phone{margin:0;padding:0 12px;border-left:1px solid var(--line);color:#5bb8f0}
}

/* The header stays in place at the top while the page scrolls (owner, 2026-11-12). */
.acct-bar{position:sticky;top:0;z-index:50}
html{scroll-padding-top:96px}   /* "Find my buyers" scrolls the list into view below the header, not under it */
@media (max-width:1199px){html{scroll-padding-top:140px}}
@media (max-width:760px){html{scroll-padding-top:176px}}