/* Results table. Side panel ar expanded popup, duto jaygay use hoy. */
.table-wrap { overflow-x: auto; border-radius: 13px; }
table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: .8125rem; }
th { padding: .5rem .625rem; border-bottom: 2px solid var(--ink); background: var(--ink); color: var(--white); font-weight: 800; text-align: left; white-space: nowrap; }
td { padding: .5rem .625rem; border-bottom: 1px solid var(--ink); white-space: nowrap; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover td { background: var(--purple-hover); }
input[type="checkbox"] { accent-color: var(--purple); }

.score { display: inline-flex; justify-content: center; min-width: 34px; padding: 0 .375rem; border: 2px solid var(--ink); border-radius: 10px; font-weight: 800; cursor: help; }
.score.hi { background: var(--green); }
.score.mid { background: var(--lime); }
.score.lo { background: var(--crimson); color: var(--white); }

/* --- scroll box + sticky header + "more" link (results table) --- */
.table-wrap { overflow: auto; }
.table-wrap table { font-size: 1.05em; } /* boro text */
th { position: sticky; top: 0; z-index: 1; }
td.name, td.trunc { max-width: 26rem; }
td.name.open, td.trunc.open { white-space: normal; min-width: 12rem; }
.more { padding: 0; border: 0; background: none; color: var(--purple); font-size: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; }
.more:hover { color: var(--crimson); }
th input[type="checkbox"], td input[type="checkbox"] { cursor: pointer; }

/* Phone cell + Direct WhatsApp Neo-Brutalist Badge */
.phone-cell { display: inline-flex; align-items: center; gap: .375rem; }
.wp-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 1px 6px;
  border: 1.5px solid var(--ink);
  border-radius: 8px;
  background: #25D366;
  color: var(--ink) !important;
  font-family: inherit;
  font-size: .6875rem;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.3;
  text-decoration: none !important;
  box-shadow: 1.5px 1.5px 0 var(--ink);
  transition: .15s ease;
}
.wp-badge:hover {
  background: #1ebe5d;
  color: var(--ink) !important;
  transform: translate(-1px, -1px);
  box-shadow: 2.5px 2.5px 0 var(--ink);
}