/* ============================================================================
   White Peaks — drop-in search for the EXISTING Bootstrap 3 admin
   ----------------------------------------------------------------------------
   Self-contained. Requires no Bootstrap 5, no jQuery, no icon font, no webfont.
   Every selector is namespaced .wpks-* and every rule that matters is declared
   explicitly, so store.css and Bootstrap 3 cannot leak in and this cannot leak
   out. Nothing on the host page changes appearance.
   ========================================================================= */

.wpks-root{
  --wpks-ink:#08293D; --wpks-muted:#4E7288; --wpks-ice:#0F6FA4;
  --wpks-line:#CFE2EC; --wpks-frost:#EEF6FA; --wpks-gold:#C87F14;
  --wpks-grn:#1E9E5A; --wpks-blu:#2A6FD4; --wpks-blk:#20303C;
}

/* ---------- overlay ---------- */
.wpks-back{
  position:fixed; inset:0; background:rgba(8,41,61,.34);
  z-index:20000;                     /* above BS3 modals (1050) and their backdrop */
  display:none; overflow-y:auto; padding:7vh 16px 24px;
  -webkit-font-smoothing:antialiased;
}
.wpks-back.wpks-on{display:block}
.wpks-box{
  max-width:660px; margin:0 auto; background:#fff; border-radius:15px;
  box-shadow:0 26px 60px rgba(8,41,61,.3); overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:14px; line-height:1.45; color:#08293D; text-align:left;
}
.wpks-box *,.wpks-box *::before,.wpks-box *::after{box-sizing:border-box}

