body[data-page="trading"] .wrap {
  padding-bottom: var(--space-md, 1rem);
}

body[data-page="trading"] .trading-panel-root {
  display: contents;
}

body[data-page="trading"] #tabHistory,
body[data-page="trading"] #tabHistory .trading-history-stack {
  min-block-size: 0;
}

body[data-page="trading"] #tabHistory .trading-history-stack {
  padding-bottom: var(--space-xs, 0.5rem);
  margin-bottom: 0;
}

body[data-page="trading"] #tabHistory .trading-history-stack > :last-child {
  margin-bottom: 0;
}

body[data-page="trading"] #tabHistory [data-history-live-results-section],
body[data-page="trading"] #tabHistory [data-tp-history-duplicate-hidden="true"] {
  display: none !important;
}

body[data-page="trading"] #tabHistory .tp-history-dashboard {
  --tp-history-gap: var(--space-md, 1rem);
  --tp-history-card-radius: var(--radius-lg, 1.25rem);
  --tp-history-card-line: var(--line, rgba(148, 163, 184, 0.22));
  --tp-history-card-bg: var(--panel, rgba(255, 255, 255, 0.72));
  --tp-history-card-bg-soft: var(--panel-2, rgba(248, 250, 252, 0.74));
  --tp-history-shadow: var(--shadow-soft, 0 14px 38px rgba(15, 23, 42, 0.08));
  --tp-history-summary-x: var(--space-md, 1rem);
  --tp-history-summary-y: var(--space-sm, 0.78rem);
  --tp-history-row-gap: var(--space-xs, 0.5rem);
  --tp-history-toggle-size: var(--control-size-sm, 2rem);
  --tp-history-ledger-primary-min: var(--size-7xl, 120px);
  --tp-history-ledger-wide-min: var(--size-8xl, 140px);
  --tp-history-ledger-meta-min: var(--size-5xl, 96px);
  display: grid;
  gap: var(--tp-history-gap);
}

body[data-page="trading"] #tabHistory .tp-history-section-card,
body[data-page="trading"] #tabHistory .tp-bot-history-fix,
body[data-page="trading"] #tabHistory .tp-history-manual-card,
body[data-page="trading"] #tabHistory [data-protection-diagnostics-panel],
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-bot,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-manual {
  position: relative;
  border: var(--border-width-sm, 1px) solid var(--tp-history-card-line, var(--line-soft, rgba(148, 163, 184, 0.2)));
  border-left: var(--border-width-lg, 4px) solid var(--tp-history-fold-accent, var(--tp-history-rail, var(--accent-soft, var(--line-strong, rgba(100, 116, 139, 0.46)))));
  border-radius: var(--tp-history-card-radius, var(--radius-lg, 1.25rem));
  background: linear-gradient(180deg, var(--tp-history-card-bg, var(--panel, rgba(255, 255, 255, 0.72))), var(--tp-history-card-bg-soft, var(--panel-2, rgba(248, 250, 252, 0.74))));
  box-shadow: var(--tp-history-shadow, var(--shadow-soft, 0 14px 38px rgba(15, 23, 42, 0.08)));
  overflow: clip;
}

body[data-page="trading"] #tabHistory .tp-history-section-card,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail,
body[data-page="trading"] #tabHistory .tp-bot-history-fix,
body[data-page="trading"] #tabHistory .tp-history-manual-card,
body[data-page="trading"] #tabHistory [data-protection-diagnostics-panel] {
  --tp-history-fold-accent: var(--tp-history-rail, var(--accent-soft, var(--line-strong, rgba(100, 116, 139, 0.46)))) !important;
}

body[data-page="trading"] #tabHistory .tp-history-kpi-card {
  padding: var(--space-md, 1rem);
}

body[data-page="trading"] #tabHistory .tp-bot-history-fix.auto-trading-orders-card,
body[data-page="trading"] #tabHistory .tp-bot-history-fix.auto-orders-fold {
  display: block;
  padding: 0;
  margin: 0;
  min-block-size: 0;
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-bot {
  grid-column: 1 / -1;
  inline-size: 100%;
}

body[data-page="trading"] #tabHistory .tp-history-lane-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-sm, 0.75rem);
  padding: var(--space-2xs, 0.2rem) 0 var(--space-sm, 0.85rem);
  margin-bottom: var(--space-sm, 0.75rem);
  border-bottom: var(--border-width-sm, 1px) solid var(--line-soft, rgba(148, 163, 184, 0.16));
}

body[data-page="trading"] #tabHistory .tp-history-lane-header > div {
  display: grid;
  gap: var(--space-3xs, 0.12rem);
  min-width: 0;
}

body[data-page="trading"] #tabHistory .tp-history-lane-header strong {
  font-size: clamp(var(--font-size-lg, 1.05rem), 1vw + var(--font-size-sm, 0.8rem), var(--font-size-xl, 1.35rem));
}

