/* FXTradeNow Money Management — isolated white/navy/gold component.
   Scoped to #view-planner so other terminal modules stay unchanged. */
#view-planner .mm-app { --mm-navy:#102a43;--mm-gold:#c19a38;--mm-line:#dce4eb;--mm-muted:#5c7184;--mm-green:#087d54;--mm-red:#b42335;--mm-bg:#fff; color:var(--mm-navy);font-family:Inter,"Segoe UI",Arial,sans-serif;max-width:1320px;margin:0 auto;line-height:1.55;background:#f5f8fb;padding:clamp(9px,1.2vw,18px);border-radius:16px;}
#view-planner .mm-app * {box-sizing:border-box;}
#view-planner .mm-app .mm-hero{background:linear-gradient(125deg,#fff 20%,#f7f3e6 100%);border:1px solid #e0d7b7;border-top:4px solid var(--mm-gold);border-radius:14px;padding:26px 30px;margin-bottom:16px;}
#view-planner .mm-app h1,#view-planner .mm-app h2{font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.03em;}
#view-planner .mm-app h1{font-size:clamp(23px,3vw,37px);line-height:1.17;margin:5px 0 12px;color:var(--mm-navy);}
#view-planner .mm-app .mm-hero-kicker,#view-planner .mm-app .mm-overline,#view-planner .mm-app .mm-section-title span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#936f1a;}
#view-planner .mm-app .mm-hero p{font-size:13px;max-width:900px;color:#51677a;margin:0;}
#view-planner .mm-app .mm-hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
#view-planner .mm-app .mm-hero-chips span{font-size:10px;background:#fff;color:#334b60;padding:6px 10px;border:1px solid #e3ddc8;border-radius:25px;font-weight:700;}
#view-planner .mm-app .mm-inputs{background:#fff;border:1px solid var(--mm-line);border-radius:12px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;box-shadow:0 5px 22px #102a4309;}
#view-planner .mm-app .mm-field label,#view-planner .mm-app .mm-override label{display:block;font-size:12px;font-weight:800;margin-bottom:8px;color:var(--mm-navy);}
#view-planner .mm-app input,#view-planner .mm-app select{color:#152d42!important;background:#fff!important;border:1px solid #b8c8d6!important;width:100%;border-radius:8px!important;font-size:15px!important;min-height:43px;padding:9px 12px!important;outline:none!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
#view-planner .mm-app input:focus,#view-planner .mm-app select:focus{border-color:var(--mm-gold)!important;box-shadow:0 0 0 3px #c19a382b!important;}
#view-planner .mm-app .mm-field small{display:block;font-size:10px;color:var(--mm-muted);margin-top:7px;}
#view-planner .mm-app .mm-status{border-radius:8px;padding:11px 14px;border:1px solid #dbe5ee;background:#f4f8fb;font-size:11px;color:#415b71;margin-bottom:12px;}
#view-planner .mm-app .mm-status.mm-status-warn{border-color:#edc3be;background:#fff7f5;color:#94372d;}
#view-planner .mm-app .mm-status.mm-status-ok{border-color:#c6e7d6;background:#f2fbf6;color:#086e49;}
#view-planner .mm-app .mm-card{background:#fff;border:1px solid var(--mm-line);border-radius:12px;padding:22px;box-shadow:0 5px 22px #102a4309;min-width:0;}
#view-planner .mm-app .mm-summary{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
#view-planner .mm-app .mm-recommend{border-top:4px solid var(--mm-gold);}
#view-planner .mm-app .mm-lot{color:var(--mm-navy);font-size:clamp(28px,3.5vw,42px);font-weight:850;letter-spacing:-.03em;margin:10px 0;}
#view-planner .mm-app .mm-lot.mm-lot-none{font-size:24px;color:var(--mm-red);}
#view-planner .mm-app .mm-explain{font-size:11px;line-height:1.65;color:var(--mm-muted);}
#view-planner .mm-app .mm-recommend-bottom{display:flex;gap:9px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:18px;}
#view-planner .mm-app .mm-recommend-bottom>span{font-size:10px;color:#607789;}
#view-planner .mm-app .mm-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font:800 11px Inter,"Segoe UI",Arial,sans-serif;padding:10px 13px;transition:.14s;}
#view-planner .mm-app .mm-button-outline{border:1px solid #c7a660;color:var(--mm-navy);background:#fffbf1;}
#view-planner .mm-app .mm-button-text{color:#31506a;border:0;background:none;text-decoration:underline;padding:9px 0;}
#view-planner .mm-app .mm-button:disabled{cursor:not-allowed;opacity:.45;}
#view-planner .mm-app .mm-override{margin-top:15px;border-top:1px solid var(--mm-line);padding-top:14px;}
#view-planner .mm-app .mm-override[hidden]{display:none!important;}
#view-planner .mm-app .mm-override-warning{border:1px solid #eeadaa;border-left:4px solid var(--mm-red);background:#fff1f0;color:#8f1930;border-radius:8px;padding:12px;margin-top:6px;font-size:11px;line-height:1.6;font-weight:600;}
#view-planner .mm-app .mm-override-warning.mm-warning-ok{background:#f2faf5;color:#176440;border-color:#b9ddc8;border-left-color:#168153;}
#view-planner .mm-app .mm-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:15px 0;}
#view-planner .mm-app .mm-stats>div{border:1px solid #e8edf2;background:#f8fafc;border-radius:8px;padding:13px;}
#view-planner .mm-app .mm-stats small,#view-planner .mm-app .mm-range-grid small{display:block;color:#6a7d8e;font-size:10px;margin-bottom:7px;}
#view-planner .mm-app .mm-stats strong{font-size:18px;color:var(--mm-navy);overflow-wrap:anywhere;}
#view-planner .mm-app strong.mm-risk,#view-planner .mm-app .mm-risk{color:var(--mm-red)!important;}
#view-planner .mm-app strong.mm-win,#view-planner .mm-app .mm-win{color:var(--mm-green)!important;}
#view-planner .mm-app .mm-section-title{margin:25px 0 13px;}
#view-planner .mm-app .mm-section-title h2{font-size:21px;color:var(--mm-navy);margin:4px 0;}
#view-planner .mm-app .mm-section-title p{color:#697e8e;margin:3px 0 0;font-size:12px;}
#view-planner .mm-app .mm-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
#view-planner .mm-app .mm-range-header{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#8b732e;font-weight:800;font-size:10px;letter-spacing:.07em;}
#view-planner .mm-app .mm-range-header span:last-child{font-size:11px;color:#506c80;letter-spacing:0;}
#view-planner .mm-app .mm-range-amount{font-size:clamp(23px,3.3vw,35px);font-weight:850;color:#102a43;margin:15px 0 5px;}
#view-planner .mm-app .mm-range-lowhigh{font-size:11px;color:#687e90;margin-bottom:16px;}
#view-planner .mm-app .mm-range-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;}
#view-planner .mm-app .mm-range-grid>div{background:#f8fafc;border:1px solid #e9edf1;padding:11px;border-radius:7px;min-width:0;}
#view-planner .mm-app .mm-range-grid strong{display:block;font-size:15px;overflow-wrap:anywhere;color:#102a43;}
#view-planner .mm-app .mm-chart-card{margin-top:13px;}
#view-planner .mm-app .mm-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 16px;}
#view-planner .mm-app .mm-chart-legend{color:#687e8e;font-size:10px;white-space:nowrap;}
#view-planner .mm-app .mm-chart-legend i{width:11px;height:11px;display:inline-block;background:#c6a655;border-radius:2px;margin-right:5px;}
#view-planner .mm-app .mm-chart{min-height:230px;width:100%;border-radius:8px;border:1px solid #e5eaf0;background:linear-gradient(180deg,#fcfdff,#f5f8fb);padding:8px;}
#view-planner .mm-app .mm-chart svg{width:100%;height:auto;max-height:340px;display:block;}
#view-planner .mm-app .mm-no-data{height:200px;display:grid;place-items:center;color:#768b9a;font-size:12px;text-align:center;}
#view-planner .mm-app .mm-source{font-size:10px;color:#708497;margin:10px 0 0;word-break:break-word;}
#view-planner .mm-app .mm-method{margin-top:13px;}
#view-planner .mm-app .mm-method h2{font-size:18px;color:#102a43;margin:0 0 12px;}
#view-planner .mm-app .mm-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;}
#view-planner .mm-app .mm-method-grid>div{border:1px solid #e3e9ee;border-radius:8px;padding:13px;}
#view-planner .mm-app .mm-method-grid b{display:block;color:#a38630;font-size:10px;margin-bottom:7px;}
#view-planner .mm-app .mm-method-grid strong{display:block;font-size:12px;color:#102a43;}
#view-planner .mm-app .mm-method-grid p{font-size:11px;color:#637b8f;line-height:1.65;margin:7px 0 0;}
#view-planner .mm-app .mm-policy{background:#fbf8eb;color:#695725;border:1px solid #e6d9ae;padding:12px;border-radius:8px;font-size:10px;line-height:1.6;margin-top:12px;}
#view-planner .mm-app .mm-foot{color:#8091a0;font-size:9px;line-height:1.8;margin:16px 0 5px;}
@media(max-width:950px){#view-planner .mm-app .mm-summary,#view-planner .mm-app .mm-ranges{grid-template-columns:1fr;}#view-planner .mm-app .mm-range-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:630px){#view-planner .mm-app .mm-hero{padding:20px 17px;}#view-planner .mm-app .mm-inputs{grid-template-columns:1fr;}#view-planner .mm-app .mm-card{padding:15px;}#view-planner .mm-app .mm-stats{grid-template-columns:1fr 1fr;}#view-planner .mm-app .mm-range-grid{grid-template-columns:1fr;}#view-planner .mm-app .mm-method-grid{grid-template-columns:1fr;}#view-planner .mm-app .mm-chart-head{display:block;}#view-planner .mm-app .mm-chart-legend{margin-top:8px;}}

/* Simple balance-reference mode: compact notices and legible figures. */
#view-planner .mm-app .mm-lot{overflow-wrap:anywhere;}
#view-planner .mm-app .mm-lot.mm-lot-none{line-height:1.25;}
#view-planner .mm-app .mm-explain{overflow-wrap:anywhere;}
#view-planner .mm-app .mm-overline{line-height:1.45;}

/* Step 24 — Compact loss/profit comparison within the existing Money Management panel. */
#view-planner .mm-app .mm-exposure-card .mm-overline {max-width:100%;}
#view-planner .mm-app .mm-stats-top{margin:14px 0 13px;}
#view-planner .mm-app .mm-stats-top strong{font-size:14px;line-height:1.4;}
#view-planner .mm-app .mm-compare-heading{font-size:12px;font-weight:800;color:#183b55;margin:14px 0 10px;}
#view-planner .mm-app .mm-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#view-planner .mm-app .mm-compare-box{border:1px solid #e7edf1;border-radius:9px;padding:13px 12px;background:#f8fafb;min-width:0;}
#view-planner .mm-app .mm-compare-box-loss{border-left:3px solid #c23b4e;background:#fff8f8;}
#view-planner .mm-app .mm-compare-box-profit{border-left:3px solid #168453;background:#f5fcf7;}
#view-planner .mm-app .mm-compare-box small{display:block;color:#4a6378;font-size:11px;line-height:1.45;font-weight:700;margin-bottom:5px;}
#view-planner .mm-app .mm-compare-box small span{display:block;color:#71879a;font-size:10px;font-weight:500;}
#view-planner .mm-app .mm-compare-box strong{display:block;font-size:clamp(17px,1.5vw,22px);font-weight:850;overflow-wrap:anywhere;line-height:1.35;}
#view-planner .mm-app .mm-compare-box em{display:block;font-style:normal;color:#526d80;font-size:10px;margin-top:5px;}
#view-planner .mm-app .mm-comparison-notice{margin-top:13px;}
#view-planner .mm-app .mm-unit-settings{margin-top:12px;}
#view-planner .mm-app .mm-unit-settings .mm-unit-button{font-size:10px;padding:7px 10px;}
#view-planner .mm-app .mm-unit-panel{margin-top:9px;border:1px solid #d8e2eb;border-radius:9px;padding:12px;background:#f9fbfd;}
#view-planner .mm-app .mm-unit-panel[hidden]{display:none!important;}
#view-planner .mm-app .mm-unit-panel label{display:block;font-size:11px;font-weight:800;color:#24455e;margin-bottom:6px;}
#view-planner .mm-app .mm-unit-panel input{max-width:240px;}
#view-planner .mm-app .mm-unit-panel small{display:block;color:#667f92;font-size:10px;line-height:1.6;margin-top:6px;}
@media(max-width:600px){#view-planner .mm-app .mm-compare-grid{grid-template-columns:1fr;}#view-planner .mm-app .mm-stats-top{grid-template-columns:1fr 1fr;}}
#view-planner .mm-app #mmUnitButton[hidden]{display:none!important;}