/* SaaS Magic Number Calculator: quarterly sales & marketing performance report */
.app.mg .mg-suf span{left:auto;right:14px}
.app.mg .mg-suf .inp{padding-left:14px;padding-right:34px}
/* scale runs 0 to 1.5: bands at 0.5, 0.75 and 1 */
.mg .scale-bar .z1{width:33.33%}
.mg .scale-bar .z2{width:16.67%}
.mg .scale-bar .z3{width:16.67%}
.mg .scale-bar .z4{width:33.33%}
.mg-rep{border:1px solid var(--rule);border-radius:14px;overflow:hidden}
.mg-rh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--rule);background:#FDFDFB}
.mg-rh b{font-weight:600;font-size:15px}
.mg-q{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.mg-q select{font:500 13.5px var(--sans);color:var(--ink);border:1.5px solid var(--rule);border-radius:8px;padding:5px 8px;background:#fff;cursor:pointer}
.mg-q select:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(61,90,254,.14)}
.mg-tbl{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}
.mg-tbl th,.mg-tbl td{padding:9px 16px;text-align:right;border-bottom:1px solid #EEEEE8;white-space:nowrap}
.mg-tbl th:first-child{text-align:left;font-weight:500;white-space:normal}
.mg-tbl thead th{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--slate);font-weight:400;padding-top:10px;padding-bottom:8px}
.mg-tbl tbody th small{display:block;font-size:12px;color:var(--slate);font-weight:400}
.mg-tbl td small{font-family:var(--mono);font-size:11.5px;margin-left:4px}
.mg-tbl td{font-weight:500}
.mg-tbl .mg-na{color:#B8BBB2;font-weight:400}
.mg-tbl .mg-sum th,.mg-tbl .mg-sum td{background:var(--paper);font-weight:600;border-top:1.5px solid var(--ink)}
.mg-tbl .mg-sum td[data-mg-c]{font-size:18px;transition:color .3s}
.mg-tbl tbody tr:last-child th,.mg-tbl tbody tr:last-child td{border-bottom:0}
.mg-pair{display:grid;gap:8px;padding:14px 16px;border-top:1px solid var(--rule)}
.mg-pair div{display:grid;grid-template-columns:118px minmax(0,1fr) 58px;gap:12px;align-items:center;font-size:13.5px}
.mg-pair span{color:var(--slate)}
.mg-pair span b{font-weight:500;color:var(--ink)}
.mg-pair i{display:block;height:14px;background:var(--paper);border-radius:5px;overflow:hidden}
.mg-pair s{display:block;height:100%;border-radius:5px;background:var(--ink);transition:width .6s cubic-bezier(.3,.7,.3,1)}
.mg-pair div + div s{background:var(--lime)}
.mg-pair div > b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.mg .kpi b{font-size:26px;overflow-wrap:anywhere}
.mg .kpi-main b{font-size:44px}
@media(max-width:600px){
  .mg-tbl th,.mg-tbl td{padding:8px 10px}
  .mg-tbl{font-size:13.5px}
  .mg-tbl td small{display:block;margin-left:0}
  .mg-pair div{grid-template-columns:96px minmax(0,1fr) 52px;gap:8px}
  .mg .app-sel{margin-left:auto}
  .mg .app-seg button{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.mg-pair s{transition:none}}