/* pnew-qs.css — generated by tools/build_css.sh, do not edit (site search: the header panel and /search/ only) */
/* SITE SEARCH (owner 03.11.2026, docs/konzept-03-11-suche.md, lib/search.php): the header panel (#pnHsearch.pn-qs, its rows
   from pages/api_qs.php) and the results page /search/ (.pn-qsp). Its own small bundle pnew-qs.css, printed only where the
   header carries the search and on /search/ (lib/search.php pnew_qs_head) — pnew.css and the guest bundles stay as they are.
   Design system (docs/design-system.md, P6 03.11.): Inter, sentence case, no edges, tokens only. The panel is an overlay
   (e1): surface 2 + the float shadow, the field and the chosen row in it one step up (surface 3), rows --r-m, the panel
   --r-l; inks are --ink / --ink-2, never the old chrome teal (MBY-012, MBY-139/140). Pink is the focus ring only. */

/* ---- the panel: under the bar on wide screens, a full-screen sheet on phones */
.pc-header .pn-hsearch.pn-qs{width:min(680px,calc(100% - 32px));padding:var(--space-2);border-radius:var(--r-l);background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow-e1);font-family:var(--body)}
.pn-qs__bar{display:flex;align-items:center;gap:var(--space-2)}
.pc-header .pn-hsearch.pn-qs .pn-qs__bar form.pn-search{flex:1 1 auto;width:auto;min-width:0;height:var(--control-md);padding:0 var(--space-3);border:0;border-radius:var(--r-m);background:var(--surface-3,var(--surface));color:var(--ink-2);box-shadow:none}
.pc-header .pn-hsearch.pn-qs .pn-qs__bar form.pn-search:hover{background:var(--surface-3,var(--surface))}
.pc-header .pn-hsearch.pn-qs .pn-qs__bar form.pn-search:focus-within{border-color:transparent}
.pc-header .pn-hsearch.pn-qs .pn-qs__bar form.pn-search:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}   /* MBY-141: one ring, no pink edge under it */
.pc-header .pn-hsearch.pn-qs .pn-qs__bar form.pn-search input{color:var(--ink);font:var(--type-ui)}
.pc-header .pn-hsearch.pn-qs .pn-qs__bar form.pn-search input::placeholder{color:var(--ink-2)}
.pc-header .pn-hsearch.pn-qs .pn-search__ph{left:var(--space-10);color:var(--ink-2);font:var(--type-ui)}
.pn-qs__cancel{display:none;flex:none;min-height:var(--tap);padding:0 var(--space-1) 0 var(--space-2);border:0;background:none;color:var(--ink);font:var(--type-strong);cursor:pointer}
.pn-qs__list{max-height:min(70vh,600px);margin:var(--space-2) 0 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pn-qs__list:empty{display:none}
.pn-qs[aria-busy="true"] .pn-qs__list{opacity:.72;transition:opacity var(--dur-2) ease .15s}

/* groups and rows (shared by the panel and the page; the surfaces per place below) — the kit row (§9.3) */
.pn-qs__g{padding:0 0 var(--space-2)}
.pn-qs__g + .pn-qs__g{margin-top:var(--space-1)}
.pn-qs__gh{margin:0;padding:var(--space-3) var(--space-3) var(--space-1);font:var(--type-cap);color:var(--ink-2)}
.pn-qs__ghrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.pn-qs__clear{min-height:var(--control-sm);margin:var(--space-1) var(--space-2) 0 0;padding:0 var(--space-3);border:0;border-radius:var(--r-m);background:none;color:var(--ink-2);font:var(--type-label);cursor:pointer}
.pn-qs__row{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);border-radius:var(--r-m);color:var(--ink);text-decoration:none;outline:0}
.pn-qs__row .pc-avatar{flex:none}
.pn-qs__main{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1);min-width:0}
.pn-qs__t{display:block;min-width:0;font:var(--type-strong);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-qs__top{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}
.pn-qs__top .pn-qs__t{flex:1 1 auto}
.pn-qs__s{display:block;min-width:0;font:var(--type-meta);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-qs__s .pc-ico{width:var(--icon-s);height:var(--icon-s);margin-right:var(--space-1);vertical-align:-3px}
.pn-qs__you{font-weight:var(--w-strong)}
.pn-qs mark,.pn-qsp mark{background:none;color:inherit;font-weight:var(--w-bold)}   /* a hit is bold in the row's own ink, never pink text (§2.3) */
.pn-qs__when{flex:none;margin-left:auto;font:var(--type-cap);color:var(--ink-3)}
.pn-qs__thumb{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:var(--r-m);overflow:hidden}
.pn-qs__thumb img{width:100%;height:100%;object-fit:cover}
.pn-qs__ico{display:grid;flex:none;place-items:center;width:var(--avatar-m);height:var(--avatar-m);border-radius:var(--r-full)}
.pn-qs__tag{flex:none;display:inline-flex;align-items:center;height:24px;padding:0 var(--space-2);border-radius:var(--r-s);font:var(--type-cap);white-space:nowrap}
.pn-qs__all{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-md);margin:var(--space-2) 0 0;padding:0 var(--space-3);border-radius:var(--r-m);color:var(--ink);font:var(--type-strong);text-decoration:none;outline:0}
.pn-qs__all > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-qs__kbd{flex:none;display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 var(--space-1);border-radius:var(--r-s);font:var(--type-cap)}
.pn-qs__none{padding:var(--space-3) var(--space-3) var(--space-2)}
.pn-qs__noneh{margin:0;font:var(--type-strong);color:var(--ink)}
.pn-qs__nonet{margin:var(--space-1) 0 0;font:var(--type-meta);color:var(--ink-2)}

/* in the panel (surface 2): rows rest without a fill, hover / chosen = surface 3; the tiles in a row are surface 3 too */
.pn-qs .pn-qs__row:hover,.pn-qs .pn-qs__row.is-active,.pn-qs .pn-qs__row:focus-visible{background:var(--surface-3,var(--surface))}
.pn-qs .pn-qs__clear:hover{background:var(--surface-3,var(--surface));color:var(--ink)}
.pn-qs .pn-qs__thumb,.pn-qs .pn-qs__ico,.pn-qs .pn-qs__tag,.pn-qs .pn-qs__all,.pn-qs .pn-qs__kbd{background:var(--surface-3,var(--surface));color:var(--ink-2)}
.pn-qs .pn-qs__tag,.pn-qs .pn-qs__all{color:var(--ink)}
.pn-qs .pn-qs__all:hover,.pn-qs .pn-qs__all.is-active,.pn-qs .pn-qs__all:focus-visible{background:var(--surface-3,var(--surface));box-shadow:inset 0 0 0 2px var(--focus-ring)}   /* the arrow keys' current option: the focus ring inside (it sits on surface 3 already) */
.pn-qs .pn-qs__row.is-active,.pn-qs .pn-qs__row:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}
.pn-qs .pn-qs__all:hover:not(.is-active):not(:focus-visible),.pn-qs .pn-qs__row:hover:not(.is-active):not(:focus-visible){box-shadow:none}

