/* tx-backtest — bổ sung nhẹ trên Tailwind (DESIGN.md: shadow rất nhẹ, content-first) */
.card {
  background: #fff;
  border: 1px solid #E4E7EC;
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.dark .card {
  background: #101828;
  border-color: rgba(255, 255, 255, 0.08);
}
.btn-primary {
  background: #465FFF; color: #fff; border-radius: 8px;
  padding: 10px 18px; font-weight: 500; font-size: 14px; transition: background .15s;
}
.btn-primary:hover { background: #3641F5; }
.btn-primary:disabled { opacity: .55; cursor: not-allowed; }
.btn-secondary {
  background: #fff; border: 1px solid #D0D5DD; color: #344054;
  border-radius: 8px; padding: 8px 14px; font-weight: 500; font-size: 14px;
}
.dark .btn-secondary { background: #1D2939; border-color: rgba(255,255,255,.1); color: #E4E7EC; }
.field {
  width: 100%; background: #fff; border: 1px solid #D0D5DD; border-radius: 8px;
  padding: 10px 14px; font-size: 14px; color: #1D2939; outline: none;
}
.field:focus { border-color: #9CB9FF; box-shadow: 0 0 0 3px rgba(70,95,255,.12); }
.dark .field { background: #1D2939; border-color: rgba(255,255,255,.1); color: #F2F4F7; }
.lbl { font-size: 14px; font-weight: 500; color: #344054; margin-bottom: 6px; display: block; }
.dark .lbl { color: #D0D5DD; }
table.tbl { width: 100%; border-collapse: collapse; }
.tbl th { background: #F9FAFB; color: #667085; font-size: 12px; text-transform: uppercase;
  letter-spacing: .03em; padding: 12px 16px; text-align: left; font-weight: 500; }
.dark .tbl th { background: rgba(255,255,255,.03); color: #98A2B3; }
.tbl td { padding: 12px 16px; font-size: 14px; color: #344054; border-top: 1px solid #F2F4F7; }
.dark .tbl td { color: #D0D5DD; border-color: rgba(255,255,255,.06); }
.tbl tr:hover td { background: #F9FAFB; }
.dark .tbl tr:hover td { background: rgba(255,255,255,.03); }
.mono { font-family: ui-monospace, SFMono-Regular, monospace; }
.spinner { width: 18px; height: 18px; border: 2px solid #E4E7EC; border-top-color: #465FFF;
  border-radius: 50%; animation: spin .7s linear infinite; display: inline-block; }
@keyframes spin { to { transform: rotate(360deg); } }