/* Drop Radar: in-store sightings (assets/js/sightings.js).
   Tokens from site.css, same card language as wish.css. Tap targets 44px:
   people report from a shop aisle, on a phone. */

.near {
  border: 2px solid var(--ink); border-radius: 14px; background: var(--card);
  padding: 18px; margin: 18px 0 8px; box-shadow: 5px 5px 0 var(--radar, #5B8CFF);
}
.near h2 { font-size: clamp(1.3rem, 4.4vw, 1.75rem); line-height: 1; margin: 0; }
.near__lede { margin: 6px 0 12px; color: var(--muted); font-weight: 600; font-size: 0.94rem; max-width: 60ch; }
.near__bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
.near__where { font-weight: 800; font-size: 0.9rem; }
.near__form { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 0; }
.near__form input[type="text"], .near__form select {
  min-height: 48px; padding: 0 14px; border: 2px solid var(--ink); border-radius: 999px; background: #fff;
  font: 600 1rem/1.2 'Archivo', system-ui, sans-serif; color: var(--ink);
}
.near__form input[type="text"] { flex: 1 1 140px; min-width: 0; }
.near__form input:focus, .near__form select:focus { outline: 3px solid var(--radar); outline-offset: 2px; }
.near__check { display: flex; gap: 8px; align-items: center; min-height: 44px; font-weight: 700; font-size: 0.9rem; flex-basis: 100%; }
.near__check input { width: 22px; height: 22px; accent-color: var(--hot); }
.near__pro { font-size: 0.8rem; font-weight: 800; color: var(--hot); }
.near__btn { min-height: 48px; padding: 0 20px; cursor: pointer; }
.near__link { background: none; border: 0; padding: 0; text-decoration: underline; font: inherit; cursor: pointer; color: inherit; min-height: 44px; }

.near .near__list { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 10px; }
.near__item { border: 1.5px solid var(--line); border-radius: 12px; padding: 12px; background: #fff; }
.near__item.is-likely { border-color: var(--ink); }
.near__item.is-stale, .near__item.is-disputed { opacity: 0.72; }
.near__title { font-weight: 900; line-height: 1.25; }
.near__shop { font-weight: 700; font-size: 0.9rem; }
.near__meta { margin: 4px 0 8px; font-size: 0.8rem; color: var(--muted); font-weight: 700; }
.near__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.near__chip { border-radius: 999px; padding: 3px 10px; font-size: 0.76rem; font-weight: 900; border: 1.5px solid var(--ink); background: var(--paper); }
.near__chip--in_stock { background: var(--acid); }
.near__chip--few { background: #FFE08A; }
.near__chip--sold_out { background: #eee; }
.near__chip--Likely { background: var(--ink); color: #fff; }
.near__votes { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.near__vote {
  border: 1.5px solid var(--ink); background: #fff; color: var(--ink); border-radius: 999px;
  padding: 8px 14px; min-height: 44px; cursor: pointer; font: 800 0.84rem/1.2 'Archivo', system-ui, sans-serif;
}
.near__vote[aria-pressed="true"] { background: var(--ink); color: #fff; }
.near__vote:disabled { opacity: 0.5; cursor: default; }
.near__flag { font-size: 0.78rem; color: var(--muted); }

.near__report { margin: 14px 0 0; padding: 14px; border: 1.5px dashed var(--ink); border-radius: 12px; background: var(--paper); }
.near__report fieldset { border: 0; padding: 0; margin: 10px 0 0; }
.near__report legend { font-weight: 900; font-size: 0.9rem; margin-bottom: 6px; }
.near__options { display: flex; flex-wrap: wrap; gap: 6px; }
.near__option { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border: 1.5px solid var(--ink); border-radius: 999px; background: #fff; font-weight: 700; font-size: 0.86rem; cursor: pointer; }
.near__option input { accent-color: var(--hot); }
.near__shops { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 6px; max-height: 260px; overflow-y: auto; }

.near__status { margin: 12px 0 0; font-weight: 700; min-height: 1.2em; }
.near__status:empty { display: none; }
.near__empty { margin: 14px 0 0; padding: 12px; border-left: 4px solid var(--hot); background: #FFF0F6; font-weight: 600; font-size: 0.9rem; border-radius: 0 8px 8px 0; }
.near__credit { margin: 12px 0 0; font-size: 0.74rem; color: var(--muted); }
.near .sr-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 520px) {
  .near__form .near__btn { flex: 1 1 100%; }
}