.office-mode-form .form-grid{gap:16px}
.office-mode-options{border:0;padding:0;margin:4px 0;display:grid;gap:12px;min-width:0}
.office-mode-options legend{font-weight:750;color:#173960;margin-bottom:12px}
.office-mode-option{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #c8daf0;border-radius:15px;background:#f9fcff;cursor:pointer}
.office-mode-option:has(input:checked){border:2px solid #2563ff;padding:17px;background:#eef6ff;box-shadow:0 4px 14px #174fee10}
.office-mode-option input{width:19px;height:19px;min-height:0;accent-color:#2457ff;flex-shrink:0}
.office-mode-option span{display:grid;gap:5px}.office-mode-option strong{color:#12365d;font-size:17px}
.office-mode-option small,.office-mode-options>small{color:#526c8b;font-size:12px;line-height:1.5}
.office-extra{border-top:1px solid #dbe6f5;padding-top:14px}.office-extra summary{cursor:pointer;color:#315b8d;font-weight:600;padding:8px 0}.office-extra .form-grid{padding-top:16px}
.interest-permission-options{border:1px solid #c8daf0;border-radius:12px;padding:14px;display:grid;gap:12px;min-width:0}.interest-permission-options legend{font-weight:650;padding:0 5px}.interest-permission-options label{display:grid;grid-template-columns:1fr 85px;align-items:center;gap:10px}.interest-permission-options label[hidden]{display:none}.interest-permission-options small{font-size:12px;color:#526c8b}
.interest-credit-summary{margin:12px 18px 20px;padding:20px;border:1px solid #7ddcf6;border-radius:20px;background:radial-gradient(ellipse at 90% 5%,#75dff2a6,transparent 55%),linear-gradient(140deg,#fff 18%,#effdff 58%,#bce9f5);box-shadow:inset 0 0 0 3px #e3fbff,0 7px 20px #174c7510;color:#143853}
.interest-mode-badge{display:inline-block;border-radius:20px;padding:6px 12px;background:#dcecff;color:#1351c3;font-size:12px;font-weight:750}
.interest-capital{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
.interest-capital>div{display:grid;gap:6px}.interest-capital>div+div{border-left:1px solid #aaccdf;padding-left:20px}
.interest-capital small{color:#496c86}.interest-capital strong{font-size:30px;line-height:1.2}
.interest-computed{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #badcea;padding-top:14px;margin-bottom:10px;font-weight:650}.interest-computed strong{font-size:25px;color:#0869dc}
.interest-credit-summary>small{font-size:12px;color:#506d8b}
.interest-payment{display:grid;gap:18px;padding:24px!important;border-top:0!important}
.interest-payment h2{margin:0;color:#123254;font-size:25px}
.interest-payment-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf3fb;padding:4px;border-radius:12px;gap:4px}
.interest-payment-tabs button{border:0;border-radius:9px;padding:13px 5px;background:transparent;color:#4c6585;font-weight:650;cursor:pointer}
.interest-payment-tabs button[aria-pressed=true]{background:#fff;color:#1255de;box-shadow:0 2px 7px #285ebc18}
.interest-payment .field{display:grid;gap:8px;color:#25476a;font-weight:600}
.interest-payment input{border:1px solid #bdd2ee;border-radius:12px;background:#fbfdff;padding:14px 16px;min-height:53px;font-size:19px;color:#163c62;width:100%;box-sizing:border-box}
.interest-payment input[readonly]{background:#f1f7fd}
.interest-payment .field small{font-weight:400;font-size:12px;color:#637c98}
.interest-payment-totals{padding:16px;border-radius:14px;background:#edf5ff;display:grid;gap:14px}
.interest-payment-totals>div{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#345b85;font-size:13px}
.interest-payment-totals strong{font-size:19px;color:#133d76}.interest-payment-totals>div:first-child strong{color:#155ce4;font-size:26px}
.interest-payment>.btn.primary{width:100%;border-radius:12px;padding:16px;font-size:17px;background:#1557e5;color:white}
@media(max-width:430px){.interest-credit-summary{margin:10px;padding:18px}.interest-payment{padding:18px!important}.interest-capital strong{font-size:27px}.office-mode-option{padding:14px}.office-mode-option:has(input:checked){padding:13px}}