body[data-page="trading"] #tabHistory .tp-history-lane-header small {
  color: var(--muted, #64748b);
  line-height: var(--line-height-normal, 1.35);
}

body[data-page="trading"] #tabHistory .tp-history-summary,
body[data-page="trading"] #tabHistory .tp-history-section-card > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-exchange-history-fix > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-bot-history-fix > summary.tp-history-summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: min-content;
  align-items: center;
  gap: var(--space-3xs, 0.18rem) var(--space-sm, 0.75rem);
  cursor: pointer;
  list-style: none;
  min-height: var(--size-xl, 3.35rem);
  padding: var(--tp-history-summary-y, var(--space-sm, 0.78rem)) var(--tp-history-summary-x, var(--space-md, 1rem));
  padding-right: var(--tp-history-summary-x, var(--space-md, 1rem)) !important;
  padding-bottom: calc(var(--tp-history-summary-y, var(--space-sm, 0.78rem)) + var(--space-sm, 0.75rem)) !important;
}

body[data-page="trading"] #tabHistory .tp-bot-history-fix > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-history-manual-card > summary.tp-history-summary,
body[data-page="trading"] #tabHistory [data-protection-diagnostics-panel] > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-bot > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-manual > summary.tp-history-summary {
  padding-left: calc(var(--tp-history-summary-x, var(--space-md, 1rem)) + var(--space-xs, 0.5rem));
}

body[data-page="trading"] #tabHistory .tp-bot-history-fix > summary.black-swan-summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-bot-history-fix > summary.auto-orders-summary.tp-history-summary {
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
}

body[data-page="trading"] #tabHistory .tp-history-summary::-webkit-details-marker,
body[data-page="trading"] #tabHistory .tp-history-section-card > summary::-webkit-details-marker,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail > summary::-webkit-details-marker {
  display: none;
}

body[data-page="trading"] #tabHistory .tp-history-summary::marker,
body[data-page="trading"] #tabHistory .tp-history-section-card > summary::marker,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail > summary::marker {
  content: "";
}

body[data-page="trading"] #tabHistory .tp-history-summary > * {
  grid-column: 1;
  min-width: 0;
}

body[data-page="trading"] #tabHistory .tp-history-summary::after {
  content: "" !important;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: var(--space-2xs, 0.25rem);
  inline-size: var(--space-xs, 0.5rem) !important;
  block-size: var(--space-xs, 0.5rem) !important;
  border: 0 !important;
  border-inline-end: var(--border-width-sm, 1px) solid var(--muted, #64748b) !important;
  border-block-end: var(--border-width-sm, 1px) solid var(--muted, #64748b) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: var(--tp-history-chevron-opacity, 0.72);
  transform: translateX(-50%) rotate(45deg);
  transition: transform var(--motion-duration-sm, 160ms) var(--motion-ease-standard, ease), opacity var(--motion-duration-sm, 160ms) var(--motion-ease-standard, ease);
  justify-self: auto !important;
  align-self: auto !important;
  pointer-events: none;
}

body[data-page="trading"] #tabHistory details[open] > .tp-history-summary::after {
  content: "" !important;
  opacity: var(--tp-history-chevron-open-opacity, 0.86);
  transform: translateX(-50%) rotate(225deg);
}

body[data-page="trading"] #tabHistory .tp-history-summary:hover::after,
body[data-page="trading"] #tabHistory .tp-history-summary:focus-visible::after {
  opacity: var(--tp-history-chevron-hover-opacity, 1);
}

body[data-page="trading"] #tabHistory .tp-history-summary-title {
  display: block;
  margin: 0;
  font-weight: var(--font-weight-bold, 750);
  line-height: var(--line-height-tight, 1.2);
}

