.map-tools,.near-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.map-tools button,.near-button,.near-results button{font:600 13px/1.35 system-ui,sans-serif;cursor:pointer;color:var(--c72c54d44e,#bcf6ff);background:var(--cdba92fde8,#0b2c40);border:1px solid var(--c0edf177cd,#386576);border-radius:7px;padding:10px 14px}
.map-tools button:hover,.near-results button:hover,.near-button:hover{background:var(--c181356d6a,#164457)}
.map-tools button:focus-visible,.near-results button:focus-visible,.near-button:focus-visible{outline:2px solid var(--cea311be10,#74f0ff);outline-offset:2px}
.map-tools button:disabled,.near-button:disabled{opacity:.65;cursor:wait}
.region-map-tools{min-width:0;position:relative;z-index:1}
.region-map-tools .map-tools{justify-content:flex-end;margin-top:7px}
.map-tools .share-status,.near-panel small{font-size:12px;color:var(--caa33a4dea,#b7d3df)}
.share-status textarea{display:block;width:100%;min-width:170px}
.near-panel{padding:14px 18px;background:var(--cde1395fc6,#071c29);border:1px solid var(--c3756b6929,#255064);border-radius:12px;color:var(--c922b2bf59,#ebfaff)}
.near-panel p{margin:7px 0}
.near-panel h3{font-size:16px;margin:13px 0 6px}
.near-panel [hidden]{display:none}
.near-results ol{padding-left:21px}
.near-results li{padding:6px 0}
.near-results li button{margin:4px 0;padding:6px 10px}
.near-panel a{color:var(--cea311be10,#74f0ff);text-decoration:underline}

#near-ports .port-details > div::before{content:"• ";color:var(--c8b8a6c0c0,#80b8c7)}
#near-ports li + li{border-top:1px solid var(--c28e5db9c0,#284454)}
#near-ports li button{display:block;margin:6px 0 0 auto}
.near-tooltip.leaflet-tooltip{white-space:normal;width:max-content;max-width:min(220px,60vw);line-height:1.4}
#near-status:empty{display:none}

.near-panel .map-tools,.near-fix{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-width:36rem;
}
.near-panel .map-tools button,.near-actions button{width:100%;min-height:44px;padding-inline:6px}
.near-panel .map-tools .share-status{grid-column:1/-1}
.near-panel .share-status:empty,.near-panel:has(#near-results[hidden]) .near-actions{display:none}
.near-fix{align-items:center}
.near-fix #near-status{white-space:pre-line}
.near-panel:has(#near-results[hidden]) #near-status{grid-column:1/-1}
.near-actions{grid-column:2;min-width:0;justify-content:flex-end}
.near-panel .share-status textarea{box-sizing:border-box;min-width:0}
#near-home{display:block;margin:12px 0 0 auto}

#near-ports-title{
  color:var(--c3b2ad76c3,#69e4e3);
  text-align:center;
  font-size:1.15rem;
  margin:20px 0 4px;
  padding-top:14px;
  border-top:1px solid var(--c0edf177cd,#386576);
}
#near-ports ol{margin-top:4px}
#near-home{background:var(--c3b2ad76c3,#69e4e3);border-color:var(--c3b2ad76c3,#69e4e3);color:var(--c9877781b2,#062533)}
#near-home:hover{background:var(--ceb233791f,#96f2ef)}