/* phones: the sheet over the whole screen, the field on top with Cancel beside it, the rows under it */
@media (max-width:700px){
  .pc-header .pn-hsearch.pn-qs{inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:calc(env(safe-area-inset-top) + var(--space-3)) var(--space-3) calc(env(safe-area-inset-bottom) + var(--space-3));border-radius:0;box-shadow:none}
  .pc-header .pn-hsearch.pn-qs:popover-open{display:flex;flex-direction:column}
  .pc-header .pn-hsearch.pn-qs.is-open{display:flex;flex-direction:column}
  .pn-qs__cancel{display:inline-flex;align-items:center}
  .pc-header .pn-hsearch.pn-qs .pn-qs__bar form.pn-search{display:flex;height:var(--control-md)}   /* layout.css hides .pn-search on phones (the old toolbar pill took its place) */
  .pn-qs .pn-qs__list{flex:1 1 auto;max-height:none;margin-top:var(--space-3)}
  .pn-qs__row{min-height:60px}
  .pn-qs__kbd{display:none}
}

/* ---- the results page /search/: the member page head (h1 --type-h1, 24 on every width), the kit field, rows in one panel */
.pn-qsp{width:100%;padding:var(--space-6) 0 var(--space-12);font-family:var(--body)}   /* .pn-main gives the column and its gutter, as on every member page */
.pn-qsp__head{display:grid;gap:var(--space-3);margin:0 0 var(--page-head-gap)}
.pn-qsp__h{margin:0;font:var(--type-h1);letter-spacing:var(--tr-h);color:var(--ink);overflow-wrap:anywhere}   /* MBY-133: the page h1 (was 26 / 22) */
.pn-qsp__form{display:flex;align-items:center;gap:var(--space-2);max-width:680px;min-height:var(--control-md);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--r-m);background:var(--surface-2);color:var(--ink-2)}   /* MBY-134: the kit field (44, --r-m), the search key inside */
.pn-qsp__form input{flex:1 1 auto;min-width:0;height:36px;border:0;background:none;color:var(--ink);font:var(--type-ui);outline:0}
.pn-qsp__form input::placeholder{color:var(--ink-2)}   /* MBY-015 */
.pn-qsp__form:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}   /* MBY-003: the one ring, on the keyboard only */
.pn-qsp__form .pc-btn{min-height:var(--control-sm)}
/* the result views (All · Profiles · Listings · Chats) are the page's tabs (§7.4): text, the current one ink + the 2 px accent line */
.pn-qsp__tabs{gap:var(--space-6);margin:0}
.pn-qsp__tabs > .pc-chip,.pn-qsp__tabs > .pc-chip:hover{min-height:var(--control-md);padding:0;border-radius:0;background:none;color:var(--ink-2);font:var(--type-strong)}
.pn-qsp__tabs > .pc-chip:hover{color:var(--ink)}
.pn-qsp__tabs > .pc-chip[aria-current]{background:none;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:var(--space-2)}
.pn-qsp__note{margin:var(--space-2) 0;font:var(--type-body);color:var(--ink-2)}
.pn-qsp__sec{margin:0 0 var(--section-gap)}
.pn-qsp__sh{margin:0 0 var(--head-gap);font:var(--type-title);color:var(--ink)}   /* MBY-136: the block head (18) */
.pn-qsp__more{margin:var(--head-gap) 0 0}
.pn-qsp__rows{display:grid;gap:var(--space-1);padding:var(--space-2);border-radius:var(--r-l);background:var(--surface)}   /* MBY-135: a panel (--r-l) of kit rows */
@media (min-width:1024px){.pn-qsp__rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-2)}}   /* MBY-138: the rows use the member column (two columns), not a 760 strip on the left */
.pn-qsp .pn-qs__row:hover,.pn-qsp .pn-qs__row:focus-visible{background:var(--surface-2)}
.pn-qsp .pn-qs__thumb,.pn-qsp .pn-qs__ico{background:var(--surface-2);color:var(--ink-2)}
.pn-qsp .pn-qs__row:hover :is(.pn-qs__thumb,.pn-qs__ico){background:var(--surface-3,var(--surface-2))}
.pn-qsp .pn-qs__tag{background:var(--surface-2);color:var(--ink)}
.pn-qsp__sellers{margin:0}
@media (max-width:700px){
  .pn-qsp{padding:var(--space-4) 0 var(--space-10)}
  .pn-qsp__form .pc-btn{display:none}   /* the keyboard's own search key submits */
  .pn-qsp__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
}
/* UX 433 (owner 04.11.): tab counts (G-066), the way on from no results (G-068) */
.pn-qsp__n{font:var(--type-meta);color:var(--ink-3)}
.pn-qsp__next{display:grid;gap:var(--space-3);margin-top:var(--head-gap)}
.pn-qsp__rh{margin:0;font:var(--type-meta);color:var(--ink-2)}
.pn-qsp__recent{gap:var(--space-2)}
.pn-qsp__recent[hidden]{display:none}
.pn-qsp__ways{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0}