.card-query-table-scroll {
  margin-top: 16px;
  max-height: 560px;
  overflow: auto;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
.card-query-table-scroll:focus-visible { outline: 2px solid #3b82f6; outline-offset: 3px; }
.card-query-results-table {
  width: 100%;
  min-width: 1100px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  color: #334155;
  font-size: 13px;
  line-height: 1.65;
}
.card-query-results-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f1f5f9;
  border-bottom: 1px solid #e2e8f0;
  padding: 13px 16px;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.card-query-results-table td {
  padding: 15px 16px;
  vertical-align: top;
  border-bottom: 1px solid #edf2f7;
  overflow-wrap: anywhere;
}
.card-query-results-table tbody tr:nth-child(even) { background: #f8fafc; }
.card-query-results-table tbody tr:hover { background: #eff6ff; }
.card-query-results-table tbody tr:last-child td { border-bottom: 0; }
.card-query-results-table .badge { white-space: nowrap; }
.query-table-code, .query-table-id { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }
.query-table-plan { font-weight: 600; color: #0f172a; }
.query-table-meta { display: block; margin-bottom: 3px; font-size: 11px; color: #94a3b8; }
.query-table-id { display: block; }
.query-table-time { font-variant-numeric: tabular-nums; }
.query-table-caption { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 640px) {
  .card-query-results-table th, .card-query-results-table td { padding: 12px; }
  .card-query-table-scroll { border-radius: 10px; }
}