.sdbl-wrap{
  --sd-gold-grad: linear-gradient(180deg,#f6d777,#b6872c);
  --sd-border:#26262c; --sd-silver:#d7dde6;
  background:#121214; border:1px solid var(--sd-border); border-radius:14px; padding:10px;
  box-shadow: 0 0 0 1px rgba(230,199,104,.08) inset; overflow:auto;
}
table.sdbl-table{ width:100%; border-collapse:separate; border-spacing:0; min-width:880px; }
.sdbl-table thead th{ position:sticky; top:0; z-index:2; background:#141417; color:var(--sd-silver);
  font-weight:800; text-align:left; padding:13px 12px; font-size:13.5px; border-bottom:1px solid var(--sd-border); letter-spacing:.3px; }
.sdbl-table tbody tr:nth-child(odd){ background: linear-gradient(180deg, rgba(246,215,119,.06), rgba(0,0,0,0)); }
.sdbl-table tbody tr:nth-child(even){ background: linear-gradient(180deg, rgba(0,0,0,0), rgba(182,135,44,.06)); }
.sdbl-table tbody tr{ transition: box-shadow .2s ease, transform .06s ease, background .2s ease; }
.sdbl-table tbody tr:hover{ box-shadow: 0 0 0 1px rgba(230,199,104,.25) inset, 0 6px 16px rgba(0,0,0,.25); transform: translateY(-1px); }
.sdbl-table tbody td{ padding:12px; border-bottom:1px solid var(--sd-border); color:#e7e8ea; font-size:14px; vertical-align:middle; }
.sdbl-table td.num{ text-align:right; font-variant-numeric: tabular-nums; }
.sd-chip{ display:inline-block; padding:5px 11px; border-radius:999px; font-size:12px; font-weight:900; color:#111;
  background:var(--sd-gold-grad); box-shadow:0 0 0 1px #000 inset; }
.sd-chip--muted{ background:#1b1b1f; color:#cfd4dc; box-shadow:none; border:1px solid var(--sd-border); }
.sd-btn{ display:inline-block; padding:10px 18px; border-radius:12px; font-weight:900; text-decoration:none; color:#111;
  background:var(--sd-gold-grad); box-shadow:0 0 0 1px #000 inset; white-space:nowrap; }
.sd-btn--ghost{ background:#16161a; color:#cfd4dc; border:1px solid var(--sd-border); box-shadow:none; }
.sd-btn--invoice{ background:var(--sd-gold-grad); color:#111; }
.sd-btn--white-red{ background:#fff; border:1px solid #ef4444; color:#ef4444; }
.sd-btn--white-red:hover{ box-shadow:0 0 0 2px rgba(239,68,68,.25); }
@media (max-width: 600px){ .sdbl-table tbody td, .sdbl-table thead th{ padding:10px; font-size:13px; } }