.selftrade .self-chart {
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.selftrade .self-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.selftrade .self-chart-grid { stroke: var(--line); stroke-width: 1; }
.selftrade .self-chart-label { fill: var(--muted); font-size: 11px; }
.selftrade .self-settings > summary { cursor: pointer; font-size: 1.1rem; font-weight: 650; }
.selftrade .self-settings form { margin-top: 18px; }
.selftrade .self-settings small { display: block; margin-top: 6px; color: var(--muted); line-height: 1.4; }
.selftrade .self-positions td { vertical-align: top; }
.selftrade .self-positions th button {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font: inherit;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.selftrade .self-positions th[aria-sort="ascending"] button,
.selftrade .self-positions th[aria-sort="descending"] button { color: var(--accent); }
.selftrade .self-positions th button:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.selftrade .self-positions td:first-child { min-width: 155px; }
.selftrade .self-positions td:nth-child(2), .selftrade .self-positions td:nth-child(3) { white-space: nowrap; }
.selftrade .self-positions .details-list { padding: 12px; background: var(--input); border-radius: 8px; }
.selftrade .self-positions .label-note { max-width: 240px; white-space: normal; }
.selftrade .pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.selftrade .toolbar-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.selftrade .config-grid > label { min-width: 0; }
.selftrade .config-grid input, .selftrade .config-grid select { width: 100%; min-width: 0; }
@media (max-width: 600px) {
  .selftrade .section-heading { flex-wrap: wrap; gap: 12px; }
  .selftrade .self-chart { min-height: 150px; }
  .selftrade .self-settings .config-grid { grid-template-columns: 1fr; }
  .selftrade .toolbar-actions { width: 100%; }
}