/* ===== Backstage Site Search – UI ===== */
:root {
  --bgs-ss-z: 99999;
  --bgs-ss-bg: #0b0b0c;
  --bgs-ss-panel: #111214;
  --bgs-ss-stroke: rgba(255,255,255,.08);
  --bgs-ss-text: #f5f7fa;
  --bgs-ss-dim: rgba(255,255,255,.60);
  --bgs-ss-accent: #6ea8fe;
}
#bgs-ss-btn {
  display:inline-flex; align-items:center; gap:.5rem; cursor:pointer;
  border:1px solid var(--bgs-ss-stroke); background:transparent; color:inherit;
  padding:.5rem .75rem; border-radius:.6rem; font:inherit; line-height:1;
}
#bgs-ss-btn kbd {
  font-size:.8rem; border:1px solid var(--bgs-ss-stroke);
  padding:.1rem .35rem; border-radius:.35rem; opacity:.7;
}
#bgs-ss-fab {
  position:fixed; right:1rem; bottom:1rem; z-index:var(--bgs-ss-z);
  background:var(--bgs-ss-panel); color:var(--bgs-ss-text);
  border:1px solid var(--bgs-ss-stroke); border-radius:.8rem; padding:.6rem .8rem;
  box-shadow:0 10px 30px rgba(0,0,0,.35); cursor:pointer; display:none;
}
#bgs-ss-modal {
  position:fixed; inset:0; z-index:var(--bgs-ss-z);
  display:none; background:rgba(0,0,0,.55); backdrop-filter:saturate(120%) blur(2px);
}
#bgs-ss-wrap {
  position:absolute; left:50%; transform:translateX(-50%);
  top:8vh; width:min(920px, 92vw);
  background:var(--bgs-ss-panel); border:1px solid var(--bgs-ss-stroke);
  border-radius:1rem; overflow:hidden; color:var(--bgs-ss-text);
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
#bgs-ss-form {
  display:flex; align-items:center; gap:.5rem; padding: .8rem .9rem; border-bottom:1px solid var(--bgs-ss-stroke);
}
#bgs-ss-input {
  flex:1; background:transparent; border:0; outline:0; color:var(--bgs-ss-text);
  font-size:1rem; padding:.6rem;
}
#bgs-ss-input::placeholder { color:var(--bgs-ss-dim); }
#bgs-ss-tools { display:flex; gap:.5rem; align-items:center; }
#bgs-ss-tools kbd {
  font-size:.85rem; border:1px solid var(--bgs-ss-stroke); padding:.1rem .4rem; border-radius:.35rem; opacity:.8;
}
#bgs-ss-results { max-height:65vh; overflow:auto; padding:.35rem; }
.bgs-ss-item {
  display:block; padding:.8rem .9rem; border-radius:.65rem; text-decoration:none;
  color:var(--bgs-ss-text); border:1px solid transparent;
}
.bgs-ss-item[aria-selected="true"],
.bgs-ss-item:hover {
  background:rgba(255,255,255,.04); border-color:var(--bgs-ss-stroke);
}
.bgs-ss-title { font-weight:600; }
.bgs-ss-url { font-size:.85rem; color:var(--bgs-ss-accent); opacity:.9; }
.bgs-ss-snippet { font-size:.95rem; color:var(--bgs-ss-dim); margin-top:.25rem; }
.bgs-ss-empty, .bgs-ss-status { padding:.8rem .9rem; color:var(--bgs-ss-dim); }
.bgs-ss-mark { background:#fff2a8; color:#111; padding:0 .15rem; border-radius:.2rem; }
#bgs-ss-foot {
  display:flex; justify-content:space-between; align-items:center;
  border-top:1px solid var(--bgs-ss-stroke); padding:.6rem .9rem; color:var(--bgs-ss-dim);
}
#bgs-ss-reindex { cursor:pointer; color:var(--bgs-ss-accent); text-decoration:underline; }
@media (max-width:680px){
  #bgs-ss-wrap{ top:4vh; }
}