/* ==========================================================================
   Leverage Simulator — Tool-specific styles
   All selectors scoped under .fx-tool-wrap
   ========================================================================== */

/* --- Summary Grid --- */
.fx-tool-wrap .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.fx-tool-wrap .summary-card{padding:14px 16px;border-radius:6px}
.fx-tool-wrap .card-profit{background:#f0fdf4;border-left:3px solid #16a34a}
.fx-tool-wrap .card-loss{background:#fef2f2;border-left:3px solid #dc2626}
.fx-tool-wrap .card-neutral{background:var(--bg-alt);border-left:3px solid var(--border)}
.fx-tool-wrap .card-label{font-size:12px;font-weight:bold;color:var(--text-light);margin-bottom:4px}
.fx-tool-wrap .card-value{font-size:22px;font-weight:bold;line-height:1.3}
.fx-tool-wrap .card-value.green{color:#16a34a}
.fx-tool-wrap .card-value.red{color:#dc2626}
.fx-tool-wrap .card-sub{font-size:12px;color:var(--text-sub);margin-top:2px}

/* --- Losscut Box --- */
.fx-tool-wrap .losscut-box{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:14px 16px;margin-bottom:20px}
.fx-tool-wrap .losscut-title{font-size:14px;font-weight:bold;color:#dc2626;margin-bottom:8px}
.fx-tool-wrap .losscut-row{font-size:13px;color:var(--text);line-height:1.7}
.fx-tool-wrap .losscut-label{color:var(--text-sub)}
.fx-tool-wrap .losscut-val{font-weight:bold}

/* --- Comparison Table --- */
.fx-tool-wrap .comp-title{font-size:14px;font-weight:bold;color:var(--text);margin-bottom:10px;padding-left:10px;border-left:3px solid var(--primary)}
.fx-tool-wrap .comp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}
.fx-tool-wrap .comp-table{width:100%;border-collapse:collapse;font-size:13px}
.fx-tool-wrap .comp-table th,
.fx-tool-wrap .comp-table td{padding:9px 10px;border:1px solid var(--border-light);text-align:right;white-space:nowrap}
.fx-tool-wrap .comp-table th{background:var(--bg-alt);font-weight:bold;color:var(--text-sub);font-size:12px;text-align:center}
.fx-tool-wrap .comp-table td:first-child{text-align:center;font-weight:bold}
.fx-tool-wrap .row-selected{background:var(--primary-bg);border-left:3px solid var(--primary)}
.fx-tool-wrap .row-selected td:first-child{padding-left:7px}
.fx-tool-wrap .selected-tag{font-size:11px;color:var(--primary);font-weight:normal;margin-left:4px}
.fx-tool-wrap .col-profit{color:#16a34a}
.fx-tool-wrap .col-loss{color:#dc2626}
.fx-tool-wrap .risk-bar-cell{width:100px;text-align:left}
.fx-tool-wrap .risk-bar{height:8px;background:#dc2626;border-radius:2px;min-width:2px}

/* --- Recommend Section --- */
.fx-tool-wrap .rec-section{margin-bottom:20px}
.fx-tool-wrap .rec-heading{font-size:14px;font-weight:bold;color:var(--text);margin-bottom:4px;padding-left:10px;border-left:3px solid var(--primary)}
.fx-tool-wrap .rec-sub{font-size:12px;color:var(--text-light);margin-bottom:12px;padding-left:13px}
.fx-tool-wrap .rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fx-tool-wrap .rec-card{border:1px solid var(--border-light);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--white);transition:border-color .15s ease,box-shadow .15s ease}
.fx-tool-wrap .rec-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.fx-tool-wrap .rec-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.fx-tool-wrap .rec-card-top img{width:60px;height:auto;object-fit:contain;border-radius:4px}
.fx-tool-wrap .rec-card-name{font-size:13px;font-weight:bold;color:var(--text);line-height:1.3}
.fx-tool-wrap .rec-lev{display:inline-block;font-size:11px;font-weight:bold;color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary);border-radius:6px;padding:2px 6px;align-self:flex-start}
.fx-tool-wrap .rec-desc{font-size:12px;color:var(--text-sub);line-height:1.5;flex:1}
.fx-tool-wrap .rec-cta{display:block;text-align:center;font-size:13px;font-weight:bold;color:var(--white);background:var(--primary);border-radius:80px;padding:10px 10px;text-decoration:none;transition:background .15s ease,box-shadow .15s ease;min-height:44px;box-shadow:0 2px 8px rgba(208,90,27,.2)}
.fx-tool-wrap .rec-cta:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(208,90,27,.3);text-decoration:none}

/* --- Bottom CTA Section --- */
.fx-tool-wrap .bottom-cta-section{background:var(--bg-alt);border-radius:6px;padding:20px;margin-bottom:20px;text-align:center}
.fx-tool-wrap .bottom-cta-title{font-size:15px;font-weight:bold;color:var(--text);margin-bottom:6px}
.fx-tool-wrap .bottom-cta-sub{font-size:12px;color:var(--text-sub);margin-bottom:14px;line-height:1.5}
.fx-tool-wrap .cta-note{font-size:11px;color:var(--text-light);margin-top:8px}

/* --- Responsive --- */
@media(max-width:768px){
  .fx-tool-wrap .summary-grid{grid-template-columns:1fr}
  .fx-tool-wrap .card-value{font-size:20px}
  .fx-tool-wrap .comp-table{font-size:12px}
  .fx-tool-wrap .comp-table th,
  .fx-tool-wrap .comp-table td{padding:7px 6px}
  .fx-tool-wrap .risk-bar-cell{width:70px}
  .fx-tool-wrap .rec-grid{grid-template-columns:1fr}
}