.chart-coordinate-search { position: absolute; z-index: 1150; top: 10px; inset-inline-start: 10px; width: min(380px, calc(100% - 320px)); margin: 0; color-scheme: light; font: 14px/1.5 "Segoe UI", "Microsoft YaHei", sans-serif; }
.coordinate-search-bar { display: flex; align-items: center; height: 46px; padding: 3px 4px 3px 12px; border: 1px solid #d9e3e9; border-radius: 12px; background: #fff; box-shadow: 0 3px 16px #0d243526; }
.coordinate-search-bar:focus-within { border-color: #2589ae; box-shadow: 0 0 0 3px #2589ae29; }
.coordinate-search-bar input { flex: 1; width: 0; min-width: 0; height: 100%; padding: 0 6px 0 0; border: 0; outline: 0; border-radius: 0; background: transparent; color: #243f52; font: inherit; box-shadow: none; }
.site-chart .coordinate-search-bar input:focus, .site-chart .coordinate-search-bar input:focus-visible { outline: none; outline-offset: 0; border: 0; box-shadow: none; }
.coordinate-search-bar input::placeholder { color: #708593; opacity: 1; }
.coordinate-search-bar button { flex: 0 0 38px; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 9px; background: #edf5f8; color: #246680; cursor: pointer; }
.coordinate-search-bar button:hover { background: #daedf4; }
.coordinate-search-bar button:focus-visible { outline: 2px solid #176b91; outline-offset: 2px; }
.coordinate-search-bar svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.coordinate-search-error { margin: 6px 0 0; padding: 9px 12px; border: 1px solid #ebd3cb; border-radius: 9px; background: #fff8f4; color: #994c30; font-size: 12px; }
.coordinate-search-error[hidden] { display: none; }
@media (min-width: 701px) {
  .chart-map-shell .chart-feature-panel, .chart-map-shell .chart-fishing-panel { top: 76px; max-height: calc(100% - 86px); }
  .chart-map-shell:has(.coordinate-search-error:not([hidden])) .chart-feature-panel,
  .chart-map-shell:has(.coordinate-search-error:not([hidden])) .chart-fishing-panel { top: 150px; max-height: calc(100% - 160px); }
}
@media (max-width: 700px) {
  .chart-coordinate-search { width: calc(100% - 70px); max-width: 380px; }
  .coordinate-search-bar input { font-size: 16px; }
  .chart-layer-panel:not(.is-collapsed) { top: 76px; max-height: calc(100% - 220px); }
}