/* "Neon Soi" — manage.html. Same shell as claim.css (login-style single card
   flow); adds the pin-editor card's map + coordinate readout. */

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{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-top:14px}
.btn{width:100%;margin-top:18px;padding:13px;font-size:15px}

.barname{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:24px;margin:0 0 4px;letter-spacing:.4px}
#map{height:360px;border-radius:10px;overflow:hidden;border:1px solid var(--line);margin:0 0 10px}
.coords{font-size:12.5px;color:var(--muted);font-family:'SFMono-Regular',Consolas,monospace;margin-bottom:4px}

/* Photos card — each tile is one uploaded photo; the arrows reorder (first
   tile = the card's main/default photo) and × removes, both saving
   immediately (see manage.html's photo script). */
.photogrid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.phototile{width:84px}
.phototile img{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block;background:var(--ink)}
.phototile-actions{display:flex;justify-content:space-between;margin-top:4px}
.phototile-actions button{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:2px 4px;line-height:1}
.phototile-actions button:hover:not(:disabled){color:var(--pink)}
.phototile-actions button:disabled{opacity:.25;cursor:default}
.photoempty{color:var(--muted);font-size:13px;margin:0 0 12px}