/* Results card: summary pills, the Table/Map view toggle, and the store table. */
.res-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.res-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.pill { padding: 4px 14px; border-radius: 20px; font-size: 0.79rem; font-weight: 700; }
.pill-all   { background: var(--bg); color: var(--text2); border: 1px solid var(--border2); }
.pill-green { background: var(--green-bg); color: var(--green-dk); border: 1px solid #bbf7d0; }
.pill-red   { background: var(--red-pale); color: var(--red-dark); border: 1px solid var(--red-pale2); }
.pill-price { background: var(--red-pale); color: var(--red-dark); border: 1px solid var(--red-pale2); }

/* View toggle */
.view-toggle { display: inline-flex; background: var(--bg); border: 1.5px solid var(--border2); border-radius: 9px; padding: 3px; gap: 2px; }
.vt-btn {
  display: flex; align-items: center; gap: 6px; padding: 7px 15px; border: none; background: transparent;
  border-radius: 7px; font-size: 0.82rem; font-weight: 700; color: var(--text2); cursor: pointer;
  transition: background .14s, color .14s;
}
.vt-btn:hover { background: rgba(255,255,255,.7); }
.vt-btn.active { background: var(--red); color: #fff; box-shadow: 0 1px 5px rgba(var(--accent-rgb), .3); }
.vt-btn svg { display: block; }

/* Store table */
.res-table { width: 100%; border-collapse: collapse; font-size: 0.855rem; }
.res-table th {
  padding: 8px 12px; text-align: left; font-size: 0.69rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .08em; color: var(--text3);
  border-bottom: 2px solid var(--border); white-space: nowrap; background: var(--surface);
}
.res-table td { padding: 9px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; }

.sec-in td {
  padding: 5px 12px; background: #f0fdf4; color: var(--green-dk);
  font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
  border-top: 2px solid #bbf7d0; border-bottom: 1px solid #bbf7d0;
}
.sec-out td {
  padding: 5px 12px; background: #f9fafb; color: var(--text3);
  font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
  border-top: 2px solid var(--border); border-bottom: 1px solid var(--border);
}
.row-in:hover td  { background: #f8fffa; }
.row-out:hover td { background: #fcfcfd; }
.row-out td { color: var(--text3); }

.stock-0   { color: var(--border2); font-weight: 600; }
.stock-low { color: var(--amber); font-weight: 700; }
.stock-ok  { color: var(--green); font-weight: 700; }
.dist-cell { color: var(--text2); font-size: 0.82rem; white-space: nowrap; }
.price-cell { color: var(--text); font-weight: 700; white-space: nowrap; }

@media (max-width: 640px) {
  .res-head { flex-direction: column; align-items: stretch; }
  .res-table { font-size: 0.78rem; }
  .res-table th, .res-table td { padding: 7px 8px; }
  .res-table td:nth-child(2) { word-break: break-word; }
}