/* NH.gdzieCoJest — przycisk z lupą + okienko z podpowiedziami (public/ui/gdzie-co-jest.js).
   Tylko tokeny z tokens.css, zero !important. Na telefonie arkusz od dołu nad dolnym paskiem menu (jak NH.filterMenu). */
.nh-gcj{position:relative;display:inline-flex;min-width:0}
.nh-gcj-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--nh-ctl-h);padding:0 var(--space-4);border:1px solid var(--nh-line);border-radius:var(--nh-r-pill);background:var(--nh-surface);color:var(--nh-text);font:600 var(--nh-text-sm) var(--nh-font-body);cursor:pointer;white-space:nowrap}
.nh-gcj-btn:hover,.nh-gcj.is-open .nh-gcj-btn{border-color:var(--nh-accent)}
.nh-gcj-btn:focus-visible,.nh-gcj-r:focus-visible,.nh-gcj-chip:focus-visible,.nh-gcj-x:focus-visible{outline:2px solid var(--nh-accent);outline-offset:2px}
.nh-gcj-btn svg,.nh-gcj-in svg,.nh-gcj-x svg{width:var(--icon-sm);height:var(--icon-sm);flex:none}
.nh-gcj-pop{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:60;width:min(440px,calc(100vw - 2 * var(--space-4)));max-height:min(520px,calc(100vh - 140px));overflow:auto;background:var(--nh-surface);border:1px solid var(--nh-line);border-radius:var(--nh-r-modal);box-shadow:var(--nh-sh-modal);padding:var(--space-3)}
.nh-gcj-pop[hidden]{display:none}
.nh-gcj-top{display:flex;align-items:center;gap:var(--space-2);position:sticky;top:calc(-1 * var(--space-3));background:var(--nh-surface);padding-block:var(--space-1)}
.nh-gcj-in{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);height:var(--nh-tap-min);padding:0 var(--space-3);border:1px solid var(--nh-ctag-br);border-radius:var(--radius-sm);color:var(--nh-text-2)}
.nh-gcj-in:focus-within{border-color:var(--nh-accent);box-shadow:0 0 0 1px var(--nh-accent)}   /* fokus pokazuje ramka pola, nie sam input (bez podwójnej obwódki) */
.nh-gcj .nh-gcj-in input:focus,.nh-gcj .nh-gcj-in input:focus-visible{outline:0}
.nh-gcj-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--nh-text);font:500 16px var(--nh-font-body)}   /* 16 px: iOS nie powiększa ekranu przy wpisywaniu (audyt P8) */
.nh-gcj-x{flex:none;display:inline-grid;place-items:center;width:var(--nh-tap-min);height:var(--nh-tap-min);border:0;border-radius:50%;background:none;color:var(--nh-text-2);cursor:pointer}
.nh-gcj-x:hover{background:var(--nh-field)}
.nh-gcj-cap{font:600 var(--nh-text-xs) var(--nh-font-body);color:var(--nh-text-2);margin:var(--space-3) 0 var(--space-2)}
.nh-gcj-q{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.nh-gcj-chip{border:1px solid var(--nh-line);background:var(--nh-field);border-radius:var(--nh-r-pill);padding:var(--space-2) var(--space-3);font:500 var(--nh-text-sm) var(--nh-font-body);color:var(--nh-text);cursor:pointer;text-align:left}
.nh-gcj-chip:hover{border-color:var(--nh-accent);color:var(--nh-act-soft-tx)}
.nh-gcj-g{font:600 var(--nh-text-sm) var(--nh-font-body);color:var(--nh-text);margin:var(--space-3) 0 0;padding:0 var(--space-2)}
.nh-gcj-r{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:0;background:none;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--nh-font-body);color:var(--nh-text)}
.nh-gcj-r:hover{background:var(--nh-field)}
.nh-gcj-n{display:inline-flex;align-items:center;gap:var(--space-1);font:600 var(--nh-text-sm) var(--nh-font-body)}
.nh-gcj-n svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--nh-act)}
.nh-gcj-d{font-size:var(--nh-text-xs);line-height:1.4;color:var(--nh-text-2)}
.nh-gcj-w{font-weight:600;color:var(--nh-act-soft-tx)}
.nh-gcj-none{font-size:var(--nh-text-sm);color:var(--nh-text-2);margin:var(--space-3) var(--space-1)}
@media (max-width:640px){
  .nh-gcj-btn{width:var(--nh-tap-min);height:var(--nh-tap-min);padding:0;justify-content:center}
  .nh-gcj-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nh-gcj-pop{position:fixed;left:var(--space-4);right:var(--space-4);top:auto;width:auto;bottom:calc(var(--mobile-nav-h,72px) + var(--space-3));max-height:calc(100vh - var(--mobile-nav-h,72px) - 48px);z-index:8001}
}