#dtcReferencePanel { margin-top: 18px; min-width: 0; }
#dtcReferencePanel [hidden] { display: none !important; }
#dtcReferencePanel .dtc-reference-heading { padding: 20px 22px 8px; }
#dtcReferencePanel .dtc-reference-heading h3 { margin: 0 0 8px; }
#dtcReferencePanel .dtc-reference-heading p { margin: 8px 0; color: var(--muted, #a4adbf); }
#dtcReferencePanel .table-tools { flex-wrap: wrap; gap: 12px; }
#dtcReferenceSearch { flex: 1 1 230px; min-width: 0; max-width: 100%; }
#dtcReferencePanel .table-wrap { max-height: 540px; overflow: auto; }
#dtcReferencePanel table { width: 100%; min-width: 650px; }
#dtcReferencePanel th { position: sticky; top: 0; background: var(--panel, #17202e); }
#dtcReferencePanel td:nth-child(1), #dtcReferencePanel td:nth-child(4), #dtcReferencePanel td:nth-child(5) { font-family: monospace; white-space: nowrap; }
#dtcReferencePanel td:nth-child(3) { min-width: 260px; white-space: normal; overflow-wrap: anywhere; }
#dtcReferencePanel .panel-actions { flex-wrap: wrap; gap: 10px; }
#dtcReferencePanel .dtc-reference-pagination { display: flex; gap: 8px; }
@media (max-width: 600px) {
  #dtcReferencePanel .dtc-reference-heading { padding: 16px 14px 4px; }
  #dtcReferencePanel .table-tools, #dtcReferencePanel .panel-actions { padding: 14px; }
  #dtcReferencePanel .dtc-reference-pagination { width: 100%; }
  #dtcReferencePanel .dtc-reference-pagination button { flex: 1; }
}