.gbdt-scrollbox {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  margin: 20px 0;
  overflow: hidden;
  color: #111827;
}
.gbdt-scrollbox__header {
  padding: 12px 14px;
  border-bottom: 1px solid #e5e7eb;
  background: linear-gradient(#fff, #f9fafb);
  font-weight: 600;
}
.gbdt-scrollbox__body {
  overflow-y: auto;
  padding: 14px;
  line-height: 1.6;
}
.gbdt-scrollbox__body::-webkit-scrollbar { width: 10px; }
.gbdt-scrollbox__body::-webkit-scrollbar-track { background: #f3f4f6; border-radius: 10px; }
.gbdt-scrollbox__body::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.gbdt-scrollbox__body::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
@media (prefers-color-scheme: dark) {
  .gbdt-scrollbox { background: #0f172a; color: #e5e7eb; border-color: #1f2937; }
  .gbdt-scrollbox__header { background: linear-gradient(#0f172a,#0b1224); border-color: #1f2937; }
  .gbdt-scrollbox__body::-webkit-scrollbar-track { background: #0b1224; }
  .gbdt-scrollbox__body::-webkit-scrollbar-thumb { background: #334155; }
  .gbdt-scrollbox__body::-webkit-scrollbar-thumb:hover { background: #475569; }
}