/* ═══════════════════════════════════════════════════════════
   deepdive.css — Deep Dive tab styles (extracted from deepdive.js)
   ═══════════════════════════════════════════════════════════ */

.dd-autocomplete {
  position: absolute; top: 100%; left: 0; right: 0;
  max-height: 220px; overflow-y: auto;
  background: #0f172a; border: 1px solid #1e293b;
  border-radius: 4px; z-index: 200; display: none;
}
.dd-ac-item {
  padding: 5px 10px; cursor: pointer;
  font-size: 12px; color: #e2e8f0;
}
.dd-ac-item:hover { background: #1e293b; }
.dd-table {
  width: 100%; border-collapse: collapse; font-size: 11px;
}
.dd-table th {
  color: #475569; font-weight: 400; text-align: left;
  padding: 4px 8px; border-bottom: 1px solid #1e293b;
}
.dd-table th:not(:first-child) { text-align: right; }
.dd-table td {
  padding: 4px 8px; color: #cbd5e1;
  border-bottom: 1px solid #0f172a;
}
.dd-table td:not(:first-child) {
  text-align: right; font-family: 'JetBrains Mono', monospace;
}
.dd-table tr:last-child td { border-bottom: none; }