.ver-table-wrap {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}
.ver-table-wrap table { margin: 0; }
.ver-table-wrap th,
.ver-table-wrap td { padding-left: 18px; padding-right: 18px; }
.ver-table-wrap tbody tr:last-child td { border-bottom: 0; }

.api-badge {
  font-family: var(--mono);
  font-weight: 700;
  font-size: 13px;
  color: var(--accent-d);
  background: var(--accent-soft);
  padding: 4px 9px;
  border-radius: 8px;
  border: 1px solid var(--accent-soft-2);
  display: inline-block;
}

td.actions { text-align: right; white-space: nowrap; }

/* ===== Mobile: table -> cards ===== */
@media (max-width: 680px) {
  .ver-table-wrap { border: 0; background: transparent; box-shadow: none; overflow: visible; }
  .ver-table-wrap table,
  .ver-table-wrap tbody { display: block; }
  .ver-table-wrap thead { display: none; }
  .ver-table-wrap tr {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 12px;
    align-items: center;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--shadow-xs);
    padding: 14px 16px;
    margin-bottom: 12px;
  }
  .ver-table-wrap td { display: block; border: 0; padding: 0; font-size: 14px; }
  .ver-table-wrap td[data-label="API"] { grid-column: 1; }
  .ver-table-wrap td[data-label="Year"] { grid-column: 2; justify-self: end; color: var(--text-3); font-size: 13px; }
  .ver-table-wrap td[data-label="Codename"] { grid-column: 1 / -1; color: var(--text-2); }
  .ver-table-wrap td[data-label="Version"] { grid-column: 1 / -1; font-size: 12.5px; color: var(--text-3); }
  .ver-table-wrap td[data-label="Version"]::before { content: "Android "; }
  .ver-table-wrap td.actions { grid-column: 1 / -1; text-align: left; }
  .ver-table-wrap td.actions .btn { width: 100%; }
}