/* =========================================================
   GTA6-HUB — GLOBAL SEARCH
   ========================================================= */
.search-box { position: relative; }
.global-search-panel {
  display: none; position: absolute; top: calc(100% + 10px); right: 0;
  width: min(620px, calc(100vw - 32px)); max-height: min(620px, 72vh);
  overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 14px;
  background: rgba(10,12,17,.98); box-shadow: 0 24px 70px rgba(0,0,0,.55);
  backdrop-filter: blur(20px); z-index: 1000; color: #dfe6ef;
}
.global-search-panel.is-open { display: block; }
.gs-head, .gs-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.07); }
.gs-head span { font: 700 10px/1 "Space Grotesk", sans-serif; letter-spacing:1.4px; color:#aab4c4; }
.gs-head small { font-size:10px; color:#626d7d; }
.gs-results { max-height: min(500px, 58vh); overflow-y:auto; padding:6px; }
.gs-result { width:100%; min-height:68px; display:grid; grid-template-columns:70px minmax(0,1fr) auto 20px; gap:10px; align-items:center; padding:10px; border:1px solid transparent; border-radius:10px; text-align:left; color:#dfe6ef; background:transparent; cursor:pointer; }
.gs-result:hover, .gs-result.is-active { background:rgba(255,255,255,.055); border-color:rgba(77,225,255,.20); }
.gs-type { font-size:8px; font-weight:800; letter-spacing:1px; color:#4de1ff; }
.gs-copy { min-width:0; display:flex; flex-direction:column; gap:5px; }
.gs-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#f2f5f8; }
.gs-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; line-height:1.4; color:#7d8797; }
.gs-copy mark { color:#ff5aa7; background:transparent; font-weight:800; }
.gs-meta { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; text-transform:uppercase; letter-spacing:.8px; color:#727d8d; }
.gs-arrow { color:#596474; font-size:14px; }
.gs-result.is-active .gs-arrow { color:#4de1ff; transform:translateX(2px); }
.gs-foot { justify-content:flex-start; border-top:1px solid rgba(255,255,255,.07); border-bottom:0; color:#667182; font-size:9px; }
.gs-foot span { display:flex; align-items:center; gap:4px; }
.gs-foot kbd { padding:2px 5px; border:1px solid #2c323d; border-radius:4px; background:#11151b; color:#8792a3; font-size:8px; }
.gs-empty { min-height:160px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; padding:24px; text-align:center; }
.gs-empty > span { font-size:24px; color:#4de1ff; }.gs-empty strong{font-size:12px}.gs-empty small{max-width:360px;color:#717c8d;font-size:10px;line-height:1.5}
.gs-loading { display:flex; align-items:center; gap:10px; padding:18px; font-size:10px; color:#8590a1; }
.gs-loading span { width:12px; height:12px; border:2px solid #303744; border-top-color:#4de1ff; border-radius:50%; animation:gs-spin .7s linear infinite; }
@keyframes gs-spin { to { transform:rotate(360deg); } }
@media (max-width:700px) {
  .global-search-panel { position:fixed; top:64px; left:10px; right:10px; width:auto; max-height:calc(100vh - 78px); }
  .gs-results { max-height:calc(100vh - 190px); }
  .gs-result { grid-template-columns:58px minmax(0,1fr) 18px; min-height:64px; }
  .gs-meta { display:none; }.gs-foot{display:none;}
}
