/* Calculadora Martingale Pro — CSS v1.0.0 | Rede Fast */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap');

.cmm-wrap,.cmm-wrap *{box-sizing:border-box;margin:0;padding:0}

/* ── ESCURO ─────────────────────────────────────────────── */
.cmm-wrap{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;color:#edf0f7;max-width:780px;margin:0 auto;padding:0 0 2.5rem}
.cmm-wrap .cmm-card{background-color:#13192a;border:1px solid #252f45;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.6);position:relative}
.cmm-wrap .cmm-card::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#f59e0b,#ef4444,#7c3aed)}
.cmm-wrap .cmm-header{background-color:#13192a;border-bottom:1px solid #252f45;text-align:center;padding:2.25rem 2rem 1.625rem}
.cmm-wrap .cmm-header__icon{font-size:2.25rem;margin-bottom:.5rem;display:block}
.cmm-wrap .cmm-title{font-size:clamp(1.3rem,4vw,1.75rem);font-weight:800;letter-spacing:-.03em;color:#edf0f7;margin-bottom:.4rem;line-height:1.2}
.cmm-wrap .cmm-title .cmm-highlight{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cmm-wrap .cmm-subtitle{font-size:.88rem;color:#64748b;line-height:1.6}
.cmm-wrap .cmm-also{font-size:.82rem;color:#64748b;margin-top:.5rem}
.cmm-wrap .cmm-also a{color:#f59e0b;text-decoration:none;font-weight:600}
.cmm-wrap .cmm-also a:hover{text-decoration:underline}
.cmm-wrap .cmm-body{background-color:#13192a;padding:1.75rem 2rem 2rem}

/* Seletor de modo */
.cmm-wrap .cmm-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.625rem}
@media(max-width:500px){.cmm-wrap .cmm-mode-selector{grid-template-columns:1fr}}
.cmm-wrap .cmm-mode-btn{background-color:#1a2236;border:2px solid #252f45;border-radius:12px;padding:1rem 1.125rem;cursor:pointer;text-align:left;transition:border-color .2s,background-color .2s;display:flex;flex-direction:column;gap:.2rem}
.cmm-wrap .cmm-mode-btn:hover{border-color:#f59e0b;background-color:rgba(245,158,11,.05)}
.cmm-wrap .cmm-mode-btn--active{border-color:#f59e0b;background-color:rgba(245,158,11,.08);box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.cmm-wrap .cmm-mode-btn__icon{font-size:1.25rem;line-height:1}
.cmm-wrap .cmm-mode-btn__label{font-size:.85rem;font-weight:700;color:#edf0f7;line-height:1.3}
.cmm-wrap .cmm-mode-btn--active .cmm-mode-btn__label{color:#f59e0b}
.cmm-wrap .cmm-mode-btn__desc{font-size:.72rem;color:#64748b;line-height:1.4}

/* Campos */
.cmm-wrap .cmm-fields{display:grid;gap:1rem;margin-bottom:1.375rem}
@media(min-width:540px){.cmm-wrap .cmm-fields{grid-template-columns:1fr 1fr}}
.cmm-wrap .cmm-label{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#64748b;margin-bottom:.4rem}
.cmm-wrap .cmm-label__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);border-radius:5px;font-size:.65rem;font-weight:700;color:#f59e0b;font-family:'DM Mono',monospace}
.cmm-wrap .cmm-input{width:100%;background-color:#1a2236;border:1.5px solid #252f45;border-radius:9px;padding:.8rem 1rem;font-size:1rem;font-family:'DM Mono',monospace;color:#edf0f7;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s;display:block}
.cmm-wrap .cmm-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.cmm-wrap .cmm-input::placeholder{color:#3d4f6b}
.cmm-wrap .cmm-input::-webkit-inner-spin-button,.cmm-wrap .cmm-input::-webkit-outer-spin-button{-webkit-appearance:none}

/* Botões */
.cmm-wrap .cmm-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.cmm-wrap .cmm-btn{flex:1;min-width:120px;padding:.875rem 1.25rem;border-radius:9px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s}
.cmm-wrap .cmm-btn--primary{background:linear-gradient(135deg,#d97706,#f59e0b);color:#0d1117;box-shadow:0 4px 18px rgba(245,158,11,.3)}
.cmm-wrap .cmm-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(245,158,11,.4)}
.cmm-wrap .cmm-btn--primary:active{transform:translateY(0)}
.cmm-wrap .cmm-btn--secondary{background-color:#1a2236;color:#94a3b8;border:1.5px solid #252f45}
.cmm-wrap .cmm-btn--secondary:hover{border-color:#f59e0b;color:#f59e0b}

/* Resultados */
.cmm-wrap .cmm-results{margin-top:1.875rem;animation:cmmFade .35s ease}
@keyframes cmmFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.cmm-wrap .cmm-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1.25rem}
@media(max-width:480px){.cmm-wrap .cmm-summary{grid-template-columns:1fr}}
.cmm-wrap .cmm-summary__card{background-color:#1a2236;border:1px solid #252f45;border-radius:10px;padding:1rem;text-align:center}
.cmm-wrap .cmm-summary__card--highlight{border-color:rgba(239,68,68,.4)}
.cmm-wrap .cmm-summary__card--growth{border-color:rgba(16,217,142,.4)}
.cmm-wrap .cmm-summary__label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:.45rem}
.cmm-wrap .cmm-summary__value{display:block;font-family:'DM Mono',monospace;font-size:1.05rem;font-weight:500;color:#fff}
.cmm-wrap .cmm-summary__card--highlight .cmm-summary__value{color:#ef4444}
.cmm-wrap .cmm-summary__card--growth .cmm-summary__value{color:#10d98e}

/* Badge modo */
.cmm-wrap .cmm-mode-badge{display:inline-block;font-size:.78rem;font-weight:600;padding:.375rem .875rem;border-radius:999px;margin-bottom:1rem}
.cmm-wrap .cmm-mode-badge--1{background-color:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.3);color:#a78bfa}
.cmm-wrap .cmm-mode-badge--2{background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#f59e0b}

/* Tabela */
.cmm-wrap .cmm-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #252f45;margin-bottom:1.25rem}
.cmm-wrap .cmm-table{width:100%;border-collapse:collapse;font-size:.85rem}
.cmm-wrap .cmm-table thead tr{background-color:#1a2236;border-bottom:2px solid #252f45}
.cmm-wrap .cmm-table th{padding:.75rem 1rem;text-align:left;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#64748b;white-space:nowrap}
.cmm-wrap .cmm-table tbody tr{border-bottom:1px solid #1e2840}
.cmm-wrap .cmm-table tbody tr:last-child{border-bottom:none}
.cmm-wrap .cmm-table tbody tr:hover{background-color:rgba(255,255,255,.025)}
.cmm-wrap .cmm-table td{padding:.75rem 1rem;font-family:'DM Mono',monospace;color:#94a3b8;font-size:.85rem}
.cmm-wrap .cmm-table__badge{display:inline-flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:7px;font-size:.7rem;font-weight:700;font-family:'DM Mono',monospace;background:linear-gradient(135deg,#d97706,#f59e0b);color:#0d1117}
.cmm-wrap .cmm-table .td-entrada{color:#cbd5e1}
.cmm-wrap .cmm-table .td-pct{color:#64748b}
.cmm-wrap .cmm-table .td-parcial{color:#94a3b8}
.cmm-wrap .cmm-table .td-real{color:#10d98e;font-weight:600}
.cmm-wrap .cmm-table .td-risco{color:#64748b}
.cmm-wrap .cmm-table .td-risco--warn{color:#f59e0b;font-weight:600}
.cmm-wrap .cmm-table .td-risco--danger{color:#ef4444;font-weight:600}

/* Disclaimer */
.cmm-wrap .cmm-disclaimer{display:flex;gap:.75rem;align-items:flex-start;background-color:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.18);border-radius:9px;padding:.875rem 1.125rem}
.cmm-wrap .cmm-disclaimer__icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}
.cmm-wrap .cmm-disclaimer p{font-size:.78rem;line-height:1.65;color:#64748b}

/* Toggle */
.cmm-wrap .cmm-theme-toggle{display:flex;justify-content:flex-end;margin-bottom:.875rem}
.cmm-wrap .cmm-theme-toggle__btn{display:inline-flex;align-items:center;gap:.5rem;background-color:#13192a;border:1.5px solid #252f45;border-radius:999px;padding:.4rem .9rem .4rem .65rem;font-family:'Plus Jakarta Sans',sans-serif;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;transition:border-color .2s,color .2s}
.cmm-wrap .cmm-theme-toggle__btn:hover{border-color:#f59e0b;color:#f59e0b}
.cmm-wrap .cmm-theme-toggle__track{width:32px;height:18px;background:#252f45;border-radius:999px;position:relative;flex-shrink:0;transition:background .25s}
.cmm-wrap .cmm-theme-toggle__track::after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:#64748b;border-radius:50%;transition:transform .25s,background .25s}
.cmm-wrap.cmm--light .cmm-theme-toggle__track{background:#f59e0b}
.cmm-wrap.cmm--light .cmm-theme-toggle__track::after{transform:translateX(14px);background:#fff}
.cmm-wrap .cmm-theme-toggle__icon{font-size:1rem;line-height:1}

/* ── CLARO ──────────────────────────────────────────────── */
.cmm-wrap.cmm--light{color:#1a202c}
.cmm-wrap.cmm--light .cmm-card{background-color:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px rgba(0,0,0,.08)}
.cmm-wrap.cmm--light .cmm-header{background-color:#fff;border-color:#e2e8f0}
.cmm-wrap.cmm--light .cmm-title{color:#1a202c}
.cmm-wrap.cmm--light .cmm-subtitle,.cmm-wrap.cmm--light .cmm-also{color:#6b7280}
.cmm-wrap.cmm--light .cmm-also a{color:#d97706}
.cmm-wrap.cmm--light .cmm-body{background-color:#fff}
.cmm-wrap.cmm--light .cmm-mode-btn{background-color:#f8faff;border-color:#e2e8f0}
.cmm-wrap.cmm--light .cmm-mode-btn:hover{background-color:rgba(217,119,6,.05);border-color:#d97706}
.cmm-wrap.cmm--light .cmm-mode-btn--active{background-color:rgba(217,119,6,.07);border-color:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.1)}
.cmm-wrap.cmm--light .cmm-mode-btn__label{color:#1a202c}
.cmm-wrap.cmm--light .cmm-mode-btn--active .cmm-mode-btn__label{color:#d97706}
.cmm-wrap.cmm--light .cmm-mode-btn__desc{color:#9ca3af}
.cmm-wrap.cmm--light .cmm-label{color:#6b7280}
.cmm-wrap.cmm--light .cmm-label__icon{background:rgba(217,119,6,.1);border-color:rgba(217,119,6,.25);color:#d97706}
.cmm-wrap.cmm--light .cmm-input{background-color:#f1f5f9;border-color:#e2e8f0;color:#1a202c}
.cmm-wrap.cmm--light .cmm-input:focus{border-color:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.1)}
.cmm-wrap.cmm--light .cmm-input::placeholder{color:#9ca3af}
.cmm-wrap.cmm--light .cmm-btn--secondary{background-color:#f1f5f9;border-color:#e2e8f0;color:#374151}
.cmm-wrap.cmm--light .cmm-btn--secondary:hover{border-color:#d97706;color:#d97706}
.cmm-wrap.cmm--light .cmm-summary__card{background-color:#f8faff;border-color:#e2e8f0}
.cmm-wrap.cmm--light .cmm-summary__label{color:#9ca3af}
.cmm-wrap.cmm--light .cmm-summary__value{color:#111827}
.cmm-wrap.cmm--light .cmm-summary__card--highlight .cmm-summary__value{color:#dc2626}
.cmm-wrap.cmm--light .cmm-summary__card--growth .cmm-summary__value{color:#047857}
.cmm-wrap.cmm--light .cmm-table-wrap{border-color:#e2e8f0}
.cmm-wrap.cmm--light .cmm-table thead tr{background-color:#f8faff;border-color:#e2e8f0}
.cmm-wrap.cmm--light .cmm-table th{color:#9ca3af}
.cmm-wrap.cmm--light .cmm-table tbody tr{border-color:#f1f5f9}
.cmm-wrap.cmm--light .cmm-table tbody tr:hover{background-color:rgba(0,0,0,.02)}
.cmm-wrap.cmm--light .cmm-table td{color:#374151}
.cmm-wrap.cmm--light .cmm-table .td-entrada{color:#1a202c}
.cmm-wrap.cmm--light .cmm-table .td-real{color:#047857}
.cmm-wrap.cmm--light .cmm-table .td-risco--warn{color:#d97706}
.cmm-wrap.cmm--light .cmm-table .td-risco--danger{color:#dc2626}
.cmm-wrap.cmm--light .cmm-disclaimer{background-color:rgba(220,38,38,.04);border-color:rgba(220,38,38,.15)}
.cmm-wrap.cmm--light .cmm-disclaimer p{color:#6b7280}
.cmm-wrap.cmm--light .cmm-theme-toggle__btn{background-color:#fff;border-color:#e2e8f0;color:#6b7280}
.cmm-wrap.cmm--light .cmm-theme-toggle__btn:hover{border-color:#d97706;color:#d97706}

@media(max-width:480px){
.cmm-wrap .cmm-header{padding:1.75rem 1rem 1.375rem}
.cmm-wrap .cmm-body{padding:1.375rem 1rem 1.5rem}
.cmm-wrap .cmm-table th,.cmm-wrap .cmm-table td{padding:.65rem .6rem}
.cmm-wrap .cmm-btn{font-size:.82rem;padding:.8rem 1rem}
}