/* Loss-Scenario-Plan modal: fit tall content (scroll + sticky footer) + premium
   crypto-glass background. Uses !important + #id specificity to beat the base
   .modal{...!important} glass rule. Works in BOTH forex & Indian (shared modal). */
#preTradePlanModal .modal{
  max-height:92vh !important; overflow-y:auto !important; overflow-x:hidden !important;
  background:
    repeating-linear-gradient(0deg, rgba(124,92,252,0.035) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(90deg, rgba(124,92,252,0.035) 0 1px, transparent 1px 34px),
    radial-gradient(circle at 8% -2%, rgba(124,92,252,0.24), transparent 42%),
    radial-gradient(circle at 102% 103%, rgba(34,211,238,0.17), transparent 46%),
    radial-gradient(circle at 99% -2%, rgba(236,72,153,0.12), transparent 38%),
    linear-gradient(165deg,#16132c 0%,#0e0d1c 58%,#09090f 100%) !important;
  border:1px solid rgba(124,92,252,0.45) !important;
  box-shadow:0 30px 90px rgba(0,0,0,0.7), 0 0 60px rgba(124,92,252,0.18), inset 0 1px 0 rgba(255,255,255,0.07) !important;
}
#preTradePlanModal .modal::-webkit-scrollbar{width:9px}
#preTradePlanModal .modal::-webkit-scrollbar-track{background:transparent}
#preTradePlanModal .modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7C5CFC,#22d3ee);border-radius:6px;border:2px solid transparent;background-clip:content-box}
#ptfFooter{
  position:sticky; bottom:-28px; z-index:3;
  margin:18px -28px -28px -28px !important; padding:16px 28px 22px !important;
  background:linear-gradient(0deg,#0b0a15 56%, rgba(11,10,21,0.55) 100%);
  border-top:1px solid rgba(124,92,252,0.28);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
@media(max-width:768px){
  #preTradePlanModal .modal{ max-height:88vh !important; }
  #ptfFooter{ bottom:-16px; margin:16px -12px -16px -12px !important; padding:14px 12px 18px !important; }
}
/* === Pre-Trade Plan modal — crisp, high-contrast premium text ===
   The global `.form-label{color:var(--hq-text-3)!important}` and the
   `.ptp-*` overrides were washing every label/value out to dim grey.
   These ID-scoped rules win on specificity and restore clean contrast. */
#preTradePlanModal .ptp-risk-title{ color:#C4B5FD !important; }
#preTradePlanModal .ptp-risk-stat{ background:#0c0c18 !important; border-color:#2c2c44 !important; }
#preTradePlanModal .ptp-risk-stat-lbl{ color:#A7AECB !important; }
#preTradePlanModal .ptp-risk-stat-val{ color:#FFFFFF !important; text-shadow:0 1px 2px rgba(0,0,0,0.55) !important; }
#preTradePlanModal .ptp-loss-opt-title{ color:#F3F4FA !important; }
#preTradePlanModal .ptp-loss-opt-desc{ color:#A2A8C2 !important; }
#preTradePlanModal .form-label.ptp-q-why{ color:#A78BFA !important; }
#preTradePlanModal .form-label.ptp-q-sl{ color:#F87171 !important; }
#preTradePlanModal .ptp-head-title{ color:#F8FAFC !important; text-shadow:0 1px 3px rgba(0,0,0,0.5); }
#preTradePlanModal .ptp-head-sub{ color:#A2A8C2 !important; }
#preTradePlanModal .ptp-pick-hint{ color:#A2A8C2 !important; }
/* Force dark form controls so the textareas never flash the browser's
   default WHITE box on open. color-scheme:dark fixes it at the engine level. */
#preTradePlanModal{ color-scheme: dark; }
#preTradePlanModal .form-input{
  background:#0e0e1a !important;
  color:#F1F2F8 !important;
  -webkit-text-fill-color:#F1F2F8 !important;
  border:1px solid #2c2c44 !important;
}
#preTradePlanModal .form-input:focus{ border-color:#7C5CFC !important; }
#preTradePlanModal #ptpIfLoss{ border-color:#7f2230 !important; }
#preTradePlanModal .form-input::placeholder{ color:#737994 !important; opacity:1 !important; }