.gsrch{position:relative;flex:1;max-width:460px;margin:0 18px;min-width:0}
.gs-input{width:100%;padding:8px 14px 8px 14px;border-radius:10px;border:1px solid var(--bd,#1a2240);
  background:#0e1528;color:#c8d0e8;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}
.gs-input::placeholder{color:#6b7a9e}
.gs-input:focus{border-color:var(--acc,#00d4ff);box-shadow:0 0 0 3px rgba(0,212,255,.12)}
.gs-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:300;
  background:#0c1322;border:1px solid var(--bd,#1a2240);border-radius:12px;overflow:hidden auto;
  box-shadow:0 18px 40px -16px rgba(0,0,0,.8);display:none;max-height:64vh}
.gs-results.show{display:block}
.gs-item{display:flex;align-items:center;gap:10px;padding:9px 13px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.045)}
.gs-item:last-child{border-bottom:none}
.gs-item:hover,.gs-item.sel{background:rgba(0,212,255,.09)}
.gs-ico{font-size:16px;width:22px;text-align:center;flex:none}
.gs-main{flex:1;min-width:0}
.gs-lbl{font-size:13px;color:#dce3f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-sub{font-size:11px;color:#7d8cb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-tag{font-size:10px;color:#8aa0cc;background:rgba(120,150,220,.12);padding:2px 7px;border-radius:6px;flex:none}
.gs-empty{padding:16px;text-align:center;color:#7d8cb0;font-size:12px}
html[data-theme="light"] .gs-input{background:#ffffff;color:#1c2640;border-color:#d4dcec}
html[data-theme="light"] .gs-input::placeholder{color:#8a97b5}
html[data-theme="light"] .gs-results{background:#ffffff;border-color:#e2e8f4;box-shadow:0 18px 40px -18px rgba(20,40,80,.25)}
html[data-theme="light"] .gs-item{border-bottom-color:#eef1f7}
html[data-theme="light"] .gs-item:hover,html[data-theme="light"] .gs-item.sel{background:#eaf6fb}
html[data-theme="light"] .gs-lbl{color:#1c2640}
html[data-theme="light"] .gs-sub{color:#6b7a9e}
html[data-theme="light"] .gs-tag{color:#3a6a88;background:#e8f2f8}
html[data-theme="light"] .gs-empty{color:#6b7a9e}
@media(max-width:760px){.gsrch{order:3;flex-basis:100%;max-width:100%;margin:8px 0 0}}
/* ===== mobile topbar: isi penuh lebar layar HP, baris rapi & seimbang ===== */
@media(max-width:600px){
  .tb{flex-wrap:wrap;gap:9px 10px;padding:11px 14px}
  .lg{flex:1 1 auto;min-width:0}
  .lg-t{font-size:14px;line-height:1.15}
  .ua{flex:1 1 100%;width:100%;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 7px}
  .ua>.bd:not(#ua-user){font-size:12px;padding:5px 9px;white-space:nowrap;flex:0 0 auto}
  .ua .bt-sm{font-size:12px;flex:0 0 auto}
  .ua .nbell-wrap,.ua .nhist-wrap{flex:0 0 auto}
  #ua-user{order:10;flex:1 1 100%;text-align:left;font-size:12px;white-space:normal;padding:5px 9px}
}