c1

.header-table th {
  background: var(--accent-green-soft); padding: 10px 6px;
  text-align: center; font-weight: 700; font-size: 15px;
  color: var(--accent-green); border-bottom: var(--border-w-thick) solid var(--accent-green);
  border-right: var(--border-w) solid var(--accent-green); vertical-align: middle;
}
.header-table th:first-child { text-align: left; padding-left: 12px; border-right: var(--border-w-thick) solid var(--accent-green); }
.header-table th:last-child { border-right: none; }
.search-wrapper { position: relative; margin-top: 6px; }
.search-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 16px; pointer-events: none; }
.clear-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: none; background: transparent; font-size: 18px; font-weight: bold; cursor: pointer; display: none; color: #666; }
.search-input { width: 100%; height: 40px; padding: 0 34px; border-radius: 6px; border: 2px solid var(--accent-green); background: #faf6e9; font-family: inherit; font-size: 15px; color: #0f172a; outline: none; }

/* ✅ FIXED HEIGHT — NEVER CHANGES! */
.body-scroll {
  height: var(--BODY-FIXED-HEIGHT) !important;
  overflow-y: auto; /* ✅ Scrollbar ON by default */
  overflow-x: hidden;
  background: #fff;
}
/* ✅ Searching: SAME height, scrollbar ONLY hidden — NO border cut off! */
.body-scroll.searching { overflow-y: hidden; }

.body-table tr { height: var(--ROW-HEIGHT); }
.body-table td {
  border-right: var(--border-w) solid var(--accent-green);
  border-bottom: 2px solid var(--accent-green); /* ✅ ALL CELLS KEEP BOTTOM BORDER — NO MORE CUT OFF! */
  padding: 8px 4px;
  vertical-align: middle; text-align: center;
  background: #fff;
  overflow: hidden;
}
/* ❌ REMOVED: .body-table tr:last-child td { border-bottom: none; } — THAT WAS THE BUG! */
.body-table td:first-child { border-right: var(--border-w-thick) solid var(--accent-green); text-align: left; padding-left: 12px; }
.body-table td:last-child { border-right: none; }
.body-table tr.matched { background: var(--match-highlight); }

.code-cell { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; width: 100%; height: 100%; }
.info-cell { display: flex; flex-direction: column; justify-content: center; gap: 4px; }
.plan-name { font-size: 16px; font-weight: 600; line-height: 1.2; }
.plan-type { font-size: 12px; text-transform: uppercase; color: var(--accent-green); font-weight: 700; }
.pill {
  width: 96%; height: var(--PILL-HEIGHT); border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; cursor: pointer;
  border: none; font-family: inherit; white-space: nowrap;
  box-sizing: border-box; flex-shrink: 0;
}
.pill-nonvolt { background: #fff3e0; color: #b45309; }
.pill-xgs { background: #f3e8ff; color: #7c3aed; }
.pill-hv { background: #f3e8ff; color: #7c3aed; }
.pill-vf { background: #e0f2fe; color: #0369a1; }
.pill-lnon { background: #fee2e2; color: #b91c1c; }
.pill-lvolt { background: #dbeafe; color: #1d4ed8; }
.no-results { height: 100%; display: flex; align-items: center; justify-content: center; color: #64748b; font-style: italic; }