/* "Neon Soi" — recommend-a-bar.html. Mirrors add-your-bar.css's card/input/
   label shapes plus manage.css's map/coords shapes (customer drops a pin
   here the same way an owner repositions theirs in /manage). */

body{display:flex;justify-content:center;background:var(--ink);color:var(--cream);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:500;margin:0;padding:20px;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:520px;width:100%}
h1{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(28px,6vw,38px);margin:14px 0 4px;letter-spacing:.5px}
p.lead{color:var(--muted);font-size:14px;margin:0 0 20px}
.card{padding:20px;margin-bottom:16px}
.btn{width:100%;margin-top:18px;padding:13px;font-size:15px}

#dupResults{margin-top:8px}
.duprow{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;margin-top:6px;
  background:var(--ink);border:1px solid var(--line);border-radius:8px;
  color:var(--cream);text-decoration:none;font-size:13.5px;transition:border-color .15s}
.duprow:hover{border-color:var(--pink)}
.duprow .area{color:var(--muted);font-size:12.5px}

#map{height:280px;border-radius:10px;overflow:hidden;border:1px solid var(--line);margin:0 0 8px}
.coords{font-size:12.5px;color:var(--muted);font-family:'SFMono-Regular',Consolas,monospace;margin-bottom:10px}

button.edit{display:block;width:100%;box-sizing:border-box;cursor:pointer;font:inherit;font-weight:700;
  font-size:13.5px;border-radius:8px;padding:10px;background:transparent;
  border:1px solid var(--line);color:var(--cream);transition:border-color .15s}
button.edit:hover{border-color:var(--pink)}