body[data-page="trading"] #tabHistory .tp-history-summary-copy {
  display: block;
  margin: 0;
  color: var(--muted, #64748b);
  line-height: var(--line-height-snug, 1.3);
  overflow-wrap: normal;
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-results-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-sm, 0.75rem);
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-kpi {
  min-height: var(--size-4xl, 8.5rem);
  display: grid;
  align-content: space-between;
  border-radius: var(--radius-md, 1rem);
  border: var(--border-width-sm, 1px) solid var(--line-soft, rgba(148, 163, 184, 0.18));
  background: var(--panel, rgba(255, 255, 255, 0.58));
  overflow-wrap: anywhere;
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-kpi.tp-kpi-total {
  border-left: var(--border-width-lg, 4px) solid var(--purple, #6366f1);
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-kpi.tp-kpi-bot {
  border-left: var(--border-width-lg, 4px) solid var(--green, #16a34a);
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-kpi.tp-kpi-manual {
  border-left: var(--border-width-lg, 4px) solid var(--cyan, #0891b2);
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-kpi.tp-kpi-fee {
  border-left: var(--border-width-lg, 4px) solid var(--yellow, #ca8a04);
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-results-details,
body[data-page="trading"] #tabHistory .trading-history-results .trading-results-details {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tp-history-gap, var(--space-md, 1rem));
  margin-top: var(--space-md, 0.9rem);
}

body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail {
  border-radius: var(--radius-md, 1rem);
  border: var(--border-width-sm, 1px) solid var(--line-soft, rgba(148, 163, 184, 0.2));
  background: var(--panel, rgba(255, 255, 255, 0.45));
  overflow: clip;
}

body[data-page="trading"] #tabHistory .tp-ledger-layout-fix > .trading-result-rows,
body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .trading-result-rows {
  display: grid;
  gap: var(--tp-history-row-gap, var(--space-xs, 0.5rem));
  padding: 0 var(--tp-history-summary-x, var(--space-md, 1rem)) var(--space-sm, 0.75rem);
  margin: 0;
}

body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .trade-inline-note {
  margin: 0;
}

body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .trading-result-row,
body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .kraken-action-log-row,
body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .kraken-execution-row,
body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .hedge-history-row {
  display: grid;
  grid-template-columns: minmax(var(--tp-history-ledger-primary-min, var(--size-7xl, 120px)), 1.35fr) minmax(var(--tp-history-ledger-meta-min, var(--size-5xl, 96px)), auto);
  gap: var(--space-xs, 0.55rem) var(--space-md, 1rem);
  align-items: center;
  overflow-wrap: anywhere;
  min-height: auto;
  padding-block: var(--space-xs, 0.52rem);
}

body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .kraken-action-log-row,
body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .kraken-execution-row {
  grid-template-columns: auto minmax(0, 1fr);
}

body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .hedge-history-row {
  grid-template-columns: minmax(var(--tp-history-ledger-wide-min, var(--size-8xl, 140px)), 1.4fr) minmax(var(--tp-history-ledger-primary-min, var(--size-7xl, 120px)), 1fr) minmax(var(--tp-history-ledger-primary-min, var(--size-7xl, 120px)), 1fr) minmax(var(--tp-history-ledger-meta-min, var(--size-5xl, 96px)), auto);
}

body[data-page="trading"] #tabHistory .tp-ledger-layout-fix small,
body[data-page="trading"] #tabHistory .tp-ledger-layout-fix span,
body[data-page="trading"] #tabHistory .tp-ledger-layout-fix strong {
  min-width: 0;
}

body[data-page="trading"] #tabHistory .tp-bot-history-fix > .auto-orders-body {
  display: grid;
  gap: var(--tp-history-row-gap, var(--space-xs, 0.5rem));
  padding: 0 var(--tp-history-summary-x, var(--space-md, 1rem)) var(--space-sm, 0.75rem);
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-page="trading"] #tabHistory .tp-bot-history-fix .auto-order-column-head,
body[data-page="trading"] #tabHistory .tp-bot-history-fix .auto-order-list,
body[data-page="trading"] #tabHistory .tp-bot-history-fix .auto-order-empty {
  margin: 0;
  border-color: var(--line-soft, rgba(148, 163, 184, 0.16));
  background: var(--panel, rgba(255, 255, 255, 0.45));
}

body[data-page="trading"] #tabHistory .tp-bot-history-fix[open] > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-history-manual-card[open] > summary.tp-history-summary,
body[data-page="trading"] #tabHistory [data-protection-diagnostics-panel][open] > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-bot[open] > summary.tp-history-summary,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-manual[open] > summary.tp-history-summary {
  border-bottom: var(--border-width-sm, 1px) solid var(--line-soft, rgba(148, 163, 184, 0.16));
}

body[data-page="trading"] #tabHistory .tp-bot-history-fix > .trading-result-rows,
body[data-page="trading"] #tabHistory .tp-history-manual-card > .trading-result-rows,
body[data-page="trading"] #tabHistory [data-protection-diagnostics-panel] > .trading-result-rows,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-bot > .trading-result-rows,
body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-result-detail.tp-result-detail-manual > .trading-result-rows {
  padding-top: var(--space-xs, 0.5rem);
}

@media (max-width: 1040px) {
  body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body[data-page="trading"] #tabHistory .tp-history-dashboard {
    --tp-history-gap: var(--space-xs, 0.6rem);
    --tp-history-summary-x: var(--space-sm, 0.72rem);
    --tp-history-summary-y: var(--space-xs, 0.6rem);
    --tp-history-toggle-size: var(--control-size-xs, 1.7rem);
    --tp-history-row-gap: var(--space-2xs, 0.38rem);
  }

  body[data-page="trading"] #tabHistory .tp-history-lane-header {
    align-items: flex-start;
    flex-direction: column;
  }

  body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-results-grid,
  body[data-page="trading"] #tabHistory .tp-history-dashboard .trading-results-details,
  body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .trading-result-row,
  body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .kraken-action-log-row,
  body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .kraken-execution-row,
  body[data-page="trading"] #tabHistory .tp-ledger-layout-fix .hedge-history-row {
    grid-template-columns: 1fr;
  }
}
