/* ============================================================
   FinToolbox — Win Rate & Profit Simulator (tool-specific)
   Global/shared styles (.card .fld .bk .tbl .aff .btn .page-tool …)
   live in /css/styles.css.
   ============================================================ */

/* Advanced-settings toggle chevron */
.wr-adv-toggle { align-self: flex-start; }
.wr-adv-toggle svg { transition: transform 0.15s ease; }
.wr-adv-toggle.open svg { transform: rotate(180deg); }

/* Equity chart container */
.wr-equity { width: 100%; min-height: 220px; }
.wr-equity svg { display: block; width: 100%; height: auto; }

/* Trade table scroll area — scrolls within its card, never overflows the page */
.wr-trades-scroll { max-height: 480px; max-width: 100%; overflow-y: auto; overflow-x: auto; }
.wr-trades-scroll .tbl { min-width: 480px; }

/* Net profit emphasis row sits on a solid divider */
.wr-net { padding-top: 14px; border-top: 1px solid var(--line); }

/* Fee fields are locked unless the exchange is "Custom" */
.fld .input[readonly] { opacity: 0.65; cursor: not-allowed; background: var(--bg-elev); }

/* Inputs|Breakdown split — 2-col desktop, stacked on tablet/mobile */
.wr-split { grid-template-columns: 1.1fr 1fr; }
@media (max-width: 900px) {
  .wr-split, .wr-actions { grid-template-columns: 1fr; }
}