/* === Base === */
#ms-app *{box-sizing:border-box}
#ms-app{padding:1.5rem 0;font-family:'Assistant',Arial,sans-serif;direction:rtl;color:#111827;line-height:1.5;max-width:760px;margin:0 auto}

/* === Upload Zone === */
#ms-upload-zone{border:2px dashed #D1D5DB;border-radius:18px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#FAFAFA}
#ms-upload-zone:hover,#ms-upload-zone.drag-over{border-color:#1D4ED8;background:#EFF6FF}
#ms-upload-zone .ms-icon{width:56px;height:56px;background:#F3F4F6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem}
#ms-upload-zone .ms-icon svg{width:24px;height:24px;stroke:#6B7280;fill:none;stroke-width:1.5}
.ms-upload-title{font-family:'ploni-round-bold','Assistant',sans-serif;font-size:19px;font-weight:700;color:#111827;margin-bottom:.4rem}
.ms-upload-sub{font-size:14px;color:#6B7280;margin-bottom:1.35rem}
.ms-upload-btn{display:inline-block;padding:10px 28px;background:#111827;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;font-family:'Assistant',sans-serif}
.ms-upload-btn:hover{background:#1F2937}
#ms-file-input{display:none}
.ms-privacy-note{font-size:12px;color:#9CA3AF;margin-top:.85rem;line-height:1.6}

/* === Scanning Animation === */
#ms-scanning{padding:3rem;text-align:center}
.ms-dot{width:9px;height:9px;border-radius:50%;background:#D1D5DB;display:inline-block;margin:0 4px;animation:ms-pu 1.2s ease-in-out infinite}
.ms-dot:nth-child(2){animation-delay:.2s}.ms-dot:nth-child(3){animation-delay:.4s}
@keyframes ms-pu{0%,80%,100%{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}

/* === Error === */
#ms-error{padding:1rem 1.25rem;background:#FEF2F2;border:1px solid #FECACA;border-radius:10px;color:#B91C1C;font-size:15px;margin-bottom:1rem}

/* === Results Header === */
.ms-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.35rem}
.ms-bank-badge{padding:5px 14px;background:#F3F4F6;border:1px solid #E5E7EB;border-radius:20px;font-size:14px;color:#374151;font-weight:500}
.ms-reset-btn{padding:7px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;cursor:pointer;background:#fff;color:#6B7280;font-family:'Assistant',sans-serif;transition:background .1s}
.ms-reset-btn:hover{background:#F9FAFB}

/* === Summary Cards === */
.ms-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem}
.ms-sum-card{background:#F9FAFB;border-radius:14px;padding:1rem 1.25rem;border:1px solid #E5E7EB}
.ms-sum-label{font-size:13px;color:#6B7280;margin-bottom:5px;font-weight:500}
.ms-sum-val{font-size:23px;font-weight:700;color:#111827}
.ms-sum-future{margin-top:6px;font-size:14px;color:#B91C1C;font-weight:600}
.ms-sum-future-sub{font-size:12px;color:#6B7280;margin-top:2px}

/* === Track Cards === */
.ms-tracks{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}
.ms-track-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:1.1rem 1.35rem;border-right:4px solid transparent;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.ms-track-card.prime{border-right-color:#2563EB}
.ms-track-card.fixed-unlinked{border-right-color:#16A34A}
.ms-track-card.variable-unlinked{border-right-color:#D97706}
.ms-track-card.fixed-linked{border-right-color:#0891B2}
.ms-track-card.variable-linked{border-right-color:#9333EA}
.ms-track-card.ms-problematic{border-color:#FCA5A5;background:#FFF8F6;box-shadow:0 0 0 2px #E05C3A,0 2px 10px rgba(224,92,58,.12)}
.ms-track-card.ms-future-problematic{border-color:#FDE68A;background:#FFFBEB;box-shadow:0 0 0 2px #D97706,0 2px 10px rgba(217,119,6,.10)}
.ms-track-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.ms-tnr{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ms-tname{font-family:'ploni-round-bold','Assistant',sans-serif;font-size:17px;font-weight:700;color:#111827}
.ms-tb{font-size:12px;padding:3px 9px;border-radius:20px;font-weight:600}
.ms-b-prime{background:#EFF6FF;color:#1D4ED8}
.ms-b-fixed{background:#F0FDF4;color:#15803D}
.ms-b-var{background:#FFFBEB;color:#B45309}
.ms-b-linked{background:#ECFEFF;color:#0E7490}
.ms-b-penalty{background:#FEF2F2;color:#B91C1C}
.ms-b-problem{background:#FFF7ED;color:#C2410C;border:1px solid #FDBA74}
.ms-tbal{text-align:left;flex-shrink:0}
.ms-tbal-main{font-size:19px;font-weight:700;color:#111827;direction:ltr;text-align:right}
.ms-tbal-sub{font-size:12px;text-align:right;margin-top:3px;color:#B91C1C}
.ms-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px;margin-top:8px}
.ms-ts-l{font-size:12px;color:#9CA3AF;margin-bottom:3px;font-weight:500}
.ms-ts-v{font-size:14px;color:#374151;font-weight:500}
.ms-ts-v.hi{color:#D97706;font-weight:700}
.ms-ts-v.prob{color:#B91C1C;font-weight:700}

/* === Rate Change Box === */
.ms-change-box{margin-top:12px;padding:10px 14px;background:#FFFBEB;border-radius:12px;border-right:3px solid #D97706}
.ms-cb-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ms-cb-lbl{font-size:12px;color:#92400E;font-weight:500}
.ms-cb-date{font-size:14px;font-weight:700;color:#92400E}
.ms-cb-rate{font-size:14px;font-weight:700;color:#B91C1C}
.ms-cb-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ms-cb-cl{font-size:12px;color:#78716C;margin-bottom:2px}
.ms-cb-cv{font-size:18px;font-weight:700}
.ms-cb-now{color:#111827}
.ms-cb-new{color:#B91C1C}
.ms-cb-diff{font-size:12px;color:#B91C1C;margin-top:2px}
.ms-change-quiet{margin-top:10px;font-size:13px;color:#6B7280}

/* === Refinancing Section === */
.ms-refin-section{border-top:1px solid #E5E7EB;margin-top:2rem;padding-top:2rem}
.ms-section-title{font-family:'ploni-round-bold','Assistant',sans-serif;font-size:20px;font-weight:700;color:#111827;margin-bottom:.5rem}
.ms-section-sub{font-size:14px;color:#6B7280;margin-bottom:1.35rem;line-height:1.65}

/* Problematic track list */
.ms-prob-list{display:flex;flex-direction:column;gap:8px;margin-bottom:2.25rem}
.ms-prob-row{background:#FFF8F6;border:1px solid #FDBA74;border-radius:10px;padding:.75rem 1.1rem;display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px}
.ms-prob-name{font-size:14px;font-weight:700;color:#111827}
.ms-prob-chip{font-size:13px;color:#6B7280}
.ms-prob-chip strong{color:#C2410C}

/* Scenario grid */
.ms-scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:1.25rem}
@media(max-width:600px){.ms-scenarios-grid{grid-template-columns:1fr}}
.ms-scenario{border-radius:16px;padding:1.15rem 1.25rem;border:1.5px solid transparent}
.ms-s1{background:#F0FDF4;border-color:#86EFAC}
.ms-s2{background:#EFF6FF;border-color:#BAE6FD}
.ms-s3{background:#FAF5FF;border-color:#E9D5FF}
.ms-s-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;margin-bottom:.7rem}
.ms-s1 .ms-s-num{background:#16A34A;color:#fff}
.ms-s2 .ms-s-num{background:#2563EB;color:#fff}
.ms-s3 .ms-s-num{background:#7C3AED;color:#fff}
.ms-s-head{font-family:'ploni-round-bold','Assistant',sans-serif;font-size:15px;font-weight:700;color:#111827;margin-bottom:.8rem}
.ms-s-row{margin-bottom:.5rem}
.ms-s-lbl{font-size:12px;color:#6B7280;margin-bottom:3px;font-weight:500}
.ms-s-val{font-size:18px;font-weight:700;color:#111827}
.ms-s-val.ms-green{color:#15803D}
.ms-s-val.ms-blue{color:#1D4ED8}
.ms-s-val.ms-purple{color:#6D28D9}
.ms-s-sub{font-size:12px;color:#9CA3AF;margin-top:3px}

/* Penalty note */
.ms-penalty-note{font-size:13px;color:#6B7280;background:#F9FAFB;border-radius:8px;padding:.65rem 1rem;margin-top:1rem;border:1px solid #E5E7EB}
.ms-penalty-note strong{color:#B91C1C}

/* === No-refinance message === */
.ms-no-refin{padding:1rem 1.25rem;background:#F0FDF4;border:1px solid #86EFAC;border-radius:12px;font-size:14px;color:#15803D;font-weight:500;margin-top:2rem}

/* === Refinance toggle button === */
.ms-refin-btn{width:100%;padding:1rem 1.25rem;background:#fff;border:1.5px solid #E5E7EB;border-radius:14px;font-size:15px;font-weight:600;color:#374151;cursor:pointer;text-align:center;transition:background .15s,border-color .15s;display:block;font-family:'Assistant',sans-serif;margin-top:2rem}
.ms-refin-btn:hover{background:#F9FAFB;border-color:#9CA3AF;color:#374151}

/* === Total saving row (larger) === */
.ms-s-row-total{margin-top:.65rem}
.ms-s-row-total .ms-s-lbl{font-size:13px;font-weight:600;color:#374151}
.ms-s-row-total .ms-s-val{font-size:26px}

/* === Refinance reference subtitle === */
.ms-refin-ref{font-size:13px;color:#6B7280;margin-top:2px;margin-bottom:1rem}

/* === Scenario cards — clickable === */
.ms-scenario-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ms-s1.ms-scenario-clickable:hover{border-color:#4ade80;box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.ms-s2.ms-scenario-clickable:hover{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.ms-s3.ms-scenario-clickable:hover{border-color:#c084fc;box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.ms-scenarios-cta{font-size:17px;font-weight:700;color:#111827;text-align:center;margin-top:4px;margin-bottom:1.25rem}

/* === Lead Form === */
#ms-lead-form{margin-bottom:1.25rem;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:16px;padding:1.25rem 1.5rem}
#ms-lead-form .ms-lead-title{font-size:15px;font-weight:600;color:#374151;margin-bottom:.85rem}
#ms-lead-form .ms-lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:500px){#ms-lead-form .ms-lead-fields{grid-template-columns:1fr}}
#ms-app .ms-lead-input{padding:10px 14px;border:1.5px solid #E5E7EB !important;border-radius:10px;font-size:15px;font-family:'Assistant',sans-serif;color:#111827 !important;background:#fff !important;transition:border-color .15s;outline:none;width:100%;direction:rtl;box-shadow:none !important}
#ms-app .ms-lead-input:focus{border-color:#1D4ED8 !important;outline:none}
#ms-app .ms-lead-input::placeholder{color:#9CA3AF !important}

/* === Disclaimer === */
.ms-disclaimer{margin-top:1.75rem;padding:.9rem 1.1rem;background:#F9FAFB;border-radius:12px;font-size:12px;color:#6B7280;line-height:1.7;border:1px solid #E5E7EB}