/* ==========================================================================
   BO P&L Simulator — Tool-specific styles
   All selectors scoped under .bo-tool-wrap
   ========================================================================== */

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

/* --- Break-even Box --- */
.bo-tool-wrap .breakeven-box{background:var(--primary-bg);border:1px solid var(--border-light);border-radius:6px;padding:14px 16px;margin-bottom:20px;text-align:center}
.bo-tool-wrap .breakeven-title{font-size:13px;color:var(--text-sub);margin-bottom:4px}
.bo-tool-wrap .breakeven-val{font-size:28px;font-weight:bold;color:var(--accent)}
.bo-tool-wrap .breakeven-desc{font-size:12px;color:var(--text-light);margin-top:6px;line-height:1.5}

/* --- Win Rate Comparison Table --- */
.bo-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)}
.bo-tool-wrap .comp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}
.bo-tool-wrap .comp-table{width:100%;border-collapse:collapse;font-size:13px}
.bo-tool-wrap .comp-table th,
.bo-tool-wrap .comp-table td{padding:9px 10px;border:1px solid var(--border-light);text-align:right;white-space:nowrap}
.bo-tool-wrap .comp-table th{background:var(--bg-alt);font-weight:bold;color:var(--text-sub);font-size:12px;text-align:center}
.bo-tool-wrap .comp-table td:first-child{text-align:center;font-weight:bold}
.bo-tool-wrap .row-selected{background:var(--primary-bg);border-left:3px solid var(--primary)}
.bo-tool-wrap .row-selected td:first-child{padding-left:7px}
.bo-tool-wrap .selected-tag{font-size:11px;color:var(--primary);font-weight:normal;margin-left:4px}
.bo-tool-wrap .col-profit{color:#16a34a}
.bo-tool-wrap .col-loss{color:#dc2626}

/* --- Payout Comparison Table --- */
.bo-tool-wrap .payout-comp-title{font-size:14px;font-weight:bold;color:var(--text);margin-bottom:10px;padding-left:10px;border-left:3px solid var(--primary)}
.bo-tool-wrap .payout-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:20px}
.bo-tool-wrap .payout-table th,
.bo-tool-wrap .payout-table td{padding:9px 10px;border:1px solid var(--border-light);text-align:center;white-space:nowrap}
.bo-tool-wrap .payout-table th{background:var(--bg-alt);font-weight:bold;color:var(--text-sub);font-size:12px}
.bo-tool-wrap .payout-row-selected{background:var(--primary-bg)}

/* --- Recommend Section --- */
.bo-tool-wrap .rec-section{margin-bottom:20px}
.bo-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)}
.bo-tool-wrap .rec-sub{font-size:12px;color:var(--text-light);margin-bottom:12px;padding-left:13px}
.bo-tool-wrap .rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bo-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}
.bo-tool-wrap .rec-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.bo-tool-wrap .rec-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.bo-tool-wrap .rec-card-top img{width:60px;height:auto;object-fit:contain;border-radius:4px}
.bo-tool-wrap .rec-card-name{font-size:13px;font-weight:bold;color:var(--text);line-height:1.3}
.bo-tool-wrap .rec-payout{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}
.bo-tool-wrap .rec-desc{font-size:12px;color:var(--text-sub);line-height:1.5;flex:1}
.bo-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)}
.bo-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 --- */
.bo-tool-wrap .bottom-cta-section{background:var(--bg-alt);border-radius:6px;padding:20px;margin-bottom:20px;text-align:center}
.bo-tool-wrap .bottom-cta-title{font-size:15px;font-weight:bold;color:var(--text);margin-bottom:6px}
.bo-tool-wrap .bottom-cta-sub{font-size:12px;color:var(--text-sub);margin-bottom:14px;line-height:1.5}
.bo-tool-wrap .cta-note{font-size:11px;color:var(--text-light);margin-top:8px}

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