/* ---------- query row ---------- */
.wpks-q{
  display:flex; align-items:center; gap:10px; padding:13px 16px;
  border-bottom:1px solid #CFE2EC; transition:border-color .14s,box-shadow .14s;
}
.wpks-q:focus-within{border-bottom-color:#0F6FA4; box-shadow:inset 0 -2px 0 0 #0F6FA4}
.wpks-q svg{width:18px; height:18px; flex:none; color:#8FA6B6;
  fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.wpks-q:focus-within svg{color:#0F6FA4}
.wpks-box input.wpks-input{
  border:0; outline:0; padding:0; margin:0; width:100%; background:transparent;
  font-size:16px; line-height:1.4; color:#08293D; box-shadow:none; height:auto;
  font-family:inherit; caret-color:#0F6FA4;
}
.wpks-box input.wpks-input::placeholder{color:#9DB0BE; opacity:1}

/* ---------- scope chips ---------- */
.wpks-scopes{display:flex; flex-wrap:wrap; gap:6px; align-items:center;
  padding:8px 14px; border-bottom:1px solid #CFE2EC}
.wpks-box button.wpks-chip{
  border:1px solid #CFE2EC; background:#fff; border-radius:20px; padding:3px 11px;
  font-size:12px; line-height:1.5; color:#4E7288; cursor:pointer; font-family:inherit;
  display:flex; align-items:center; gap:6px; margin:0; box-shadow:none;
}
.wpks-box button.wpks-chip:hover{border-color:#0F6FA4; color:#08293D}
.wpks-box button.wpks-chip.wpks-sel{background:#0A4E7A; border-color:#0A4E7A; color:#fff}
.wpks-chip .wpks-px{font-family:Menlo,Consolas,monospace; font-size:10.5px; opacity:.65}
.wpks-hint{margin-left:auto; font-family:Menlo,Consolas,monospace; font-size:10px; color:#9DB0BE}

/* ---------- results ---------- */
.wpks-res{max-height:52vh; overflow-y:auto; padding:5px 0; margin:0}
.wpks-grp{display:flex; align-items:baseline; gap:8px; padding:9px 16px 3px;
  font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em;
  color:#4E7288}
.wpks-box button.wpks-ct{
  margin-left:auto; border:0; background:transparent; padding:2px 4px; border-radius:6px;
  font-family:Menlo,Consolas,monospace; font-size:10px; color:#8FAEC0; cursor:pointer;
  text-transform:none; letter-spacing:0; font-weight:400; font-family:inherit;
}
.wpks-box button.wpks-ct .wpks-more{color:#0F6FA4; border-bottom:1px dotted currentColor;
  margin-left:3px}
.wpks-box button.wpks-ct:hover{background:#E4F1F8}

.wpks-box a.wpks-row{
  display:flex; align-items:center; gap:10px; padding:7px 16px; cursor:pointer;
  text-decoration:none; color:#08293D; border:0;
}
.wpks-box a.wpks-row:hover,.wpks-box a.wpks-row.wpks-cur{background:#E4F1F8; text-decoration:none}
.wpks-tt{min-width:0; flex:1}
.wpks-t1{display:block; font-size:13.3px; line-height:1.3; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis}
.wpks-t2{display:block; font-size:11px; color:#4E7288; font-family:Menlo,Consolas,monospace;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.wpks-row svg{width:14px; height:14px; flex:none; color:#8FAEC0;
  fill:none; stroke:currentColor; stroke-width:1.95; stroke-linecap:round; stroke-linejoin:round}
.wpks-sec{flex:none; font-size:10.5px; color:#4E7288; font-family:Menlo,Consolas,monospace;
  border:1px solid #CFE2EC; border-radius:20px; padding:1px 8px; white-space:nowrap}

.wpks-badge{flex:none; font-size:9.5px; font-family:Menlo,Consolas,monospace;
  text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:2px 7px;
  border:1px solid; font-weight:700}
.wpks-b-C{color:#0B6E4F; border-color:#A8DCC6; background:#EAF7F1}
.wpks-b-O{color:#8A4B12; border-color:#EDCFA8; background:#FBF2E7}
.wpks-b-P{color:#1B5A8C; border-color:#B4D6EE; background:#EAF3FA}
.wpks-b-F{color:#6A4A8C; border-color:#D2C2E8; background:#F3EFFA}
.wpks-b-L{color:#8C1F3D; border-color:#EFB9C8; background:#FBEDF1}
.wpks-b-E{color:#4A5A66; border-color:#C9D6DE; background:#F0F4F7}
.wpks-b-item{color:#1B5A8C; border-color:#B4D6EE; background:#EAF3FA}
.wpks-b-class{color:#8C1F3D; border-color:#EFB9C8; background:#FBEDF1}

.wpks-mk{width:11px; height:11px; flex:none; border-radius:50%; background:#1E9E5A}

.wpks-all{border-top:1px solid #CFE2EC; margin-top:5px; color:#4E7288}
.wpks-all .wpks-t1{font-size:12.8px}
.wpks-note{padding:14px 16px; font-size:12.3px; color:#4E7288; line-height:1.55}
.wpks-scan{margin:6px 12px; padding:9px 12px; border-radius:9px; background:#EAF3FA;
  border:1px solid #B4D6EE; font-size:12.5px; display:flex; align-items:center; gap:9px}
.wpks-scan svg{width:17px; height:17px; flex:none; color:#1B5A8C;
  fill:none; stroke:currentColor; stroke-width:1.8}

.wpks-foot{display:flex; gap:14px; padding:8px 16px; border-top:1px solid #CFE2EC;
  font-family:Menlo,Consolas,monospace; font-size:10px; color:#4E7288}
.wpks-count{margin-left:auto}

/* ---------- optional launcher button, for the old navbar ---------- */
.wpks-launch{
  display:inline-flex; align-items:center; gap:8px; background:#fff;
  border:1px solid #CFE2EC; border-radius:9px; padding:6px 10px; color:#4E7288;
  cursor:pointer; font-size:13px; line-height:1.4; font-family:inherit; margin:0;
}
.wpks-launch:hover{border-color:#0F6FA4; color:#08293D}
.wpks-launch svg{width:16px; height:16px; flex:none; fill:none; stroke:currentColor;
  stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}
.wpks-kbd{font-family:Menlo,Consolas,monospace; font-size:10.5px; border:1px solid #CFE2EC;
  border-radius:5px; padding:1px 5px; background:#F7FBFD; color:#4E7288}

@media (max-width:600px){
  .wpks-back{padding:0}
  .wpks-box{max-width:none; border-radius:0; min-height:100vh}
  .wpks-res{max-height:none}
}
@media (prefers-reduced-motion:reduce){.wpks-back,.wpks-box,.wpks-q{transition:none}}