/* search.css 0.16.11 — the search bar in the top bar (search.js). Phone changes only inside @media (max-width:760px). */
.tb-search{position:relative;flex:1 1 320px;max-width:520px;min-width:200px}
.topbar.has-gs .tb-date{flex:0 1 auto}
.tb-search>svg{position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;fill:none;stroke:#7a8594;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.gs-in{display:block;width:100%;height:40px;box-sizing:border-box;margin:0;border:1px solid #d5dce5;border-radius:10px;background:#fff;padding:0 12px 0 38px;font:inherit;font-size:14.5px;color:var(--ink,#1d2733);outline:none;-webkit-appearance:none;appearance:none}
.gs-in::placeholder{color:#8a94a2}
.gs-in:focus{border-color:var(--brand,#1E88E5);box-shadow:0 0 0 3px rgba(30,136,229,.15)}
.gs-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:340px;max-height:min(70vh,520px);overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #dfe4ea;border-radius:12px;box-shadow:0 14px 34px rgba(16,24,40,.16);padding:6px;z-index:60}
.gs-pop[hidden]{display:none}
.gs-g{padding:8px 10px 3px;font-size:12px;font-weight:800;color:var(--ink2,#46505c)}
.gs-g:first-child{padding-top:4px}
.gs-it{display:flex;align-items:baseline;gap:8px;min-width:0;padding:9px 10px;border-radius:8px;color:var(--ink,#1d2733);text-decoration:none;font-size:14.5px;line-height:1.3}
.gs-it.on{background:#eaf2fd}
.gs-it.dim{opacity:.6}
.gs-ref{flex:none;font-weight:750}
.gs-l{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gs-none{padding:12px 10px;font-size:14.5px;color:var(--ink2,#46505c)}
body.gs-off .tb-search{display:none}
.leaflet-container{isolation:isolate} /* maps (Dashboard, Schedule) stay under the results list */
@media (max-width:1180px){ .tb-search{max-width:440px} }
@media (max-width:760px){
 .topbar.has-gs .tb-date{display:none}
 body.gs-off .topbar.has-gs .tb-date{display:block}
 .tb-search{flex:1 1 auto;min-width:0;max-width:none}
 /* room for the search box: the account button shows just the round initial and its sync dot (the words are in its menu) */
 .topbar.has-gs .ps-acct .ps-lbl{display:none}
 .topbar.has-gs .ps-acct .ps-btn{padding:0 4px;gap:0}
 .gs-in{height:42px;font-size:16px;padding:0 8px 0 36px;border-radius:12px}
 .gs-in::placeholder{font-size:14px}
 .topbar.has-gs{gap:8px}
 .tb-search>svg{left:11px}
 .gs-pop{position:fixed;top:60px;left:8px;right:8px;min-width:0;max-height:calc(100vh - 60px - var(--mbnav,64px) - 20px);max-height:calc(100dvh - 60px - var(--mbnav,64px) - 20px);border-radius:14px;z-index:60}
 .gs-it{padding:12px 10px;font-size:16px}
 .gs-none{font-size:16px}
}
