*{box-sizing:border-box;}
:root{
  --credit-page-padding:16px;
  --credit-panel-padding:24px;
  --credit-grid-gap:14px;
  --credit-mobile-page-padding:16px;
  --credit-mobile-panel-padding:0px;
  --credit-mobile-grid-gap:10px;
  --credit-mobile-table-width:510px;
  --mobile-keyboard-inset:0px;
  --credit-field-height:42px;
  --credit-field-row-height:54px;
  --credit-field-radius:10px;
  --credit-field-padding-x:12px;
  --credit-field-font-size:0.95rem;
  --credit-field-inner-gap:0px;
  --credit-field-body-pad-right:5px;
  --credit-field-value-pad-x:12px;
  --credit-field-unit-min-width:68px;
  --credit-accent-soft:#090979;
  --credit-accent-border:1.6px;
  --credit-accent-icon-size:17px;
  --credit-success-soft:#16a34a;
  --credit-field-label-width:40%;
  --credit-field-shell-border:var(--ui-border);
  --credit-field-shell-shadow:none;
  --credit-field-label-bg:rgba(148,163,184,0.06);
  --credit-field-input-bg:#f1f3f5;
  --credit-content-inset:22px;
  --credit-content-inset-right:22px;
  --credit-inline-icon-size:20px;
  --credit-inline-icon-gap:6px;
  --credit-inline-action-end-offset:16px;
  --credit-white-capsule-height:48px;
  --credit-gray-capsule-top:8px;
  --credit-info-chip-height:24px;
  --credit-info-chip-font-size:0.66rem;
  --credit-info-chip-padding-x:10px;
}

/* Credit page layout */
.credit-page{
  min-height:100vh;
  padding:var(--credit-page-padding) !important;
  padding-top:calc(var(--credit-page-padding) + 14px) !important;
  padding-bottom:calc(var(--credit-page-padding) + var(--mobile-keyboard-inset)) !important;
  background:#ffffff !important;
  color:var(--ui-text) !important;
  scroll-padding-top:18px;
  scroll-padding-bottom:calc(150px + var(--mobile-keyboard-inset));
}
body.mobile-top-shell-active.credit-page{
  padding-top:calc(var(--mobile-top-shell-header-safe-height) + 8px) !important;
}

/* v3.2.0: desktop results order - amortization table centered, WhatsApp share below. */
@media (min-width:900px){
  body.credit-page:not(.shared-loan-view) .credit-wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.credit-page:not(.shared-loan-view) #inputSection{
    order:1 !important;
  }

  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface{
    order:2 !important;
    width:100% !important;
    max-width:980px !important;
    margin:12px auto 0 !important;
  }

  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    width:100% !important;
    max-width:980px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.credit-page:not(.shared-loan-view) .credit-actions{
    order:3 !important;
    width:100% !important;
    max-width:420px !important;
    margin:14px auto 0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:center !important;
  }
}
.credit-wrap{
  max-width:1180px;
  margin:0 auto;
}
.credit-panel,
.table-panel{
  padding:var(--credit-panel-padding) !important;
}
.credit-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--credit-grid-gap);
}
.field-label{
  display:block;
  font-size:1rem;
  font-weight:600;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.field-control{
  width:100%;
  margin-top:0 !important;
  padding:10px var(--credit-field-value-pad-x) !important;
  border-radius:var(--credit-field-radius) !important;
  height:var(--credit-field-height);
  font-size:var(--credit-field-font-size);
}
.field-control--standalone{
  display:block;
  margin-top:0 !important;
  min-height:var(--credit-field-height);
  border:1px solid var(--credit-field-shell-border) !important;
  background:var(--credit-field-input-bg) !important;
  box-shadow:var(--credit-field-shell-shadow) !important;
}
select.field-control--standalone{
  appearance:auto;
  -webkit-appearance:menulist;
}
#product.field-control--standalone{
  min-height:var(--credit-white-capsule-height);
  height:var(--credit-white-capsule-height);
  line-height:calc(var(--credit-white-capsule-height) - 2px);
  padding:0 34px 0 22px !important;
  border:none !important;
  border-bottom:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#70757a !important;
  font-size:16px;
  font-weight:400;
  letter-spacing:-0.01em;
  text-transform:capitalize;
  appearance:none;
  -webkit-appearance:none;
  background-image:
    url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'%3E%3Cpath fill='%23090979' d='M1.8 1.1L9 10l7.2-8.9'/%3E%3C/svg%3E\") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:18px 12px !important;
}
.credit-grid > .field-row:first-child .field-input{
  position:relative;
}
@keyframes productLinePulse{
  0%{
    opacity:.92;
    filter:brightness(1);
  }
  50%{
    opacity:1;
    filter:brightness(1.14);
  }
  100%{
    opacity:.92;
    filter:brightness(1);
  }
}
@keyframes productLineSheen{
  0%{
    background-position:0 0, -160% 0;
  }
  50%{
    background-position:0 0, 160% 0;
  }
  100%{
    background-position:0 0, -160% 0;
  }
}
.credit-grid > .field-row:first-child .field-input::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:
    linear-gradient(90deg, rgba(171,174,183,0.98) 0%, rgba(150,154,166,0.98) 100%),
    linear-gradient(105deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.62) 46%, rgba(255,255,255,0.12) 52%, rgba(255,255,255,0) 72%);
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%, 34% 100%;
  background-position:0 0, -160% 0;
  box-shadow:0 1px 0 rgba(255,255,255,0.34) inset, 0 0 14px rgba(148,152,166,0.10);
  pointer-events:none;
  animation:productLinePulse 3.8s ease-in-out infinite, productLineSheen 5.6s ease-in-out infinite;
}
.credit-grid > .field-row:first-child .field-input::before{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  transform:translateY(-50%);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M6.5 9l4.5 4.5L15.5 9' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
  background-position:center;
  box-sizing:border-box;
  pointer-events:none;
  z-index:1;
}
#product.field-control--standalone:focus{
  border:none !important;
  background-image:
    url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'%3E%3Cpath fill='%23090979' d='M1.8 1.1L9 10l7.2-8.9'/%3E%3C/svg%3E\") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:18px 12px !important;
  box-shadow:none !important;
}
.credit-grid > .field-row:first-child .field-input:focus-within::after{
  background:
    linear-gradient(90deg, rgba(103,108,140,0.98) 0%, rgba(67,74,120,1) 100%),
    linear-gradient(105deg, rgba(255,255,255,0) 18%, rgba(208,220,255,0.78) 46%, rgba(208,220,255,0.16) 52%, rgba(255,255,255,0) 72%);
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%, 34% 100%;
  background-position:0 0, -160% 0;
  box-shadow:0 1px 0 rgba(255,255,255,0.40) inset, 0 0 16px rgba(86,95,156,0.14);
}
.split-field{
  display:flex;
  align-items:stretch;
  width:100%;
  margin-top:2px;
  background:var(--credit-field-input-bg);
  border:1px solid var(--credit-field-shell-border);
  border-radius:var(--credit-field-radius);
  overflow:hidden;
  min-height:var(--credit-field-height);
  box-shadow:var(--credit-field-shell-shadow);
}
.split-field--principal{
  background:#ffffff;
  border:1px solid rgba(182,182,182,0.96);
  border-radius:var(--credit-field-radius);
  box-shadow:none;
  gap:0;
  overflow:visible;
  align-items:center;
  position:relative;
  z-index:2;
  transition:border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.split-field--principal.is-valid{
  border-color:rgba(22,163,74,0.78);
  box-shadow:0 0 0 1px rgba(22,163,74,0.18);
}
.split-field--principal.is-invalid{
  border-color:rgba(229,87,87,0.76);
  box-shadow:0 0 0 1px rgba(229,87,87,0.12);
}
.split-field--principal .split-field-label{
  position:relative;
  left:auto;
  bottom:auto;
  z-index:1;
  flex:0 0 25%;
  min-width:96px;
  width:auto;
  min-height:var(--credit-white-capsule-height);
  justify-content:flex-start;
  padding:0 16px 0 var(--credit-content-inset);
  background:transparent;
  border-right:none;
  color:#6e6e6e;
  font-size:16px;
  font-weight:400;
  letter-spacing:-0.01em;
  pointer-events:none;
}
.split-field--principal .split-field-label::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1.6px;
  height:28px;
  transform:translateY(-50%);
  background:rgba(211,211,211,0.98);
  transition:background-color .22s ease, box-shadow .22s ease, opacity .22s ease;
}
.split-field--principal.is-valid .split-field-label::after{
  background:rgba(22,163,74,0.88);
  box-shadow:0 0 0 1px rgba(22,163,74,0.08);
}
.split-field--principal.is-invalid .split-field-label::after{
  background:rgba(229,87,87,0.88);
  box-shadow:0 0 0 1px rgba(229,87,87,0.06);
}
.split-field--principal .field-icon-badge{
  display:none !important;
}
.split-field--principal .split-field-body{
  position:relative;
  flex:1 1 auto;
  width:auto;
  min-height:var(--credit-white-capsule-height);
  align-items:center;
  padding:0 8px 0 0;
  background:transparent;
  border-left:none;
  overflow:visible;
  transition:none;
}
.split-field--principal:focus-within{
  border-color:rgba(182,182,182,0.96);
  box-shadow:none;
  z-index:2;
}
.split-field--principal .split-field-control{
  min-height:calc(var(--credit-white-capsule-height) - 2px);
  font-size:17px;
  font-weight:600;
  color:#111111;
}
.split-field--principal .split-field-body input.split-field-control{
  padding-left:18px !important;
  padding-right:4px !important;
}
.split-field--principal .split-field-unit{
  gap:3px;
  margin-left:0;
  margin-right:1px;
  color:#777777;
  font-size:16px;
  font-weight:400;
}
.split-field--principal .split-field-unit--select{
  position:relative;
  min-width:74px;
  padding-left:2px;
  border-left:none;
}
.split-field--principal .split-field-unit--select::after{
  right:0;
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M6.5 9l4.5 4.5L15.5 9' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.split-field--principal .split-field-unit-select{
  min-width:74px;
  height:36px;
  padding:0 18px 0 0 !important;
  color:#777777 !important;
  font-size:16px !important;
  font-weight:400 !important;
  text-align:left;
}
.split-field--principal .split-field-clear{
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  border:none;
  background-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M8 8l6 6M14 8l-6 6' fill='none' stroke='%23090979' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
  color:transparent;
  font-size:0;
  flex:0 0 var(--credit-inline-icon-size);
  margin-right:1px;
}.split-field--principal .split-field-clear:hover{
  background:rgba(9,9,121,0.08);
}
.split-field-body{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 60%;
  min-width:0;
  min-height:var(--credit-field-height);
  border-left:1px solid rgba(148,163,184,0.18);
  padding:0 var(--credit-field-body-pad-right) 0 0;
  background:transparent;
}
.split-field-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 40%;
  min-height:var(--credit-field-height);
  padding:0 var(--credit-field-padding-x);
  font-size:0.88rem;
  font-weight:600;
  color:var(--ui-muted);
  background:var(--credit-field-label-bg);
  border-right:1px solid rgba(148,163,184,0.18);
}
.split-field-label-text{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
.split-field-label--stacked{
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.split-field-label-main{
  display:inline;
}
.split-field-label-sub{
  display:inline;
  font-size:0.68rem;
  font-weight:500;
  line-height:1.12;
  color:var(--ui-muted);
  white-space:nowrap;
}
#monthsHintInline{
  display:none !important;
}
.split-field-control{
  margin-top:0 !important;
  border:none !important;
  border-left:1px solid rgba(148,163,184,0.18) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  min-height:var(--credit-field-height);
}
.split-field input.split-field-control,
.split-field select.split-field-control{
  padding-left:var(--credit-field-value-pad-x) !important;
  padding-right:var(--credit-field-value-pad-x) !important;
  font-weight:600;
  color:var(--ui-text);
}
.split-field-body input.split-field-control,
.split-field-body select.split-field-control{
  flex:1 1 auto;
  min-width:0;
  border-left:none !important;
  padding-right:4px !important;
  text-align:right;
}
.split-field-unit{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  min-height:var(--credit-field-height);
  padding:0;
  font-size:0.84rem;
  font-weight:600;
  color:var(--ui-muted);
  background:transparent;
  border-left:none;
  gap:var(--credit-field-inner-gap);
  margin-left:var(--credit-field-inner-gap);
}
.split-field-unit--select{
  position:relative;
  margin-left:var(--credit-field-inner-gap);
  padding-right:0;
  min-width:var(--credit-field-unit-min-width);
}
.split-field-unit--select::after{
  content:"";
  position:absolute;
  right:4px;
  top:50%;
  width:9px;
  height:5px;
  transform:translateY(-50%);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5'%3E%3Cpath fill='%23090979' d='M0.8 0.7L4.5 4l3.7-3.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:9px 5px;
  pointer-events:none;
}
.split-field-unit-select{
  width:100%;
  min-width:var(--credit-field-unit-min-width);
  max-width:none;
  height:calc(var(--credit-field-height) - 10px);
  margin:0 !important;
  padding:0 12px 0 0 !important;
  border:none !important;
  border-radius:8px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ui-muted) !important;
  font-size:0.82rem !important;
  font-weight:600 !important;
  text-align:right;
  appearance:none;
  -webkit-appearance:none;
  background-image:none !important;
}
.split-field-unit-select:focus{
  outline:none !important;
  border:none !important;
  box-shadow:none !important;
}
.split-field-clear{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  border:var(--credit-accent-border) solid var(--credit-accent-soft);
  border-radius:999px;
  padding:0;
  background:transparent;
  color:var(--credit-accent-soft);
  font-size:0.62rem;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  order:2;
  flex:0 0 auto;
}
.split-field-clear svg,
.field-icon-badge svg{
  display:block;
  width:10px;
  height:10px;
  stroke-width:3;
}
.split-field-clear:hover{
  background:rgba(9,9,121,0.08);
}
.split-field-clear:focus-visible{
  outline:2px solid var(--ui-primary);
  outline-offset:2px;
}
.split-field-control:focus{
  box-shadow:none !important;
}
.split-field-control.is-valid,
.split-field-control.is-invalid{
  box-shadow:none !important;
}
.currency-select-native{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.field-row{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  align-items:start;
  min-height:var(--credit-field-row-height);
  transition:padding-top .32s cubic-bezier(.22,.61,.36,1), border-top-left-radius .32s cubic-bezier(.22,.61,.36,1), border-top-right-radius .32s cubic-bezier(.22,.61,.36,1);
  scroll-margin-top:18px;
  scroll-margin-bottom:calc(120px + var(--mobile-keyboard-inset));
}
.credit-grid > .field-row:not(:first-child){
  margin-top:8px;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  transition:border-color .28s ease, box-shadow .28s ease, background-color .28s ease, border-radius .32s cubic-bezier(.22,.61,.36,1);
  overflow:visible;
  position:relative;
}
.credit-grid > .field-row.field-row--has-info:not(:first-child){
  padding:0;
  border:0;
  border-top-left-radius:var(--credit-field-radius);
  border-top-right-radius:var(--credit-field-radius);
  border-bottom-left-radius:var(--credit-field-radius);
  border-bottom-right-radius:var(--credit-field-radius);
  background:transparent;
}
.field-input{
  grid-row:2;
  min-width:0;
  padding:0 0 0 0;
}
.field-info{
  grid-row:1;
  min-width:0;
  margin:0 !important;
  padding:0 var(--credit-content-inset);
  border:none;
  border-radius:0;
  background:transparent;
  color:#747474;
  font-size:0.78rem;
  line-height:1.2;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  text-align:right;
  overflow:hidden;
  white-space:normal;
  word-break:break-word;
  max-height:0;
  opacity:0;
  transform:translateY(-3px);
  transition:max-height .32s cubic-bezier(.22,.61,.36,1), opacity .24s ease, padding .32s cubic-bezier(.22,.61,.36,1), transform .32s cubic-bezier(.22,.61,.36,1);
}
.field-info.is-visible{
  max-height:280px;
  opacity:1;
  min-height:24px;
  padding:4px var(--credit-content-inset);
  overflow:visible;
  transform:translateY(0);
}
.credit-grid > .field-row:not(:first-child) .field-input{
  padding:0 0 0 0;
}
.credit-grid > .field-row:not(:first-child) .split-field--principal{
  width:calc(100% + 1.4px);
  margin:0 -0.7px -0.7px;
  border-bottom-left-radius:var(--credit-field-radius);
  border-bottom-right-radius:var(--credit-field-radius);
}
.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-body{
  margin:0;
}
.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-label,
.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-body{
  z-index:2;
}
.credit-grid > .field-row#disbursementRow{
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
}
.credit-grid > .field-row#disbursementRow .field-info{
  display:none;
}
.credit-grid > .field-row#disbursementRow .split-field--principal{
  align-items:center;
  margin:0;
}
.credit-grid > .field-row#disbursementRow .split-field--principal .split-field-body{
  margin:0;
}
.credit-grid > .field-row:not(:first-child) .field-info-label{
  display:none;
}
.credit-grid > .field-row:not(:first-child) .split-field{
  margin-top:0;
}
.credit-grid > .field-row:not(:first-child) .split-field-label{
  padding-left:var(--credit-content-inset);
}
.credit-grid > .field-row:not(:first-child) .split-field-unit{
  padding-right:0;
}
.credit-grid > .field-row:not(:first-child) .split-field-clear{
  margin-left:4px;
}
.field-info-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  margin-right:6px;
  border-radius:999px;
  background:transparent;
  border:var(--credit-accent-border) solid var(--credit-accent-soft);
  color:var(--credit-accent-soft);
  font-weight:700;
  font-size:0.68rem;
  line-height:1;
  vertical-align:middle;
}
.field-icon-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  border-radius:999px;
  background:transparent;
  font-weight:700;
  line-height:1;
  flex:0 0 auto;
  opacity:0;
  visibility:hidden;
}
.field-icon-badge--success{
  border:var(--credit-accent-border) solid var(--credit-success-soft);
  color:var(--credit-success-soft);
  font-size:0.62rem;
}
.field-icon-badge.is-visible{
  opacity:1;
  visibility:visible;
}
.field-icon-badge svg{
  width:9px;
  height:9px;
}
.field-info .rate{
  color:var(--credit-accent-soft) !important;
  font-weight:700;
}
.field-choice-range{
  display:inline-flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:0;
  vertical-align:middle;
  white-space:nowrap;
}
.field-choice-strip{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  text-align:left;
}
.field-choice-item{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}
.field-choice-range--extra,
.field-choice-strip:not(.is-expanded) .field-choice-range--extra{
  display:none;
}
.field-choice-strip.is-expanded .field-choice-range--extra{
  display:inline-flex;
}
.field-choice-strip--expandable{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  padding-top:0;
}
.field-choice-strip.is-expanded:not(.field-choice-strip--expandable){
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  justify-items:stretch;
  justify-content:stretch;
  align-items:center;
  gap:6px 8px;
  padding-top:2px;
}
.field-choice-values{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  flex:1 1 auto;
  flex-wrap:wrap;
  gap:0 6px;
  margin-left:auto;
  min-width:0;
}
.field-choice-strip--expandable.is-expanded .field-choice-range--extra{
  display:inline-flex;
}
.field-choice-strip--expandable .field-choice-item,
.field-choice-strip.is-expanded .field-choice-item{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}
.field-choice-strip--expandable .field-choice-range,
.field-choice-strip.is-expanded .field-choice-range{
  display:inline-flex;
}
.field-choice-strip.is-expanded .field-choice-separator{
  display:none;
}
.field-choice-divider{
  display:inline-flex;
  align-items:center;
  color:#747474;
  font-weight:700;
  margin:0 8px;
  font-size:inherit;
  line-height:1;
}
.field-choice-value-cell{
  display:inline-flex;
  min-width:0;
}
.field-choice-amount-cell--range{
  width:100%;
}
.field-choice-strip .field-choice-list-separator{
  display:none;
}
.field-choice-separator{
  margin:0 3px;
  color:#7a7a7a;
  font-weight:700;
  font-size:inherit;
  line-height:1;
}
.field-choice-amount-split{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:4px;
}
.field-choice-amount-split .field-fill-choice--amount-bound{
  min-width:max-content;
  font-variant-numeric:tabular-nums;
}
.field-choice-amount-split .field-choice-separator{
  flex:0 0 auto;
  margin:0 1px;
  color:#7a7a7a;
  font-weight:700;
}
#principalHint .field-choice-amount-cell{
  position:relative;
}
#principalHint .field-choice-amount-cell--range-end::after{
  position:absolute;
  top:50%;
  transform:translate(50%, -50%);
  color:#747474;
  font-size:inherit;
  font-weight:700;
  line-height:1;
  pointer-events:none;
}
#principalHint .field-choice-amount-cell--range-end::after{
  content:none;
}

@media (max-width:1199px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-inline-label-width:82px;
    --field-info-inline-label-gap:6px;
  }

  #principalRow .split-field--principal,
  #rateRow .split-field--principal,
  #monthsRow .split-field--principal{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  #principalRow .split-field-label,
  #rateRow .split-field-label,
  #monthsRow .split-field-label{
    display:none !important;
  }

  #principalRow .split-field-body,
  #rateRow .split-field-body,
  #monthsRow .split-field-body{
    grid-column:1 !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:var(--field-info-inline-label-gap) !important;
    padding-left:var(--field-info-screen-inset, 0px) !important;
    padding-right:0 !important;
    text-align:left !important;
  }

  #principalHint::before,
  #rateHint::before,
  #monthsHint::before{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex:0 0 var(--field-info-inline-label-width);
    min-width:0;
    height:var(--credit-info-chip-height);
    color:#6c6f73;
    font-size:var(--credit-mobile-font-label);
    font-weight:400;
    line-height:1;
    white-space:nowrap;
  }

  #principalHint::before{content:"Shuma";}
  #rateHint::before{content:"Interesi";}
  #monthsHint::before{content:"Afati";}

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport{
    flex:1 1 auto;
    min-width:0;
    padding-left:var(--field-info-screen-inset, 0px) !important;
    padding-right:0 !important;
  }

  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    width:auto !important;
    max-width:100% !important;
    grid-template-columns:none !important;
  }
}

@media (max-width:390px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-inline-label-width:72px;
    --field-info-inline-label-gap:5px;
  }
}
.field-choice-list-separator{
  display:inline-flex;
  align-items:center;
  margin:0 8px;
  color:#747474;
  font-weight:700;
}
.field-info-expand{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:var(--credit-info-chip-height);
  padding:2px var(--credit-info-chip-padding-x);
  margin:1px 8px 1px 0;
  border:1px solid rgba(9,9,121,0.22);
  border-radius:999px;
  background:#ffffff;
  color:var(--credit-accent-soft);
  font:inherit;
  font-size:var(--credit-info-chip-font-size);
  font-weight:700;
  line-height:1.15;
  cursor:pointer;
  white-space:nowrap;
}
.field-choice-strip--expandable .field-info-expand,
.field-choice-strip.is-expanded .field-info-expand{
  margin-top:1px;
  margin-right:0;
  width:auto;
  min-width:0;
}
.field-choice-strip--expandable .field-info-expand{
  min-height:var(--credit-info-chip-height);
  padding-left:5px;
  padding-right:5px;
  gap:2px;
}
.field-info-expand svg{
  width:14px;
  height:14px;
  stroke-width:2.3;
  transition:transform .18s ease;
}
.field-info-expand[aria-expanded="true"] svg{
  transform:rotate(180deg);
}
.field-info-expand:hover,
.field-info-expand:focus-visible{
  border-color:rgba(9,9,121,0.42);
  background:rgba(9,9,121,0.06);
}
.field-fill-choice{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--credit-info-chip-height);
  padding:2px var(--credit-info-chip-padding-x);
  margin:1px 0;
  border:1px solid rgba(9,9,121,0.24);
  border-radius:999px;
  background:rgba(9,9,121,0.05);
  color:var(--credit-accent-soft);
  font:inherit;
  font-size:var(--credit-info-chip-font-size);
  font-weight:700;
  line-height:1.15;
  cursor:pointer;
  white-space:nowrap;
}
.field-choice-strip--expandable .field-fill-choice,
.field-choice-strip.is-expanded .field-fill-choice{
  width:auto;
  min-width:0;
  overflow:hidden;
  text-overflow:clip;
}
.field-choice-strip--expandable .field-fill-choice{
  min-height:22px;
  height:auto;
  white-space:nowrap;
  overflow-wrap:normal;
  line-height:1.15;
  font-size:inherit;
}
.field-fill-choice:hover,
.field-fill-choice:focus-visible{
  background:rgba(9,9,121,0.1);
  border-color:rgba(9,9,121,0.42);
}
.field-fill-choice:focus-visible{
  outline:2px solid rgba(9,9,121,0.22);
  outline-offset:2px;
}
.field-info--static{
  display:block;
}
.loan-more-options-row{
  position:relative;
  min-height:auto;
  margin-top:8px;
  gap:0;
}
.loan-more-options-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:
    linear-gradient(90deg, rgba(171,174,183,0.98) 0%, rgba(150,154,166,0.98) 100%),
    linear-gradient(105deg, rgba(255,255,255,0) 18%, rgba(255,255,255,0.62) 46%, rgba(255,255,255,0.12) 52%, rgba(255,255,255,0) 72%);
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%, 34% 100%;
  background-position:0 0, -160% 0;
  box-shadow:0 1px 0 rgba(255,255,255,0.34) inset, 0 0 14px rgba(148,152,166,0.10);
  pointer-events:none;
  animation:productLinePulse 3.8s ease-in-out infinite, productLineSheen 5.6s ease-in-out infinite;
}
.loan-more-options-toggle{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:100%;
  min-height:var(--credit-white-capsule-height);
  height:var(--credit-white-capsule-height);
  padding:0 34px 0 var(--credit-content-inset);
  border:0;
  background:transparent;
  color:#70757a;
  font:inherit;
  font-size:16px;
  font-weight:400;
  line-height:calc(var(--credit-white-capsule-height) - 2px);
  letter-spacing:-0.01em;
  cursor:pointer;
}
.loan-more-options-toggle:hover,
.loan-more-options-toggle:focus-visible{
  color:var(--credit-accent-soft);
  outline:none;
}
.loan-more-options-toggle__mark{
  font-size:1.15rem;
  font-weight:500;
  line-height:1;
}
.loan-more-options-panel{
  display:none;
  margin-top:10px;
  padding:10px 0 0;
}
.loan-more-options-panel.is-open{
  display:block;
}
.loan-more-options-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
}
.loan-more-option-field{
  display:grid;
  grid-template-columns:minmax(150px,0.48fr) minmax(120px,0.52fr);
  align-items:center;
  gap:10px;
  min-height:38px;
  border-bottom:1px solid rgba(148,163,184,0.46);
}
.loan-more-option-label{
  color:#6c6f73;
  font-size:0.86rem;
  font-weight:600;
  line-height:1.1;
  white-space:nowrap;
}
.loan-more-option-label--fee{
  display:flex;
  align-items:center;
  gap:6px;
}
.loan-fee-rate-control{
  display:inline-flex;
  align-items:center;
  gap:2px;
  color:inherit;
}
.loan-fee-rate-input{
  width:3.2em;
  min-width:0;
  border:0;
  border-bottom:1px solid rgba(60,60,67,0.22);
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:600;
  line-height:1;
  padding:0 1px 1px;
  text-align:right;
  outline:none;
}
.loan-fee-rate-input:focus{
  border-bottom-color:rgba(9,9,121,0.45);
}
.loan-more-option-control{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:38px;
  border-bottom:0;
  text-align:right;
}
.loan-more-option-input,
.loan-more-option-output{
  width:100%;
  max-width:220px;
  min-width:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#111827;
  font:inherit;
  font-size:0.92rem;
  font-weight:600;
  line-height:1.1;
  padding:0;
  outline:none;
  text-align:right;
}
.loan-more-option-input:focus{
  outline:none !important;
  box-shadow:none;
}
.loan-more-option-input:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}
.loan-more-option-control:focus-within{
  border-bottom-color:transparent;
}
.loan-more-option-field:focus-within{
  border-bottom-color:rgba(9,9,121,0.46);
}#rateHint{
  white-space:normal;
  overflow:visible;
  flex-wrap:wrap;
  word-break:normal;
}
.credit-actions{
  display:flex;
  flex-wrap:nowrap;
  gap:14px;
  margin-top:30px;
  align-items:center;
  justify-content:space-between;
}
.credit-actions > .btn-min{
  flex:0 1 auto;
  width:auto;
  min-width:176px;
  min-height:48px;
  height:48px;
  justify-content:center;
  border-radius:36px !important;
  box-shadow:none !important;
}
.credit-actions > .btn-min.btn-primary{
  min-width:156px;
}
.credit-actions > .btn-min.btn-secondary{
  min-width:232px;
}
.btn-pad{
  padding:9px 22px !important;
}
.credit-panel{
  background:#f3f3f3 !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:24px !important;
}
.table-panel{
  background:#f1f3f5 !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.table-panel.is-hidden{
  display:none !important;
}
.credit-actions .btn-min{
  min-height:48px;
  height:48px;
  border-radius:36px !important;
  font-size:16px !important;
  font-weight:500 !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  white-space:nowrap;
}
.credit-actions .btn-min i,
.credit-actions .btn-min svg{
  display:inline-flex !important;
  width:18px !important;
  height:18px !important;
  stroke-width:2.1 !important;
  flex:0 0 auto;
}
.credit-actions .btn-primary,
.credit-actions .btn-secondary{
  border:1px solid rgba(17,24,39,0.10) !important;
}
.credit-actions .btn-primary{
  background:#ffffff !important;
  color:#090979 !important;
  border-color:rgba(9,9,121,0.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.98), 0 4px 10px rgba(9,9,121,0.05) !important;
  font-weight:600 !important;
}
.credit-actions .btn-secondary{
  background:#ffffff !important;
  color:#090979 !important;
  border-color:rgba(9,9,121,0.22) !important;
  box-shadow:none !important;
}
.credit-actions .btn-primary:hover{
  background:#fbfcff !important;
  color:#090979 !important;
  border-color:rgba(9,9,121,0.38) !important;
}
.credit-actions .btn-secondary:hover{
  background:#fbfbff !important;
  color:#090979 !important;
  border-color:rgba(9,9,121,0.32) !important;
}
.credit-actions .btn-secondary span{
  white-space:nowrap;
}
.credit-actions .btn-min:focus-visible{
  outline:2px solid rgba(9,9,121,0.35) !important;
}
.schedule-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  font-size:0.76rem;
  color:var(--ui-muted);
}
.table-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  touch-action:auto;
}
.loan-table{
  min-width:100%;
  font-size:0.88rem;
  text-align:right;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid rgba(148,163,184,0.18);
  background:var(--ui-surface);
  box-shadow:none;
  border-radius:0;
  overflow:visible;
}
.loan-table thead tr{
  background:linear-gradient(180deg,var(--ui-table-head) 0%, rgba(148,163,184,0.16) 100%) !important;
  color:var(--ui-text) !important;
}
.loan-table th,
.loan-table td{
  padding:10px 12px !important;
}
.loan-table th{
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:0.01em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(148,163,184,0.22);
}
.loan-table td{
  font-variant-numeric:tabular-nums;
}
.loan-table .loan-detail-row.is-hidden{
  display:none !important;
}
.loan-table thead .loan-detail-row,
.loan-table thead .schedule-meta-row{
  background:#ffffff !important;
  color:var(--ui-text) !important;
}
.loan-detail-label,
.loan-detail-value,
.schedule-meta-cell{
  border-bottom:1px solid rgba(148,163,184,0.16) !important;
  color:var(--ui-muted);
  font-size:0.76rem;
  font-weight:500;
  font-variant-numeric:normal;
  letter-spacing:0;
  line-height:1.45;
  text-align:left !important;
  text-transform:none;
  white-space:normal !important;
}
.loan-detail-label{
  color:var(--ui-text);
  font-weight:700;
}
.loan-detail-value{
  color:var(--ui-text);
}
.schedule-meta-cell{
  color:var(--ui-muted);
}
.schedule-meta-cell > span:last-child{
  float:right;
  margin-left:12px;
}
.schedule-total-row{
  background:linear-gradient(180deg,rgba(37,99,235,0.15) 0%, rgba(59,130,246,0.09) 100%);
  font-weight:700;
}
.schedule-total-amount{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-end;
  line-height:1.12;
}
.schedule-total-amount__currency{
  font-size:0.72em;
  font-weight:600;
  color:var(--ui-muted);
  text-transform:lowercase;
}
.schedule-row--alt{
  background:rgba(148,163,184,0.08);
}
.schedule-row{
  background:rgba(255,255,255,0.94);
}
.schedule-row td{
  border-bottom:1px solid rgba(148,163,184,0.16);
}
.cell-center{
  text-align:center !important;
}
.mobile-th-stack{
  display:none;
}
.desktop-th-inline{
  display:inline;
}
.loan-table-footnote-row td{
  background:#ffffff;
  border-top:1px solid rgba(148,163,184,0.16);
}
.loan-table-footnote-cell{
  width:auto !important;
  padding:8px 12px !important;
  color:var(--ui-muted);
  font-size:0.76rem;
  font-variant-numeric:normal;
  line-height:1.45;
  text-align:left;
  white-space:normal !important;
}
.loan-table-footnote-row--meta .loan-table-footnote-cell{
  font-variant-numeric:tabular-nums;
}
.loan-meta,
.meta-note{
  margin-top:8px;
  font-size:0.76rem;
  color:var(--ui-muted);
}
#inputSection{padding:24px;}
#inputSection input,
#inputSection select{
  height:var(--credit-field-height);
  font-size:var(--credit-field-font-size);
}
#inputSection label{
  font-size:1rem;
}
#inputSection .input-hint{
  font-size:0.72rem;
  margin:0 0 2px;
}
#inputSection input{
  height:var(--credit-field-height);
  font-size:var(--credit-field-font-size);
}
#inputSection input[type="date"]{
  line-height:1.2;
  -webkit-appearance:none;
  appearance:none;
  text-align:right;
  direction:ltr;
}
#disbursement{
  min-height:var(--credit-field-height);
  height:var(--credit-field-height);
  line-height:1.2;
  margin-left:auto;
  font-size:17px !important;
  font-weight:600 !important;
}
#disbursement::-webkit-datetime-edit{
  text-align:right;
  font-size:inherit;
  font-weight:inherit;
}
#disbursement::-webkit-datetime-edit-fields-wrapper{
  display:flex;
  justify-content:flex-end;
  width:100%;
  font-size:inherit;
  font-weight:inherit;
}
#disbursement::-webkit-date-and-time-value{
  text-align:right;
  font-size:inherit;
  font-weight:inherit;
}
#disbursement::-webkit-calendar-picker-indicator{
  margin-left:8px;
}
#monthsHint{
  display:block !important;
}
.credit-actions .btn-min{
  min-height:48px;
  height:48px;
  padding:10px var(--credit-field-value-pad-x) !important;
  border-radius:24px !important;
  font-size:var(--credit-field-font-size) !important;
  font-weight:600 !important;
  font-family:var(--font-ui) !important;
  box-shadow:0 8px 18px rgba(15,23,42,0.12) !important;
}
.card-min.table-premium{
  padding-top:12px;
  margin-top:8px;
}
table{border-radius:0 !important;overflow:visible;}
thead tr{background:var(--ui-table-head) !important;}
tbody tr:hover td{background:rgba(59,130,246,0.08) !important;}
.page-title{
  font-size:clamp(1.22rem,1.55vw,1.5rem);
}
/* Desktop credit layout */
@media (min-width:1200px){
  .credit-panel{
    padding:12px !important;
  }
  .credit-grid{
    width:min(100%,41.6667%);
    margin-left:0;
    margin-right:0;
    gap:6px;
  }
  .credit-actions{
    width:min(100%,41.6667%);
    margin-left:0;
    margin-right:0;
    margin-top:14px;
    gap:10px;
  }
  .table-panel{
    width:min(100%,72%);
  }
  .loan-table{
    min-width:auto;
    width:100%;
    font-size:0.82rem;
    border-radius:0;
  }
  .loan-table th,
  .loan-table td{
    padding:8px 9px !important;
  }
  .loan-table th{
    font-size:0.72rem;
  }
  .loan-table th:nth-child(1),
  .loan-table td:nth-child(1){
    width:42px;
  }
  .loan-table th:nth-child(2),
  .loan-table td:nth-child(2){
    width:88px;
  }
  .field-row{
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  .field-input{
    grid-column:1;
    grid-row:2;
  }
  .field-info{
    grid-column:1;
    grid-row:1;
    display:flex;
    justify-content:flex-end;
    text-align:right;
    align-self:end;
  }
  #principalRow,
  #rateRow,
  #monthsRow{
    margin-top:4px;
    gap:4px;
  }
  #principalRow .field-info,
  #rateRow .field-info,
  #monthsRow .field-info{
    min-height:var(--credit-info-chip-height);
    height:var(--credit-info-chip-height);
    max-height:var(--credit-info-chip-height);
    padding:0 var(--credit-content-inset);
    transform:none;
    align-items:center;
  }
  #principalRow .field-info.is-visible,
  #rateRow .field-info.is-visible,
  #monthsRow .field-info.is-visible{
    min-height:var(--credit-info-chip-height);
    height:auto;
    max-height:none;
    padding:0 var(--credit-content-inset);
    transform:none;
  }
  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values{
    align-items:center;
  }
  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice,
  #principalHint .field-fill-choice,
  #principalHint .field-info-expand{
    min-height:var(--credit-info-chip-height);
    font-size:var(--credit-info-chip-font-size);
    line-height:1.15;
  }
  .split-field-label--stacked{
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    gap:8px;
    padding-top:0;
    padding-bottom:0;
  }
  .split-field-label-main{
    line-height:1;
  }
  .split-field-control:not(input):not(select){
    min-height:var(--credit-field-height);
  }
}

/* Mobile credit layout */
@media (max-width:1199px){
  :root{
    --credit-content-inset:18px;
    --credit-content-inset-right:18px;
    --credit-mobile-page-padding:12px;
    --credit-mobile-grid-gap:8px;
    --credit-white-capsule-height:44px;
    --credit-gray-capsule-top:8px;
    --credit-field-height:40px;
    --credit-field-row-height:50px;
    --credit-inline-icon-size:18px;
    --credit-mobile-table-width:500px;
  }
  .split-field--principal .split-field-label{
    flex-basis:24%;
    min-width:88px;
    min-height:var(--credit-white-capsule-height);
    font-size:15px;
  }
  .split-field--principal .split-field-label::after{
    height:22px;
    transition:none;
  }
  .split-field--principal .split-field-body{
    min-height:var(--credit-white-capsule-height);
    padding-right:6px;
  }
  .split-field--principal .split-field-control{
    min-height:calc(var(--credit-white-capsule-height) - 2px);
    font-size:16px;
  }
  .split-field--principal .split-field-body input.split-field-control{
    padding-left:16px !important;
  }
  .split-field--principal .split-field-unit{
    font-size:15px;
  }
  .split-field--principal .split-field-unit--select{
    min-width:66px;
  }
  .split-field--principal .split-field-unit-select{
    min-width:66px;
    height:32px;
    font-size:15px !important;
  }
  .split-field--principal .split-field-unit--select::after,
  .split-field--principal .split-field-clear{
    width:18px;
    height:18px;
    background-size:18px 18px;
  }
  .field-info{
    font-size:0.74rem;
    padding:0 var(--credit-content-inset);
  }
  .field-choice-strip--expandable{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    justify-content:end;
    align-items:start;
    gap:6px;
  }
  .field-choice-strip.is-expanded:not(.field-choice-strip--expandable){
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:6px;
  }
  .field-choice-values{
    display:grid;
    grid-column:2;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    justify-content:stretch;
    flex:1 1 0;
    gap:6px;
    margin-left:0;
    width:100%;
  }
  .field-choice-values > .field-fill-choice,
  .field-choice-values .field-fill-choice,
  .field-choice-value-cell{
    max-width:100%;
    min-width:0;
  }
  .field-choice-value-cell{
    display:flex;
  }
  .field-choice-strip--expandable.is-expanded .field-choice-value-cell.field-choice-range--extra{
    display:flex;
  }
  #principalHint .field-choice-strip--expandable:not(.is-expanded) .field-choice-value-cell.field-choice-range--extra{
    display:none;
  }
  #principalHint .field-choice-strip--expandable.is-expanded .field-choice-value-cell.field-choice-range--extra{
    display:flex;
  }
  .field-choice-strip--expandable .field-choice-item{
    display:contents;
  }
  .field-choice-strip--expandable.is-expanded .field-choice-item.field-choice-range--extra{
    display:contents;
  }
  .field-choice-strip--expandable .field-choice-range{
    display:contents;
  }
  .field-choice-strip--expandable .field-choice-separator,
  .field-choice-strip--expandable .field-choice-range > span{
    display:none;
  }
  .field-choice-strip--expandable .field-choice-divider{
    display:none !important;
  }
  .field-choice-strip--expandable.is-expanded .field-choice-divider,
  .field-choice-strip--expandable.is-expanded .field-choice-divider.field-choice-range--extra{
    display:none !important;
  }
  #principalHint .field-choice-strip--expandable{
    grid-template-columns:auto minmax(0, 1fr);
    align-items:start;
  }
  #principalRow,
  #rateRow,
  #monthsRow{
    margin-top:4px;
    gap:4px;
  }
  #principalRow .field-info,
  #rateRow .field-info,
  #monthsRow .field-info{
    min-height:var(--credit-info-chip-height);
    height:var(--credit-info-chip-height);
    max-height:var(--credit-info-chip-height);
    padding:0 var(--credit-content-inset);
    transform:none;
  }
  #principalRow .field-info.is-visible,
  #rateRow .field-info.is-visible,
  #monthsRow .field-info.is-visible{
    min-height:var(--credit-info-chip-height);
    height:auto;
    max-height:none;
    padding:0 var(--credit-content-inset);
    transform:none;
  }
  #principalHint .field-choice-strip--static{
    grid-template-columns:64px minmax(0, 1fr);
  }
  #principalHint .field-info-expand{
    grid-column:1;
    grid-row:1;
    min-width:64px;
    min-height:var(--credit-info-chip-height);
    height:var(--credit-info-chip-height);
    padding:2px var(--credit-info-chip-padding-x);
    justify-self:start;
    justify-content:center;
    align-items:center;
    font-size:var(--credit-info-chip-font-size);
    font-weight:700;
    line-height:1.15;
    gap:3px;
  }
  #principalHint .field-info-expand svg{
    display:block;
    flex:0 0 auto;
    width:12px;
    height:12px;
  }
  #principalHint .field-choice-values{
    display:grid;
    grid-column:2;
    grid-row:1;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:center;
    gap:6px;
    justify-self:stretch;
    width:100%;
  }
  #principalHint .field-choice-amount-cell{
    display:flex;
    min-width:0;
  }
  #principalHint .field-choice-amount-cell .field-fill-choice{
    width:100%;
    min-width:0;
    height:var(--credit-info-chip-height);
    justify-content:center;
    padding-left:4px;
    padding-right:4px;
    font-size:var(--credit-info-chip-font-size);
    line-height:1.15;
  }
  #principalHint .field-choice-amount-cell--range-end::after{
    font-size:var(--credit-info-chip-font-size);
  }
  .field-choice-strip--expandable .field-fill-choice,
  .field-choice-strip--expandable .field-info-expand,
  .field-choice-strip.is-expanded .field-fill-choice,
  .field-choice-strip.is-expanded .field-info-expand{
    width:100%;
    min-width:0;
    padding-left:4px;
    padding-right:4px;
  }
  .field-choice-strip--expandable .field-fill-choice,
  .field-choice-strip--expandable .field-info-expand{
    width:auto;
  }
  .field-choice-strip--expandable .field-info-expand{
    padding-left:5px;
    padding-right:5px;
    gap:2px;
  }
  .field-choice-strip--expandable.is-expanded .field-fill-choice,
  .field-choice-strip--expandable.is-expanded .field-info-expand{
    width:100%;
  }
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    width:64px;
    align-self:start;
  }
  .field-choice-value-cell .field-fill-choice,
  .field-choice-strip--expandable .field-choice-range .field-fill-choice{
    width:100%;
    padding:2px var(--credit-info-chip-padding-x);
    font-size:var(--credit-info-chip-font-size);
    overflow:hidden;
    text-overflow:clip;
  }
  .field-choice-strip--expandable .field-fill-choice{
    font-size:var(--credit-info-chip-font-size);
  }
  #rateHint{
    font-size:var(--credit-info-chip-font-size);
  }.credit-grid > .field-row:not(:first-child){
    padding:0;
  }
  .credit-grid > .field-row.field-row--has-info:not(:first-child){
    padding:0;
  }
  .credit-page{
    overflow-x:hidden;
  }
  .credit-page{
    padding:var(--credit-mobile-page-padding) !important;
    padding-bottom:calc(var(--credit-mobile-page-padding) + var(--mobile-keyboard-inset) + env(safe-area-inset-bottom)) !important;
  }
  .credit-wrap{
    max-width:100%;
  }
  .page-title{
    font-size:1.08rem;
    gap:8px;
  }
  .page-description{
    font-size:0.69rem;
    line-height:1.4;
    margin:2px 0 10px 0;
  }
  .section-divider{
    margin:4px 0 10px;
  }
  .credit-grid{
    grid-template-columns:1fr;
    gap:var(--credit-mobile-grid-gap);
  }
  .credit-panel,
  .table-panel{
    padding:var(--credit-mobile-panel-padding) !important;
  }
  .credit-panel{
    width:calc(100% - (var(--credit-mobile-page-padding) * 2));
    margin-left:auto;
    margin-right:auto;
  }
  .table-panel{
    width:100%;
    margin-left:0;
    margin-right:0;
    max-width:100%;
    overflow:visible;
  }
  .table-scroll{
    max-width:100%;
    padding-bottom:2px;
    touch-action:auto;
  }
  .schedule-meta{
    flex-wrap:wrap;
    gap:4px 8px;
    font-size:0.66rem;
  }
  .loan-table{
    min-width:var(--credit-mobile-table-width);
    width:max(100%, var(--credit-mobile-table-width));
    font-size:0.7rem;
    table-layout:fixed;
    box-shadow:none;
    border-radius:0;
  }
  .loan-table th,
  .loan-table td{
    padding:5px 4px !important;
    white-space:nowrap;
  }
  .loan-table th{
    font-size:0.6rem;
  }
  .loan-detail-label,
  .loan-detail-value,
  .schedule-meta-cell{
    font-size:0.66rem;
    line-height:1.35;
    white-space:normal !important;
  }
  .loan-table td{
    background:#ffffff;
  }
  .schedule-row td{
    background:#ffffff;
  }
  .schedule-row--alt td{
    background:rgba(148,163,184,0.14);
  }
  .schedule-total-row td{
    background:linear-gradient(180deg,rgba(37,99,235,0.16) 0%, rgba(59,130,246,0.10) 100%);
  }
  .schedule-meta-cell > span{
    display:inline-block;
  }
  .loan-table-footnote-cell{
    width:auto !important;
    white-space:normal !important;
  }
  .loan-table th:nth-child(1),
  .loan-table td:nth-child(1){
    width:32px;
  }
  .loan-table th:nth-child(2),
  .loan-table td:nth-child(2){
    width:68px;
  }
  .loan-table th:nth-child(3),
  .loan-table td:nth-child(3),
  .loan-table th:nth-child(4),
  .loan-table td:nth-child(4){
    width:78px;
  }
  .loan-table th:nth-child(5),
  .loan-table td:nth-child(5){
    width:62px;
  }
  .loan-table th:nth-child(6),
  .loan-table td:nth-child(6){
    width:92px;
  }
  .mobile-th-stack{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    line-height:1.05;
    white-space:normal;
  }
  .desktop-th-inline{
    display:none;
  }
  #inputSection{padding:14px;}
  #product.field-control--standalone{
    font-size:0.96rem;
  }
  .split-field-label--stacked{
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    gap:8px;
    padding-top:0;
    padding-bottom:0;
  }
  .split-field-label-main{
    line-height:1;
  }
  .field-row{
    gap:2px;
  }
  .split-field-control:not(input):not(select){
    min-height:var(--credit-field-height);
    display:flex;
    align-items:center;
  }
  .credit-actions{
    gap:8px;
    margin-top:14px;
  }
  .credit-actions > .btn-min{
    flex:1 1 0;
    width:auto;
    min-width:136px;
    max-width:160px;
    min-height:44px;
    height:44px;
  }
  .btn-pad{
    padding:8px 12px !important;
  }
  .split-field--principal,
  .credit-grid > .field-row:not(:first-child),
  .field-info,
  .schedule-row td,
  .schedule-row--alt td,
  .schedule-total-row td,
  .credit-actions .btn-min,
  .credit-actions .btn-min i,
  .credit-actions .btn-min svg{
    transition:none !important;
  }
  .split-field--principal:focus-within{
    border-color:rgba(182,182,182,0.96);
    box-shadow:none;
    z-index:2;
  }
  .split-field--principal.is-valid,
  .split-field--principal.is-invalid{
    box-shadow:none;
  }
  .split-field--principal.is-valid .split-field-label::after,
  .split-field--principal.is-invalid .split-field-label::after{
    box-shadow:none;
  }
  .split-field-clear:hover,
  .split-field--principal .split-field-clear:hover,
  .credit-actions .btn-primary:hover,
  .credit-actions .btn-secondary:hover{
    background:transparent !important;
  }
  .split-field-clear:focus-visible,
  .credit-actions .btn-min:focus-visible{
    outline:none !important;
    box-shadow:none !important;
  }
  .credit-actions .btn-min{
    font-size:14px !important;
    border-radius:28px !important;
    box-shadow:none !important;
  }
  .credit-actions .btn-min i,
  .credit-actions .btn-min svg{
    width:16px !important;
    height:16px !important;
  }
  .credit-actions .btn-primary{
    box-shadow:none !important;
  }
  .field-row,
  .credit-grid > .field-row:not(:first-child){
    scroll-margin-top:10px;
  }
}

.split-field--principal{
  display:flex;
  align-items:center;
  gap:10px;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  min-height:auto;
  overflow:visible;
}
.split-field--principal.is-valid,
.split-field--principal.is-invalid,
.split-field--principal:focus-within{
  border:none !important;
  box-shadow:none !important;
}
.split-field--principal .split-field-label{
  flex:0 0 22%;
  min-width:96px;
  max-width:132px;
  min-height:40px;
  padding:0 0 0 var(--credit-content-inset);
  background:transparent !important;
  border:none !important;
  color:#6e6e6e;
  font-size:16px;
  font-weight:400;
  line-height:1.1;
}
.split-field--principal .split-field-label::after{
  display:none !important;
}
.split-field--principal .split-field-body{
  flex:0 1 70%;
  max-width:70%;
  min-height:40px;
  padding:0 8px 0 0;
  background:#ffffff !important;
  border:1px solid rgba(182,182,182,0.96);
  border-radius:999px;
  overflow:hidden;
}
.credit-grid > .field-row:not(:first-child) .split-field--principal{
  width:100%;
  margin:0;
}
.credit-grid > .field-row#disbursementRow .split-field--principal{
  margin:0;
}
.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-body{
  margin:0;
}
.split-field--principal.is-valid .split-field-body{
  border-color:rgba(22,163,74,0.78);
}
.split-field--principal.is-invalid .split-field-body{
  border-color:rgba(229,87,87,0.76);
}
.split-field--principal .split-field-control{
  min-height:38px;
}
.split-field--principal .split-field-body input.split-field-control{
  padding-left:12px !important;
}@media print{
  @page{
    margin:12mm;
  }
  body{background:#ffffff !important;}
  .credit-page{
    background:#ffffff !important;
    padding:0 !important;
  }
  .credit-wrap{
    max-width:none !important;
  }
  .credit-actions{
    display:none !important;
  }
  .page-title,
  .page-description,
  .section-divider,
  #inputSection,
  .table-panel,
  .schedule-meta{
    display:block !important;
  }
  .loan-table-footnote-row{
    display:table-row !important;
  }
  .loan-table-footnote-cell{
    display:table-cell !important;
  }
  .page-title{
    font-size:1.45rem !important;
  }
  .page-description{
    margin-bottom:10px !important;
  }
  #inputSection{box-shadow:none !important;}
  .card-min{background:#ffffff !important;border:1px solid #e5e7eb !important;}
  .overflow-auto{overflow:visible !important;}
  .table-scroll{overflow:visible !important;}
  .table-panel{
    width:100% !important;
    margin-top:14px !important;
  }
  .loan-table{
    width:100% !important;
    min-width:100% !important;
    font-size:0.78rem !important;
  }
  table{page-break-inside:auto;}
  tr{page-break-inside:avoid;break-inside:avoid;}
}

/* simplify: remove card look on credit page */
#inputSection{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.card-min.table-premium{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:hidden !important;
  padding:0 !important;
}body.shared-loan-view #inputSection,
body.shared-loan-view .credit-actions,
body.shared-loan-view .loan-results-divider,
body.shared-loan-view .meta-note,
body.shared-loan-view .mobile-top-shell{
  display:none !important;
}

body.shared-loan-view,
body.shared-loan-view.credit-page,
body.shared-loan-view.mobile-top-shell-active,
body.shared-loan-view.mobile-top-shell-active.credit-page{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  min-height:100vh !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:auto !important;
  background:#FFFFFF !important;
}

body.shared-loan-view .credit-wrap{
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-height:100vh !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

body.shared-loan-view #loanResultsSurface,
body.shared-loan-view #resultsPanel{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

body.shared-loan-view .schedule-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:10px 12px !important;
  border-bottom:1px solid rgba(60,60,67,0.16) !important;
  background:#FFFFFF !important;
}

body.shared-loan-view .table-panel{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#FFFFFF !important;
}

body.shared-loan-view .table-scroll{
  width:100% !important;
  max-width:100% !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch;
}

/* cleanup: mobile-first safeguards against legacy overlap/overflow */
html,
body,
.credit-page{
  max-width:100%;
  overflow-x:hidden;
}

.credit-wrap,
.credit-panel,
.table-panel,
.credit-grid,
.field-row,
.field-input,
.split-field,
.split-field-label,
.split-field-body,
.credit-actions{
  min-width:0;
  max-width:100%;
}

input,
select,
button,
table{
  max-width:100%;
}

.table-scroll{
  max-width:100%;
}

@media (max-width:1199px){
  .credit-actions{
    gap:8px;
    justify-content:space-between;
  }

  .credit-actions > .btn-min{
    flex:0 0 auto;
    width:auto !important;
    min-width:0;
    max-width:none;
  }
  .credit-actions > .btn-min.btn-primary{
    flex:0 0 calc(34% - 4px);
    width:calc(34% - 4px) !important;
  }
  .credit-actions > .btn-min.btn-secondary{
    flex:0 0 calc(66% - 4px);
    width:calc(66% - 4px) !important;
  }
  .credit-actions .btn-min{
    font-size:15px !important;
  }
  .credit-actions .btn-secondary{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}
@media (max-width:1199px){
  :root{
    --credit-inline-action-end-offset:11px;
  }
}

/* Mobile alignment pass: keep labels and controls on one shared rail. */
@media (max-width:1199px){
  :root{
    --credit-mobile-label-col:68px;
    --credit-mobile-field-gap:5px;
    --credit-mobile-control-height:40px;
    --credit-mobile-font-label:14px;
    --credit-mobile-font-control:15px;
    --credit-info-chip-height:25px;
    --credit-info-chip-font-size:0.66rem;
    --credit-info-chip-padding-x:8px;
  }

  .credit-grid{
    gap:9px;
  }

  .field-row{
    min-height:auto;
    gap:3px;
  }

  .field-info{
    padding-left:0;
    padding-right:0;
  }

  #rateRow .field-info,
  #monthsRow .field-info{
    padding-left:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap)) !important;
    padding-right:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
    width:100%;
    box-sizing:border-box;
  }

  #rateHint{
    gap:4px;
    font-size:0;
    flex-wrap:wrap;
    row-gap:4px;
  }

  #rateHint.is-visible,
  #monthsHint.is-visible{
    display:flex;
    align-items:center;
  }

  #rateHint .field-fill-choice{
    font-size:var(--credit-info-chip-font-size);
  }

  #principalRow .field-info{
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #principalRow .field-info.is-visible{
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .loan-more-option-field{
    grid-template-columns:minmax(112px,0.42fr) minmax(0,0.58fr);
    gap:var(--credit-mobile-field-gap);
    min-height:34px;
  }

  .loan-more-option-label{
    font-size:var(--credit-mobile-font-label);
    white-space:nowrap;
  }

  .loan-more-option-control,
  .loan-more-option-input,
  .loan-more-option-output{
    min-height:34px;
    font-size:var(--credit-mobile-font-control);
  }.split-field--principal{
    display:grid;
    grid-template-columns:var(--credit-mobile-label-col) minmax(0, 1fr);
    gap:var(--credit-mobile-field-gap);
    width:100%;
    align-items:center;
  }.credit-grid > .field-row:not(:first-child) .split-field--principal .split-field-label,
  .credit-grid > .field-row#disbursementRow .split-field--principal .split-field-label{
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:flex-start !important;
  }

  .split-field--principal .split-field-label-text{
    justify-content:flex-start;
    text-align:left;
  }.split-field--principal .split-field-body input.split-field-control{
    padding-left:12px !important;
  }

  .split-field--principal .split-field-unit,
  .split-field--principal .split-field-unit-select{
    font-size:14px !important;
  }#product.field-control--standalone{
    min-height:42px;
    height:42px;
    padding-left:0 !important;
    padding-right:42px !important;
    font-size:14px;
    letter-spacing:0;
  }

  .credit-grid > .field-row:first-child .field-input::before{
    right:14px;
  }

  .field-fill-choice,
  .field-info-expand{
    min-height:var(--credit-info-chip-height);
    height:var(--credit-info-chip-height);
    padding-left:var(--credit-info-chip-padding-x);
    padding-right:var(--credit-info-chip-padding-x);
    font-size:var(--credit-info-chip-font-size);
    line-height:1.05;
    letter-spacing:0;
  }

  #principalHint .field-choice-strip--expandable{
    grid-template-columns:var(--credit-mobile-label-col) minmax(0, 1fr);
    gap:var(--credit-mobile-field-gap);
    width:100%;
  }

  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    grid-column:1;
    width:54px !important;
    min-width:54px;
    max-width:54px;
    padding-left:2px;
    padding-right:2px;
    justify-self:start !important;
  }

  #principalHint .field-info-expand svg{
    width:10px;
    height:10px;
  }

  #principalHint .field-choice-values{
    grid-column:2;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:4px;
    justify-self:stretch;
    width:100%;
  }

  #principalHint .field-choice-amount-cell .field-fill-choice,
  .field-choice-value-cell .field-fill-choice,
  .field-choice-strip--expandable .field-choice-range .field-fill-choice{
    width:100%;
    height:var(--credit-info-chip-height);
    min-height:var(--credit-info-chip-height);
    font-size:var(--credit-info-chip-font-size);
    line-height:1.05;
    padding-left:var(--credit-info-chip-padding-x);
    padding-right:var(--credit-info-chip-padding-x);
    white-space:nowrap;
  }

  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice{
    min-width:0;
    flex:1 1 0;
    justify-content:center;
    padding-left:5px;
    padding-right:5px;
    font-size:var(--credit-info-chip-font-size);
    font-variant-numeric:tabular-nums;
  }

  #rateHint .field-choice-range,
  #monthsHint .field-choice-range{
    gap:4px;
    width:100%;
  }

  #monthsHint .field-choice-range{
    display:flex;
    flex-wrap:nowrap;
  }

  #monthsHint .field-choice-range .field-fill-choice{
    width:100%;
  }

  #principalHint .field-choice-amount-cell--range-end::after{
    font-size:var(--credit-info-chip-font-size);
  }

  .credit-actions{
    width:100%;
    gap:10px;
    margin-top:12px;
  }

  .credit-actions .btn-min{
    min-height:42px !important;
    height:42px;
    font-size:14px !important;
    font-weight:700 !important;
  }
}

@media (max-width:390px){
  :root{
    --credit-mobile-label-col:60px;
    --credit-mobile-field-gap:4px;
    --credit-info-chip-height:24px;
    --credit-info-chip-font-size:0.59rem;
    --credit-info-chip-padding-x:6px;
  }

}

@media (max-width:640px){
  #principalHint .field-choice-values{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:4px !important;
  }

  #principalHint .field-choice-amount-cell--range{
    width:100%;
  }

  #principalHint .field-choice-amount-cell .field-fill-choice,
  .field-choice-value-cell .field-fill-choice,
  .field-choice-strip--expandable .field-choice-range .field-fill-choice{
    min-width:0;
    padding-left:6px;
    padding-right:6px;
    font-size:0.6rem;
    font-variant-numeric:tabular-nums;
  }

  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice{
    min-width:0;
  }
}
.loan-more-options-panel .loan-more-option-control,
.loan-more-options-panel .loan-more-option-input,
.loan-more-options-panel .loan-more-option-output,
.loan-more-options-panel .split-field--principal,
.loan-more-options-panel .split-field--principal .split-field-body,
.loan-more-options-panel .split-field--principal .split-field-control{
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  background:transparent !important;
}
.loan-more-options-panel .loan-more-option-input,
.loan-more-options-panel .split-field--principal .split-field-control{
  -webkit-appearance:none;
  appearance:none;
}
.loan-more-options-panel .loan-more-option-control,
.loan-more-options-panel .split-field--principal .split-field-body{
  border-bottom:0 !important;
}
.loan-more-options-panel .loan-more-option-field{
  border-bottom:1px solid rgba(148,163,184,0.46) !important;
}
.loan-more-options-panel .loan-more-option-field:focus-within{
  border-bottom-color:rgba(9,9,121,0.46) !important;
}
.loan-more-options-panel .loan-more-option-control{
  justify-content:flex-end !important;
  text-align:right !important;
}
.loan-more-options-panel .loan-more-option-input,
.loan-more-options-panel .loan-more-option-output,
.loan-more-options-panel .split-field--principal .split-field-control{
  max-width:220px !important;
  text-align:right !important;
}
.loan-more-options-panel .split-field--principal .split-field-label{
  display:none !important;
}
.loan-more-options-panel .split-field--principal .split-field-body{
  justify-content:flex-end !important;
  padding:0 !important;
}
/* Info capsule swipe layout: one adaptive row for every product hint. */
.field-info.is-visible{
  overflow:visible;
  position:relative;
}

.field-info-scroll-viewport{
  display:flex;
  flex:0 0 var(--field-info-viewport-width, 100%) !important;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:6px;
  width:var(--field-info-viewport-width, 100%);
  margin-left:var(--field-info-viewport-offset, 0px);
  max-width:none !important;
  min-width:0;
  box-sizing:border-box;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.field-info-scroll-viewport::-webkit-scrollbar{
  display:none;
}

.field-info .field-choice-strip,
.field-info .field-choice-strip--expandable,
.field-info .field-choice-values{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap !important;
  gap:6px;
  width:100%;
  max-width:100%;
  min-width:0;
}

.field-info .field-choice-strip,
.field-info .field-choice-strip--expandable{
  position:relative;
  overflow:visible !important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}

.field-info .field-choice-strip::-webkit-scrollbar,
.field-info .field-choice-strip--expandable::-webkit-scrollbar{
  display:none;
}

.field-info .field-choice-values{
  flex:1 1 auto;
  margin-left:0;
  order:1;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding-right:0;
}

.field-info .field-info-expand{
  order:2;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  z-index:3;
  margin-left:2px !important;
  margin-right:0 !important;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #ffffff 34%, #ffffff 100%) !important;
  box-shadow:none !important;
}

.field-info .field-choice-values::-webkit-scrollbar{
  display:none;
}

.field-info .field-choice-strip--expandable .field-choice-item,
.field-info .field-choice-strip--expandable.is-expanded .field-choice-item,
.field-info .field-choice-strip--expandable .field-choice-range,
.field-info .field-choice-strip--expandable.is-expanded .field-choice-range{
  display:inline-flex !important;
}

.field-info .field-choice-item,
.field-info .field-choice-range,
.field-info .field-choice-value-cell,
.field-info .field-fill-choice,
.field-info .field-info-expand{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:calc(100vw - 52px);
  scroll-snap-align:start;
}

.field-info .field-fill-choice,
.field-info .field-info-expand{
  padding-left:clamp(6px, 1.8vw, 10px) !important;
  padding-right:clamp(6px, 1.8vw, 10px) !important;
  text-overflow:clip;
}

.field-info .field-choice-divider,
.field-info .field-choice-list-separator{
  display:none !important;
}

#principalHint .field-choice-values{
  grid-column:auto !important;
}

#principalHint .field-info-expand,
#principalHint .field-choice-strip--expandable .field-info-expand,
#principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
  width:30px !important;
  min-width:30px !important;
  max-width:none;
  height:var(--credit-info-chip-height) !important;
  min-height:var(--credit-info-chip-height) !important;
  padding:0 0 0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  justify-content:flex-end !important;
  color:transparent !important;
  font-size:0 !important;
  font-weight:800 !important;
  line-height:1 !important;
}

#principalHint .field-info-expand:hover,
#principalHint .field-info-expand:focus-visible{
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #ffffff 34%, #ffffff 100%) !important;
  color:#07066f;
  outline:none;
}

#principalHint .field-info-expand:focus-visible .field-info-expand__label{
  outline:2px solid rgba(9,9,121,0.22);
  outline-offset:2px;
  border-radius:999px;
}

#principalHint .field-info-expand__label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  color:transparent;
  font-size:0;
  line-height:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M9 6.5l4.5 4.5L9 15.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
}

#rateHint,
#monthsHint{
  flex-wrap:nowrap !important;
  overflow-x:visible !important;
  overflow-y:hidden !important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

#rateHint::-webkit-scrollbar,
#monthsHint::-webkit-scrollbar{
  display:none;
}

#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:max-content !important;
}

.field-info.field-info--scrollable .field-info-scroll-viewport,
.field-info.field-info--scrollable .field-choice-values{
  padding-left:30px !important;
  padding-right:30px !important;
}

.field-info-scroll-control{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  z-index:4;
  width:24px;
  height:var(--credit-info-chip-height);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  opacity:.58;
  transform:translateY(-50%);
  cursor:pointer;
}

.field-info-scroll-control:hover,
.field-info-scroll-control:focus-visible{
  opacity:.9;
  outline:none;
}

.field-info-scroll-control--left{
  left:var(--field-info-viewport-offset, 0px);
}

.field-info-scroll-control--right{
  right:auto;
  left:calc(var(--field-info-viewport-offset, 0px) + var(--field-info-viewport-width, 100%) - 24px);
}

.field-info-scroll-control span{
  width:var(--credit-inline-icon-size);
  height:var(--credit-inline-icon-size);
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--credit-inline-icon-size) var(--credit-inline-icon-size);
}

.field-info-scroll-control--left span{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M13 6.5L8.5 11l4.5 4.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.field-info-scroll-control--right span{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.25' fill='white' stroke='%23090979' stroke-width='1.5'/%3E%3Cpath d='M9 6.5l4.5 4.5L9 15.5' fill='none' stroke='%23090979' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width:768px){
  .field-info-scroll-control{
    display:none !important;
  }

  .field-info.field-info--scrollable .field-info-scroll-viewport,
  .field-info.field-info--scrollable .field-choice-values{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (max-width:1199px){
  #principalHint .field-choice-strip--expandable{
    display:flex !important;
    grid-template-columns:none !important;
    gap:6px;
  }

  #principalHint .field-choice-values{
    display:flex !important;
    grid-template-columns:none !important;
    gap:6px !important;
  }

  #rateHint,
  #monthsHint{
    flex-wrap:nowrap !important;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  #rateHint::-webkit-scrollbar,
  #monthsHint::-webkit-scrollbar{
    display:none;
  }

  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice{
    flex:0 0 auto !important;
    min-width:max-content !important;
  }
}

@media (max-width:640px){
  #principalHint .field-choice-values{
    display:flex !important;
    grid-template-columns:none !important;
  }

  #principalHint .field-choice-amount-cell--range{
    width:auto !important;
  }
}

/* Align amount info capsules with the amount input capsule, not the label rail. */
#principalRow .field-info,
#principalRow .field-info.is-visible{
  justify-content:flex-start !important;
  text-align:left !important;
  box-sizing:border-box;
}

@media (min-width:1200px){
  #principalRow .field-info,
  #principalRow .field-info.is-visible{
    padding-left:calc(22% + 10px) !important;
    padding-right:0 !important;
  }
}

@media (max-width:1199px){
  #principalRow .field-info,
  #principalRow .field-info.is-visible{
    padding-left:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap)) !important;
    padding-right:0 !important;
  }
}

#principalHint .field-choice-strip--expandable{
  width:100%;
  max-width:100%;
}

#principalHint .field-choice-values{
  min-width:0;
  max-width:100%;
}

#principalHint .field-choice-strip--expandable .field-choice-value-cell.field-choice-range--extra,
#principalHint .field-choice-strip--expandable:not(.is-expanded) .field-choice-value-cell.field-choice-range--extra,
#principalHint .field-choice-strip--expandable.is-expanded .field-choice-value-cell.field-choice-range--extra{
  display:flex !important;
}

/* Clip swiped info capsules at the full row edge while keeping content aligned to inputs. */
#principalRow,
#rateRow,
#monthsRow{
  --field-info-content-offset:0px;
}

#principalRow .field-info,
#principalRow .field-info.is-visible,
#rateRow .field-info,
#rateRow .field-info.is-visible,
#monthsRow .field-info,
#monthsRow .field-info.is-visible{
  padding-left:0 !important;
  padding-right:0 !important;
}

#principalRow .field-info-scroll-viewport,
#rateRow .field-info-scroll-viewport,
#monthsRow .field-info-scroll-viewport{
  box-sizing:border-box;
  padding-left:var(--field-info-content-offset) !important;
  padding-right:0 !important;
}

#principalRow.field-row .field-choice-values,
#rateRow.field-row .field-choice-values,
#monthsRow.field-row .field-choice-values{
  overflow:visible !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding-left:calc(var(--field-info-content-offset, 0px) + 30px) !important;
  padding-right:30px !important;
}

.field-info.field-info--scrollable .field-choice-values{
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (min-width:1200px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:calc(22% + 10px);
  }
}

@media (max-width:1199px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap));
  }
}

@media (min-width:1200px){
  #principalHint .field-choice-values{
    max-width:calc(100% - 34px) !important;
    padding-right:0 !important;
  }

  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    background:transparent !important;
    opacity:.58;
  }

  #principalHint .field-info-expand:hover,
  #principalHint .field-info-expand:focus-visible{
    background:transparent !important;
    opacity:.9;
  }
}

@media (max-width:1199px){
  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    display:none !important;
  }

  #principalHint .field-choice-values{
    padding-right:0 !important;
  }
}

@media (min-width:1200px){
  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    display:inline-flex !important;
  }
}

/* Keep amount range separators visible across desktop and mobile:
   dash inside each range, semicolon between range capsules. */
#principalHint .field-choice-amount-cell--range{
  position:relative;
  overflow:visible !important;
}

#principalHint .field-choice-amount-cell--range .field-choice-range.field-choice-amount-split{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:3px;
  width:auto !important;
  min-width:max-content !important;
}

#principalHint .field-choice-amount-cell--range .field-choice-separator{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 1px !important;
  border:0 !important;
  background:transparent !important;
  color:#747474;
  font-size:var(--credit-info-chip-font-size);
  font-weight:700;
  line-height:1;
}

#principalHint .field-choice-amount-cell--range-end{
  margin-right:10px;
}

#principalHint .field-choice-amount-cell--range-end::after{
  content:";" !important;
  right:-7px;
}

@media (max-width:1199px){
  #principalHint .field-choice-amount-cell--range-end{
    margin-right:9px;
  }

  #principalHint .field-choice-amount-cell--range-end::after{
    right:-6px;
  }
}

/* Unified info capsules for Shuma, Interesi and Afati. */
#principalHint .field-info-scroll-viewport,
#rateHint.field-info,
#monthsHint.field-info{
  align-items:center !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible{
  display:flex !important;
  justify-content:flex-start !important;
  text-align:left !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport{
  margin-left:0 !important;
  margin-right:0 !important;
}

#principalHint.field-info--placeholder,
#rateHint.field-info--placeholder,
#monthsHint.field-info--placeholder{
  pointer-events:none;
}

#principalHint.field-info--placeholder .field-info-scroll-viewport,
#rateHint.field-info--placeholder .field-info-scroll-viewport,
#monthsHint.field-info--placeholder .field-info-scroll-viewport{
  display:inline-flex !important;
}

#principalHint.field-info--placeholder::before,
#rateHint.field-info--placeholder::before,
#monthsHint.field-info--placeholder::before{
  content:none !important;
  display:none !important;
}

#principalHint.field-info--placeholder::before{
  width:70px;
  box-shadow:
    84px 0 0 0 #edf0f5,
    168px 0 0 0 #edf0f5,
    252px 0 0 0 #edf0f5;
}

#rateHint.field-info--placeholder::before,
#monthsHint.field-info--placeholder::before{
  width:112px;
  box-shadow:
    128px 0 0 0 #edf0f5;
}

#principalHint .field-choice-strip--expandable,
#principalHint .field-choice-values,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#monthsHint .field-choice-range{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-template-columns:none !important;
}

#principalHint .field-choice-value-cell,
#principalHint .field-choice-range,
#rateHint .field-choice-item,
#rateHint .field-choice-range,
#monthsHint .field-choice-range{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  height:var(--credit-info-chip-height) !important;
  min-height:var(--credit-info-chip-height) !important;
  padding:2px var(--credit-info-chip-padding-x) !important;
  margin:1px 0 !important;
  border:1px solid rgba(108,117,125,0.28) !important;
  border-radius:999px !important;
  background:#f1f3f5 !important;
  color:#3f454b !important;
  font-size:var(--credit-info-chip-font-size) !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  font-variant-numeric:tabular-nums;
  box-shadow:none !important;
  transition:background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

#principalHint .field-fill-choice:hover,
#principalHint .field-fill-choice:focus-visible,
#rateHint .field-fill-choice:hover,
#rateHint .field-fill-choice:focus-visible,
#monthsHint .field-fill-choice:hover,
#monthsHint .field-fill-choice:focus-visible{
  background:#e5e7eb !important;
  border-color:rgba(108,117,125,0.42) !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected{
  background:#1C1C1E !important;
  background-color:#1C1C1E !important;
  border-color:#1C1C1E !important;
  color:#ffffff !important;
  box-shadow:0 2px 7px rgba(28,28,30,0.18) !important;
}

#principalHint .field-fill-choice.is-tapped,
#rateHint .field-fill-choice.is-tapped,
#monthsHint .field-fill-choice.is-tapped{
  transform:translateY(1px);
}

#rateHint .field-choice-list-separator,
#rateHint .field-choice-divider,
#principalHint .field-choice-amount-cell--range-end::after{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  color:#747474 !important;
  font-size:var(--credit-info-chip-font-size) !important;
  font-weight:700 !important;
  line-height:1 !important;
}

#principalHint .field-choice-amount-cell--range .field-choice-separator,
#monthsHint .field-choice-separator{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 1px !important;
  border:0 !important;
  background:transparent !important;
  color:#747474 !important;
  font-size:var(--credit-info-chip-font-size) !important;
  font-weight:700 !important;
  line-height:1 !important;
}

@media (max-width:1199px){
  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
  #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
  #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
    display:none;
  }

  #principalHint.field-info--placeholder::before{
    width:58px;
    box-shadow:
      72px 0 0 0 #edf0f5,
      144px 0 0 0 #edf0f5,
      216px 0 0 0 #edf0f5;
  }

  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    width:92px;
    box-shadow:
      106px 0 0 0 #edf0f5;
  }

}

@media (max-width:1199px){
  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:0px !important;
  }

  #principalHint.field-info::before,
  #rateHint.field-info::before,
  #monthsHint.field-info::before,
  #principalHint.field-info--placeholder::before,
  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    content:"" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:0 0 var(--field-info-inline-label-width, 82px) !important;
    width:var(--field-info-inline-label-width, 82px) !important;
    height:var(--credit-info-chip-height) !important;
    margin-left:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#6c6f73 !important;
    font-size:var(--credit-mobile-font-label) !important;
    font-weight:400 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  #principalHint.field-info::before,
  #principalHint.field-info--placeholder::before{
    content:"Shuma" !important;
  }

  #rateHint.field-info::before,
  #rateHint.field-info--placeholder::before{
    content:"Interesi" !important;
  }

  #monthsHint.field-info::before,
  #monthsHint.field-info--placeholder::before{
    content:"Afati" !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

body,
.credit-page{
  background:#ffffff !important;
}#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  min-height:48px !important;
  height:48px !important;
}

#principalRow .split-field-control,
#rateRow .split-field-control,
#monthsRow .split-field-control{
  min-height:46px !important;
  height:46px !important;
}

@media (max-width:1199px){
  :root{
    --credit-mobile-control-height:48px;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    padding-left:17px !important;
  }

  #principalHint.field-info::before,
  #rateHint.field-info::before,
  #monthsHint.field-info::before,
  #principalHint.field-info--placeholder::before,
  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    flex-basis:82px !important;
    width:82px !important;
  }

  .credit-actions .btn-min{
    min-height:48px !important;
    height:48px !important;
  }
}

#product.field-control--standalone{
  background:#ffffff !important;
}

.credit-grid > .field-row:first-child .field-input::after,
.loan-more-options-row::after{
  height:1px !important;
  background:linear-gradient(90deg, rgba(203,209,219,0.18) 0%, rgba(148,163,184,0.58) 50%, rgba(203,209,219,0.18) 100%) !important;
  box-shadow:none !important;
  animation:none !important;
}

.loan-more-options-row{
  margin-top:2px !important;
}

.credit-actions{
  margin-top:8px !important;
}

@media (max-width:1199px){
  .credit-page{
    padding-top:8px !important;
  }

  body.mobile-top-shell-active.credit-page{
    padding-top:calc(var(--mobile-top-shell-header-safe-height) + 6px) !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    padding-left:22px !important;
    gap:5px !important;
  }

  #principalHint.field-info::before,
  #rateHint.field-info::before,
  #monthsHint.field-info::before,
  #principalHint.field-info--placeholder::before,
  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    flex-basis:76px !important;
    width:76px !important;
  }
}

:root{
  --credit-inline-icon-size:24px;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  border-radius:24px !important;
  border-color:rgba(148,163,184,0.5) !important;
}

.split-field--principal .split-field-unit{
  min-height:48px !important;
  padding-right:10px !important;
}

.split-field--principal .split-field-unit--select{
  min-width:92px !important;
  padding-right:8px !important;
}

.split-field--principal .split-field-unit--select::after{
  right:2px !important;
  width:24px !important;
  height:24px !important;
  background-size:24px 24px !important;
}

.split-field--principal .split-field-unit-select{
  min-width:92px !important;
  height:46px !important;
  padding-right:28px !important;
  font-size:16px !important;
}

.split-field--principal .split-field-clear{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  margin-left:8px !important;
  margin-right:2px !important;
  border-radius:50% !important;
  background-size:24px 24px !important;
}

.split-field--principal .split-field-clear svg{
  width:15px !important;
  height:15px !important;
  stroke-width:2.25 !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding-right:8px !important;
}

.split-field--principal .split-field-control::placeholder{
  color:#9aa1aa !important;
  opacity:1 !important;
  font-weight:500;
}

.split-field--principal .split-field-unit{
  width:64px !important;
  min-width:64px !important;
  height:48px !important;
  min-height:48px !important;
  padding-right:0 !important;
  gap:7px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  color:#6f757c !important;
}

.split-field--principal .split-field-unit--select{
  width:104px !important;
  min-width:104px !important;
  padding-right:0 !important;
}

.split-field--principal .split-field-unit--select::after{
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:16px !important;
  height:10px !important;
  background-size:16px 10px !important;
}

.split-field--principal .split-field-unit-select{
  width:104px !important;
  min-width:104px !important;
  height:48px !important;
  padding-right:30px !important;
  color:#6f757c !important;
  line-height:48px !important;
  text-align:right !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

.split-field--principal .split-field-clear{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  background-size:22px 22px !important;
  background-position:center !important;
}

body,
.credit-page{
  background:#f6f7f9 !important;
}

#product.field-control--standalone,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  background:#ffffff !important;
  border-color:rgba(142,150,160,0.34) !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.95) inset !important;
}

#product.field-control--standalone,
.split-field--principal .split-field-control{
  color:#1f2328 !important;
}

.split-field--principal .split-field-control::placeholder{
  color:#777d84 !important;
  opacity:1 !important;
  font-weight:500;
}

#principalHint.field-info::before,
#rateHint.field-info::before,
#monthsHint.field-info::before,
#principalHint.field-info--placeholder::before,
#rateHint.field-info--placeholder::before,
#monthsHint.field-info--placeholder::before{
  color:#5f6368 !important;
}

.split-field--principal .split-field-unit,
.split-field--principal .split-field-unit-select{
  color:#5f6368 !important;
}

.split-field--principal .split-field-unit--select::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11'%3E%3Cpath d='M2 2.2L9 8.8l7-6.6' fill='none' stroke='%231f2328' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.split-field--principal .split-field-clear{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='9.8' fill='%236f757c'/%3E%3Cpath d='M7.8 7.8l6.4 6.4M14.2 7.8l-6.4 6.4' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#product.field-control--standalone{
  background:transparent !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  border-color:transparent !important;
}

@media (max-width:480px){
  .credit-grid{
    gap:7px !important;
  }

  .field-row{
    gap:2px !important;
  }

  .credit-grid > .field-row:not(:first-child){
    margin-top:4px !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:calc(100% - 82px) !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  #principalHint.field-info::before,
  #rateHint.field-info::before,
  #monthsHint.field-info::before,
  #principalHint.field-info--placeholder::before,
  #rateHint.field-info--placeholder::before,
  #monthsHint.field-info--placeholder::before{
    flex:0 0 72px !important;
    width:72px !important;
  }

  .split-field--principal .split-field-control{
    min-width:0 !important;
    font-size:15px !important;
  }

  .split-field--principal .split-field-control::placeholder{
    font-size:14px !important;
  }

  .split-field--principal .split-field-unit{
    width:58px !important;
    min-width:58px !important;
  }

  .split-field--principal .split-field-unit--select,
  .split-field--principal .split-field-unit-select{
    width:96px !important;
    min-width:96px !important;
  }

  .loan-more-options-row{
    margin-top:0 !important;
  }

  .credit-actions{
    display:grid !important;
    grid-template-columns:minmax(98px, .36fr) minmax(0, 1fr) !important;
    gap:8px !important;
    width:100% !important;
    margin-top:7px !important;
  }

  .credit-actions > .btn-min,
  .credit-actions > .btn-min.btn-primary,
  .credit-actions > .btn-min.btn-secondary{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .credit-actions .btn-min{
    font-size:14px !important;
    gap:7px !important;
  }
}

#principalRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#principalRow .split-field-body input.split-field-control{
  flex:1 1 auto !important;
  min-width:0 !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 16px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
}

#principalRow .split-field-unit--select{
  flex:0 0 108px !important;
  width:108px !important;
  min-width:108px !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 12px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
  justify-content:flex-end !important;
}

#principalRow .split-field-unit--select::after{
  right:12px !important;
}

#principalRow .split-field-unit-select{
  width:100% !important;
  min-width:0 !important;
  height:48px !important;
  padding:0 30px 0 0 !important;
  line-height:48px !important;
  text-align:right !important;
  background:transparent !important;
}

@media (max-width:480px){
  #principalRow .split-field-body{
    gap:7px !important;
  }

  #principalRow .split-field-unit--select{
    flex-basis:100px !important;
    width:100px !important;
    min-width:100px !important;
  }
}

#rateRow .split-field-body,
#monthsRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  flex:1 1 auto !important;
  min-width:0 !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 16px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
}

#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  position:relative !important;
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:48px !important;
}

#principalRow .split-field-entry input.split-field-control,
#rateRow .split-field-entry input.split-field-control,
#monthsRow .split-field-entry input.split-field-control{
  width:100% !important;
  padding-right:44px !important;
}

#principalRow .split-field-entry .split-field-clear,
#rateRow .split-field-entry .split-field-clear,
#monthsRow .split-field-entry .split-field-clear{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  display:none !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  border-radius:50% !important;
  background-color:#000000 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23000000'/%3E%3Cpath d='M8.3 8.3l7.4 7.4M15.7 8.3l-7.4 7.4' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:24px 24px !important;
  box-shadow:none !important;
  opacity:1 !important;
}

#principalRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear,
#rateRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear,
#monthsRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear{
  display:inline-flex !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  text-align:left !important;
}

#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  flex:0 0 108px !important;
  width:108px !important;
  min-width:108px !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 10px 0 12px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
}

#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  justify-content:center !important;
}

#currency{
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  color:#6f757c !important;
  font-family:var(--font-ui) !important;
}

#rateRow .split-field-clear,
#monthsRow .split-field-clear{
  margin:0 !important;
}

@media (max-width:480px){
  #rateRow .split-field-body,
  #monthsRow .split-field-body{
    gap:7px !important;
  }

  #rateRow .split-field-unit,
  #monthsRow .split-field-unit{
    flex-basis:100px !important;
    width:100px !important;
    min-width:100px !important;
  }
}

#principalRow .split-field-unit--select{
  position:relative !important;
  flex:0 0 104px !important;
  width:104px !important;
  min-width:104px !important;
  padding:0 !important;
  justify-content:center !important;
}

#principalRow .split-field-unit-select{
  width:auto !important;
  min-width:0 !important;
  max-width:70px !important;
  height:48px !important;
  padding:0 24px 0 0 !important;
  color:#5f6368 !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:48px !important;
  text-align:center !important;
}

#principalRow .split-field-unit--select::after{
  right:18px !important;
  width:16px !important;
  height:10px !important;
  background-size:16px 10px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2.1L8 7.9l6-5.8' fill='none' stroke='%235f6368' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

@media (max-width:480px){
  #principalRow .split-field-unit--select{
    flex-basis:104px !important;
    width:104px !important;
    min-width:104px !important;
  }
}

#product.field-control--standalone{
  height:48px !important;
  min-height:48px !important;
  padding:0 44px 0 18px !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.96) inset !important;
  color:#5f6368 !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:48px !important;
  letter-spacing:0 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2.1L8 7.9l6-5.8' fill='none' stroke='%235f6368' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 18px center !important;
  background-size:16px 10px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:#70757a !important;
}

#product.field-control--standalone.is-selected{
  color:#000000 !important;
}

#product.field-control--standalone,
#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  font-size:16px !important;
}

#product.field-control--standalone{
  background-color:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
}

/* iOS-style input capsules */
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  min-height:52px !important;
  height:52px !important;
  gap:8px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#product.field-control--standalone,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry,
#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  height:52px !important;
  min-height:52px !important;
  border:0 !important;
  border-radius:9999px !important;
  background:#F2F2F7 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  padding-left:16px !important;
  color:#000000 !important;
  caret-color:#007AFF !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:52px !important;
  letter-spacing:0 !important;
}

#product.field-control--standalone{
  padding-left:16px !important;
  padding-right:44px !important;
  color:#000000 !important;
  caret-color:#007AFF !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:52px !important;
  letter-spacing:0 !important;
  background-color:#F2F2F7 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2.1L8 7.9l6-5.8' fill='none' stroke='%238E8E93' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 18px center !important;
  background-size:16px 10px !important;
}

#product.field-control--standalone.is-placeholder{
  color:#8E8E93 !important;
  font-weight:600 !important;
}

#product.field-control--standalone.is-selected{
  color:#000000 !important;
  font-weight:600 !important;
}

#principalRow .split-field-entry input.split-field-control,
#rateRow .split-field-entry input.split-field-control,
#monthsRow .split-field-entry input.split-field-control{
  width:100% !important;
  padding-right:42px !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  opacity:1 !important;
  font-weight:600 !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  flex-basis:108px !important;
  width:108px !important;
  min-width:108px !important;
  justify-content:center !important;
  padding:0 12px !important;
}

#principalRow .split-field-unit-select{
  height:52px !important;
  line-height:52px !important;
  color:#000000 !important;
  font-size:16px !important;
  font-weight:600 !important;
}

#principalRow .split-field-unit-select{
  padding:0 24px 0 0 !important;
}

#principalRow .split-field-unit--select::after{
  right:18px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2.1L8 7.9l6-5.8' fill='none' stroke='%238E8E93' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#principalRow .split-field-entry .split-field-clear,
#rateRow .split-field-entry .split-field-clear,
#monthsRow .split-field-entry .split-field-clear{
  right:14px !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  background-color:#1C1C1E !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%231C1C1E'/%3E%3Cpath d='M6.9 6.9l6.2 6.2M13.1 6.9l-6.2 6.2' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size:20px 20px !important;
}

#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  background:#1C1C1E !important;
  background-color:#1C1C1E !important;
  border-color:#1C1C1E !important;
  color:#ffffff !important;
  box-shadow:0 2px 7px rgba(28,28,30,0.18) !important;
}

@keyframes productUnderlineIosShine{
  0%{
    background-position:0 0, -45% 0;
  }
  50%{
    background-position:0 0, 145% 0;
  }
  100%{
    background-position:0 0, -45% 0;
  }
}

#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry,
#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  background:#ffffff !important;
}

#product.field-control--standalone{
  height:52px !important;
  min-height:52px !important;
  padding:0 44px 0 16px !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

.credit-grid > .field-row:first-child .field-input::after{
  height:2px !important;
  background:
    linear-gradient(90deg, rgba(198,204,214,0.16) 0%, rgba(142,142,147,0.62) 50%, rgba(198,204,214,0.16) 100%),
    linear-gradient(105deg, rgba(255,255,255,0) 14%, rgba(255,255,255,0.96) 45%, rgba(255,255,255,0.18) 54%, rgba(255,255,255,0) 72%) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:100% 100%, 34% 100% !important;
  background-position:0 0, -45% 0 !important;
  box-shadow:0 0 10px rgba(0,122,255,0.08) !important;
  animation:productUnderlineIosShine 3.4s cubic-bezier(.4,0,.2,1) infinite !important;
}

.credit-grid > .field-row:first-child .field-input::before{
  display:none !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint.field-info--placeholder,
#rateHint.field-info--placeholder,
#monthsHint.field-info--placeholder{
  gap:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

#principalHint::before,
#rateHint::before,
#monthsHint::before,
#principalHint.field-info::before,
#rateHint.field-info::before,
#monthsHint.field-info::before,
#principalHint.field-info--placeholder::before,
#rateHint.field-info--placeholder::before,
#monthsHint.field-info--placeholder::before{
  content:none !important;
  display:none !important;
  flex:0 0 0 !important;
  width:0 !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  flex:1 1 100% !important;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (max-width:1199px){
  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    flex:0 0 var(--field-info-viewport-width, 100vw) !important;
    width:var(--field-info-viewport-width, 100vw) !important;
    max-width:var(--field-info-viewport-width, 100vw) !important;
    margin-left:var(--field-info-viewport-offset, 0px) !important;
    padding-left:var(--field-info-screen-inset, 0px) !important;
    padding-right:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
  #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
  #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
    display:none !important;
  }

  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values,
  #rateHint .field-choice-strip,
  #rateHint .field-choice-values,
  #monthsHint .field-choice-strip,
  #monthsHint .field-choice-values{
    max-width:none !important;
    width:max-content !important;
    min-width:max-content !important;
  }
}

@media (max-width:480px){
  #principalRow,
  #rateRow,
  #monthsRow{
    gap:7px !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    min-height:26px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    align-items:center !important;
    transform:translateY(-4px) !important;
  }

  .credit-grid > .field-row:not(:first-child){
    margin-top:8px !important;
  }
}
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#inputSection #principalHint .field-fill-choice,
#inputSection #rateHint .field-fill-choice,
#inputSection #monthsHint .field-fill-choice{
  background:transparent !important;
  background-color:transparent !important;
  border:1px solid rgba(108,117,125,0.28) !important;
  color:#3f454b !important;
  box-shadow:none !important;
}

#principalHint .field-fill-choice:hover,
#principalHint .field-fill-choice:focus-visible,
#rateHint .field-fill-choice:hover,
#rateHint .field-fill-choice:focus-visible,
#monthsHint .field-fill-choice:hover,
#monthsHint .field-fill-choice:focus-visible{
  background:transparent !important;
  background-color:transparent !important;
  border-color:rgba(108,117,125,0.42) !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  background:#1C1C1E !important;
  background-color:#1C1C1E !important;
  border-color:#1C1C1E !important;
  color:#ffffff !important;
  box-shadow:0 2px 7px rgba(28,28,30,0.18) !important;
}

@media (max-width:1199px){
  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    box-sizing:border-box !important;
    flex:0 0 var(--field-info-viewport-width, 100vw) !important;
    width:var(--field-info-viewport-width, 100vw) !important;
    min-width:var(--field-info-viewport-width, 100vw) !important;
    max-width:var(--field-info-viewport-width, 100vw) !important;
    margin-left:var(--field-info-viewport-offset, 0px) !important;
    margin-right:0 !important;
    padding-left:var(--field-info-screen-inset, 0px) !important;
    padding-right:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
  #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
  #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
    display:none !important;
  }

  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values,
  #rateHint .field-choice-strip,
  #rateHint .field-choice-values,
  #monthsHint .field-choice-strip,
  #monthsHint .field-choice-values{
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
    overflow:visible !important;
  }
}

@media (min-width:1200px){
  :root{
    --credit-mobile-label-col:68px;
    --credit-mobile-field-gap:5px;
    --credit-mobile-control-height:52px;
    --credit-mobile-page-padding:12px;
    --credit-mobile-panel-padding:0px;
    --credit-mobile-grid-gap:7px;
    --credit-mobile-font-label:14px;
    --credit-mobile-font-control:18px;
    --credit-mobile-table-width:500px;
    --credit-info-chip-height:25px;
    --credit-info-chip-font-size:0.66rem;
    --credit-info-chip-padding-x:8px;
    --field-info-content-offset:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap));
  }

  .credit-grid{
    gap:7px !important;
  }

  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:calc(var(--credit-mobile-label-col) + var(--credit-mobile-field-gap));
    gap:2px !important;
    margin-top:4px !important;
  }

  #principalRow .split-field--principal,
  #rateRow .split-field--principal,
  #monthsRow .split-field--principal{
    display:grid !important;
    grid-template-columns:var(--credit-mobile-label-col) minmax(0, 1fr) !important;
    gap:var(--credit-mobile-field-gap) !important;
    width:100% !important;
    align-items:center !important;
  }

  #principalRow .split-field-label,
  #rateRow .split-field-label,
  #monthsRow .split-field-label{
    grid-column:1 !important;
    width:var(--credit-mobile-label-col) !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:var(--credit-mobile-control-height) !important;
    padding:0 !important;
    justify-content:flex-start !important;
    color:#6c6f73 !important;
    font-size:var(--credit-mobile-font-label) !important;
    font-weight:400 !important;
    line-height:1.1 !important;
  }

  #principalRow .split-field-label-text,
  #rateRow .split-field-label-text,
  #monthsRow .split-field-label-text{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #principalRow .split-field-body,
  #rateRow .split-field-body,
  #monthsRow .split-field-body{
    grid-column:2 !important;
    width:100% !important;
    max-width:none !important;
    min-height:52px !important;
    height:52px !important;
    padding:0 !important;
  }

  #principalHint,
  #rateHint,
  #monthsHint,
  #principalHint.is-visible,
  #rateHint.is-visible,
  #monthsHint.is-visible{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:visible !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    box-sizing:border-box !important;
    flex:0 0 var(--field-info-viewport-width, 100vw) !important;
    width:var(--field-info-viewport-width, 100vw) !important;
    min-width:var(--field-info-viewport-width, 100vw) !important;
    max-width:var(--field-info-viewport-width, 100vw) !important;
    margin-left:var(--field-info-viewport-offset, 0px) !important;
    margin-right:0 !important;
    padding-left:calc(var(--field-info-screen-inset, 0px) + var(--field-info-content-offset, 0px)) !important;
    padding-right:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #principalHint .field-info-scroll-viewport::-webkit-scrollbar,
  #rateHint .field-info-scroll-viewport::-webkit-scrollbar,
  #monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
    display:none !important;
  }

  #principalHint .field-choice-strip--expandable,
  #principalHint .field-choice-values,
  #rateHint .field-choice-strip,
  #rateHint .field-choice-values,
  #monthsHint .field-choice-strip,
  #monthsHint .field-choice-values{
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
    overflow:visible !important;
  }

  #principalHint .field-info-expand,
  #principalHint .field-choice-strip--expandable .field-info-expand,
  #principalHint .field-choice-strip--expandable.is-expanded .field-info-expand{
    display:none !important;
  }

  .credit-page{
    padding:var(--credit-mobile-page-padding) !important;
    padding-bottom:calc(var(--credit-mobile-page-padding) + var(--mobile-keyboard-inset) + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
  }

  .credit-wrap{
    max-width:100% !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .credit-panel,
  .table-panel{
    padding:var(--credit-mobile-panel-padding) !important;
    box-shadow:none !important;
  }

  .credit-panel{
    width:calc(100% - (var(--credit-mobile-page-padding) * 2)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .credit-grid{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .field-row{
    min-height:auto !important;
    gap:2px !important;
  }

  #inputSection{
    padding:14px !important;
  }

  #product.field-control--standalone{
    min-height:52px !important;
    height:52px !important;
    padding-left:16px !important;
    padding-right:44px !important;
    font-size:18px !important;
    font-weight:600 !important;
    color:#000000 !important;
    background-color:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #product.field-control--standalone.is-placeholder{
    color:#8E8E93 !important;
  }

  #principalRow .split-field-body input.split-field-control,
  #rateRow .split-field-body input.split-field-control,
  #monthsRow .split-field-body input.split-field-control{
    min-height:52px !important;
    height:52px !important;
    padding-left:16px !important;
    padding-right:42px !important;
    color:#000000 !important;
    font-size:18px !important;
    font-weight:600 !important;
    line-height:52px !important;
  }

  #principalRow .split-field-body input.split-field-control::placeholder,
  #rateRow .split-field-body input.split-field-control::placeholder,
  #monthsRow .split-field-body input.split-field-control::placeholder{
    color:#8E8E93 !important;
    font-size:18px !important;
    font-weight:600 !important;
    opacity:1 !important;
  }

  #principalRow .split-field-entry,
  #rateRow .split-field-entry,
  #monthsRow .split-field-entry,
  #principalRow .split-field-body input.split-field-control,
  #rateRow .split-field-body input.split-field-control,
  #monthsRow .split-field-body input.split-field-control,
  #principalRow .split-field-unit--select,
  #rateRow .split-field-unit,
  #monthsRow .split-field-unit{
    background:#ffffff !important;
    border:0 !important;
    border-radius:9999px !important;
    box-shadow:none !important;
  }

  #principalRow .split-field-unit--select,
  #rateRow .split-field-unit,
  #monthsRow .split-field-unit{
    flex-basis:108px !important;
    width:108px !important;
    min-width:108px !important;
    height:52px !important;
    min-height:52px !important;
    justify-content:center !important;
    padding:0 12px !important;
  }

  #principalRow .split-field-unit-select{
    height:52px !important;
    line-height:52px !important;
    color:#000000 !important;
    font-size:16px !important;
    font-weight:600 !important;
  }

  #principalRow .split-field-entry .split-field-clear,
  #rateRow .split-field-entry .split-field-clear,
  #monthsRow .split-field-entry .split-field-clear{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    right:14px !important;
    background-size:20px 20px !important;
  }

  .credit-actions{
    display:grid !important;
    grid-template-columns:minmax(98px, .36fr) minmax(0, 1fr) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:7px !important;
  }

  .credit-actions > .btn-min,
  .credit-actions > .btn-min.btn-primary,
  .credit-actions > .btn-min.btn-secondary{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .credit-actions .btn-min{
    min-height:48px !important;
    height:48px !important;
    font-size:14px !important;
    gap:7px !important;
  }

  .table-panel{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:visible !important;
  }

  .loan-table{
    min-width:var(--credit-mobile-table-width) !important;
    width:max(100%, var(--credit-mobile-table-width)) !important;
    font-size:0.7rem !important;
    table-layout:fixed !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
}

@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page{
    padding-top:calc(var(--mobile-top-shell-header-safe-height) + 6px) !important;
  }

  #principalRow,
  #rateRow,
  #monthsRow{
    --field-info-content-offset:0px !important;
  }

  #principalRow .split-field--principal,
  #rateRow .split-field--principal,
  #monthsRow .split-field--principal{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  #principalRow .split-field-label,
  #rateRow .split-field-label,
  #monthsRow .split-field-label{
    display:none !important;
  }

  #principalRow .split-field-body,
  #rateRow .split-field-body,
  #monthsRow .split-field-body{
    grid-column:1 !important;
  }

  #principalHint .field-info-scroll-viewport,
  #rateHint .field-info-scroll-viewport,
  #monthsHint .field-info-scroll-viewport,
  #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
  #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
    padding-left:var(--field-info-screen-inset, 0px) !important;
  }
}

/* iOS-style principal amount card: clean final pass. */
#principalRow{
  --principal-card-radius:16px;
  --principal-card-top:36px;
  --principal-card-bottom:54px;
  --principal-card-pad-x:24px;
  --principal-title-width:62px;
  --principal-meta-size:12px;
  --principal-meta-weight:600;
  --principal-meta-line-height:1.2;
  --principal-meta-tracking:0;
  --ios-label:#000000;
  --ios-secondary-label:#8E8E93;
  --ios-tertiary-label:#C7C7CC;
  --ios-blue:#007AFF;
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--principal-card-top) var(--principal-card-bottom) !important;
  gap:0 !important;
  min-height:calc(var(--principal-card-top) + var(--principal-card-bottom)) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:var(--principal-card-radius) !important;
  box-shadow:none !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#principalRow::before{
  content:"SHUMA";
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:calc(var(--principal-card-pad-x) + var(--principal-title-width));
  height:var(--principal-card-top);
  padding-left:var(--principal-card-pad-x);
  background:linear-gradient(90deg, #ffffff 0%, #ffffff 78%, rgba(255,255,255,0) 100%);
  color:var(--ios-secondary-label);
  font-size:var(--principal-meta-size);
  font-weight:var(--principal-meta-weight);
  line-height:var(--principal-meta-line-height);
  letter-spacing:var(--principal-meta-tracking);
  white-space:nowrap;
  pointer-events:none;
}

#principalRow::after{
  content:none !important;
  display:none !important;
}

#principalRow .field-input{
  order:2 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
}

#principalRow .split-field--principal{
  display:block !important;
  width:100% !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
}

#principalRow .split-field-label{
  display:none !important;
}

#principalRow .split-field-body{
  grid-column:1 !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
  padding:0 var(--principal-card-pad-x) 0 var(--principal-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-entry{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control{
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
  padding:0 44px 0 0 !important;
  color:var(--ios-label) !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:var(--principal-card-bottom) !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control::placeholder{
  color:var(--ios-secondary-label) !important;
  font-size:24px !important;
  font-weight:700 !important;
  opacity:1 !important;
}

#principalRow .split-field-entry .split-field-clear{
  right:8px !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
}

#principalRow .split-field-unit--select{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 108px !important;
  width:108px !important;
  min-width:108px !important;
  min-height:var(--principal-card-bottom) !important;
  height:var(--principal-card-bottom) !important;
  padding:0 26px 0 8px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-unit-select{
  width:100% !important;
  min-width:0 !important;
  height:var(--principal-card-bottom) !important;
  line-height:var(--principal-card-bottom) !important;
  padding:0 !important;
  color:var(--ios-secondary-label) !important;
  font-size:24px !important;
  font-weight:600 !important;
  text-align:right !important;
  background:transparent !important;
}

#principalRow .split-field-unit--select::after{
  right:0 !important;
  width:17px !important;
  height:11px !important;
  background-size:17px 11px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='11' viewBox='0 0 17 11'%3E%3Cpath d='M3 3L8.5 8.5L14 3' fill='none' stroke='%238E8E93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#principalHint[hidden]{
  display:none !important;
}

#principalHint,
#principalHint.is-visible{
  order:1 !important;
  grid-row:1 !important;
  position:relative !important;
  z-index:1 !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:var(--principal-card-top) !important;
  height:var(--principal-card-top) !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  transform:none !important;
  background:transparent !important;
}

#principalHint.is-visible{
  display:flex !important;
}

#principalHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:var(--principal-card-top) !important;
  margin:0 !important;
  padding:0 var(--principal-card-pad-x) 0 calc(var(--principal-card-pad-x) + var(--principal-title-width)) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#principalHint .field-info-scroll-viewport::-webkit-scrollbar{
  display:none !important;
}

#principalHint .field-choice-strip--expandable,
#principalHint .field-choice-values{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  gap:6px !important;
}

#principalHint .field-choice-range,
#principalHint .field-choice-item,
#principalHint .field-choice-value-cell{
  display:inline-flex !important;
  align-items:center !important;
  line-height:var(--principal-meta-line-height) !important;
}

#principalHint .field-fill-choice,
#inputSection #principalHint .field-fill-choice,
#principalHint .field-info-expand{
  min-height:auto !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--ios-secondary-label) !important;
  font-size:var(--principal-meta-size) !important;
  font-weight:var(--principal-meta-weight) !important;
  line-height:var(--principal-meta-line-height) !important;
  letter-spacing:var(--principal-meta-tracking) !important;
}

#principalHint .field-choice-separator,
#principalHint .field-choice-divider,
#principalHint .field-choice-list-separator{
  color:var(--ios-secondary-label) !important;
  font-size:var(--principal-meta-size) !important;
  font-weight:var(--principal-meta-weight) !important;
  line-height:var(--principal-meta-line-height) !important;
  letter-spacing:var(--principal-meta-tracking) !important;
}

#principalHint .field-info-expand{
  display:none !important;
}

@media (max-width:720px){
  #principalRow{
    --principal-card-radius:15px;
    --principal-card-top:34px;
    --principal-card-bottom:52px;
    --principal-card-pad-x:22px;
    --principal-title-width:62px;
  }

  #principalRow::before{
    font-size:var(--principal-meta-size);
    letter-spacing:var(--principal-meta-tracking);
  }

  #principalRow .split-field-body input.split-field-control{
    padding-right:38px !important;
    font-size:24px !important;
  }

  #principalRow .split-field-body input.split-field-control::placeholder{
    font-size:24px !important;
  }

  #principalRow .split-field-unit--select{
    flex-basis:104px !important;
    width:104px !important;
    min-width:104px !important;
    padding-right:26px !important;
  }

  #principalRow .split-field-unit-select{
    font-size:24px !important;
  }

  #principalRow .split-field-unit--select::after{
    width:16px !important;
    height:10px !important;
    background-size:16px 10px !important;
  }

  #principalHint .field-fill-choice,
  #inputSection #principalHint .field-fill-choice,
  #principalHint .field-info-expand,
  #principalHint .field-choice-separator,
  #principalHint .field-choice-divider,
  #principalHint .field-choice-list-separator{
    font-size:12px !important;
  }
}

#rateRow,
#monthsRow{
  --field-card-radius:16px;
  --field-card-top:36px;
  --field-card-bottom:54px;
  --field-card-pad-x:24px;
  --field-title-width:62px;
  --field-meta-size:12px;
  --field-meta-weight:600;
  --field-meta-line-height:1.2;
  --field-meta-tracking:0;
  --ios-label:#000000;
  --ios-secondary-label:#8E8E93;
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--field-card-top) var(--field-card-bottom) !important;
  gap:0 !important;
  min-height:calc(var(--field-card-top) + var(--field-card-bottom)) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:var(--field-card-radius) !important;
  box-shadow:none !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#rateRow{
  --field-title-width:66px;
}

#monthsRow{
  --field-title-width:46px;
}

#rateRow::before,
#monthsRow::before{
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:calc(var(--field-card-pad-x) + var(--field-title-width));
  height:var(--field-card-top);
  padding-left:var(--field-card-pad-x);
  background:linear-gradient(90deg, #ffffff 0%, #ffffff 78%, rgba(255,255,255,0) 100%);
  color:var(--ios-secondary-label);
  font-size:var(--field-meta-size);
  font-weight:var(--field-meta-weight);
  line-height:var(--field-meta-line-height);
  letter-spacing:var(--field-meta-tracking);
  white-space:nowrap;
  pointer-events:none;
}

#rateRow::before{
  content:"INTERESI";
}

#monthsRow::before{
  content:"AFATI";
}

#rateRow::after,
#monthsRow::after{
  content:none !important;
  display:none !important;
}

#rateRow .field-input,
#monthsRow .field-input{
  order:2 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
}

#rateRow .split-field--principal,
#monthsRow .split-field--principal{
  display:block !important;
  width:100% !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
}

#rateRow .split-field-label,
#monthsRow .split-field-label{
  display:none !important;
}

#rateRow .split-field-body,
#monthsRow .split-field-body{
  grid-column:1 !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
  padding:0 var(--field-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
  padding:0 40px 0 0 !important;
  color:var(--ios-label) !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:var(--field-card-bottom) !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 126px !important;
  width:126px !important;
  min-width:126px !important;
  min-height:var(--field-card-bottom) !important;
  height:var(--field-card-bottom) !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}


#rateHint[hidden],
#monthsHint[hidden]{
  display:none !important;
}

#rateHint,
#rateHint.is-visible,
#monthsHint,
#monthsHint.is-visible{
  order:1 !important;
  grid-row:1 !important;
  position:relative !important;
  z-index:1 !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:var(--field-card-top) !important;
  height:var(--field-card-top) !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  transform:none !important;
  background:transparent !important;
}

#rateHint.is-visible,
#monthsHint.is-visible{
  display:flex !important;
}

#rateHint .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:var(--field-card-top) !important;
  margin:0 !important;
  padding:0 var(--field-card-pad-x) 0 calc(var(--field-card-pad-x) + var(--field-title-width)) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#rateHint .field-info-scroll-viewport::-webkit-scrollbar,
#monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
  display:none !important;
}

#rateHint .field-choice-strip,
#rateHint .field-choice-values,
#monthsHint .field-choice-strip,
#monthsHint .field-choice-values{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  gap:6px !important;
}

#rateHint .field-choice-range,
#rateHint .field-choice-item,
#rateHint .field-choice-value-cell,
#monthsHint .field-choice-range,
#monthsHint .field-choice-item,
#monthsHint .field-choice-value-cell{
  display:inline-flex !important;
  align-items:center !important;
  line-height:var(--field-meta-line-height) !important;
}

#rateHint .field-fill-choice,
#inputSection #rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#inputSection #monthsHint .field-fill-choice,
#rateHint .field-info-expand,
#monthsHint .field-info-expand,
#rateHint .field-choice-separator,
#rateHint .field-choice-divider,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-separator,
#monthsHint .field-choice-divider,
#monthsHint .field-choice-list-separator{
  min-height:auto !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--ios-secondary-label) !important;
  font-size:var(--field-meta-size) !important;
  font-weight:var(--field-meta-weight) !important;
  line-height:var(--field-meta-line-height) !important;
  letter-spacing:var(--field-meta-tracking) !important;
}

#rateHint .field-info-expand,
#monthsHint .field-info-expand{
  display:none !important;
}

@media (max-width:720px){
  #rateRow,
  #monthsRow{
    --field-card-radius:15px;
    --field-card-top:34px;
    --field-card-bottom:52px;
    --field-card-pad-x:22px;
  }

  #rateRow{
    --field-title-width:66px;
  }

  #monthsRow{
    --field-title-width:46px;
  }

  #rateRow .split-field-unit,
  #monthsRow .split-field-unit{
    flex-basis:108px !important;
    width:108px !important;
    min-width:108px !important;
  }

}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  background:rgba(0,122,255,0.12) !important;
  background-color:rgba(0,122,255,0.12) !important;
  border:1px solid rgba(0,122,255,0.22) !important;
  border-radius:999px !important;
  color:#007AFF !important;
  box-shadow:0 1px 2px rgba(0,122,255,0.08) inset !important;
}

#principalHint .field-fill-choice.is-selected:hover,
#rateHint .field-fill-choice.is-selected:hover,
#monthsHint .field-fill-choice.is-selected:hover,
#principalHint .field-fill-choice.is-selected:focus-visible,
#rateHint .field-fill-choice.is-selected:focus-visible,
#monthsHint .field-fill-choice.is-selected:focus-visible{
  background:rgba(0,122,255,0.16) !important;
  background-color:rgba(0,122,255,0.16) !important;
  border-color:rgba(0,122,255,0.32) !important;
  color:#007AFF !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#product.field-control--standalone{
  height:52px !important;
  min-height:52px !important;
  padding:0 44px 0 16px !important;
  color:#8E8E93 !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:52px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:#8E8E93 !important;
  font-weight:600 !important;
}

#product.field-control--standalone.is-selected{
  color:#000000 !important;
  font-weight:700 !important;
}

#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  color:#000000 !important;
  font-size:18px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

/* Final iOS audit pass: stabilize the three value cards after all legacy overrides. */
#principalRow,
#rateRow,
#monthsRow{
  --audit-card-radius:16px;
  --audit-card-top:34px;
  --audit-card-bottom:52px;
  --audit-card-pad-x:22px;
  --audit-meta-size:12px;
  --audit-meta-weight:600;
  --audit-meta-line-height:1.2;
  --audit-meta-color:#8E8E93;
  --audit-value-size:18px;
  --audit-value-weight:700;
  --audit-placeholder-weight:600;
  --audit-value-color:#000000;
  --audit-placeholder-color:#8E8E93;
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--audit-card-top) var(--audit-card-bottom) !important;
  min-height:calc(var(--audit-card-top) + var(--audit-card-bottom)) !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:var(--audit-card-radius) !important;
  box-shadow:none !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#principalRow{
  --principal-card-top:var(--audit-card-top);
  --principal-card-bottom:var(--audit-card-bottom);
  --principal-card-pad-x:var(--audit-card-pad-x);
  --principal-card-radius:var(--audit-card-radius);
  --principal-title-width:62px;
}

#rateRow,
#monthsRow{
  --field-card-top:var(--audit-card-top);
  --field-card-bottom:var(--audit-card-bottom);
  --field-card-pad-x:var(--audit-card-pad-x);
  --field-card-radius:var(--audit-card-radius);
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  z-index:4 !important;
  height:var(--audit-card-top) !important;
  color:var(--audit-meta-color) !important;
  font-size:var(--audit-meta-size) !important;
  font-weight:var(--audit-meta-weight) !important;
  line-height:var(--audit-meta-line-height) !important;
  letter-spacing:0 !important;
  background:linear-gradient(90deg, #ffffff 0%, #ffffff 78%, rgba(255,255,255,0) 100%) !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible{
  min-height:var(--audit-card-top) !important;
  height:var(--audit-card-top) !important;
  overflow:hidden !important;
  transform:none !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  height:var(--audit-card-top) !important;
  align-items:center !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:var(--audit-card-bottom) !important;
  height:var(--audit-card-bottom) !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding:0 var(--audit-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--audit-card-bottom) !important;
  height:var(--audit-card-bottom) !important;
  color:var(--audit-value-color) !important;
  font-size:var(--audit-value-size) !important;
  font-weight:var(--audit-value-weight) !important;
  line-height:var(--audit-card-bottom) !important;
  letter-spacing:0 !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:var(--audit-placeholder-color) !important;
  font-size:var(--audit-value-size) !important;
  font-weight:var(--audit-placeholder-weight) !important;
  line-height:var(--audit-card-bottom) !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  min-height:var(--audit-card-bottom) !important;
  height:var(--audit-card-bottom) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-unit-select,

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  color:var(--audit-meta-color) !important;
  font-size:var(--audit-meta-size) !important;
  font-weight:var(--audit-meta-weight) !important;
  line-height:var(--audit-meta-line-height) !important;
  letter-spacing:0 !important;
}

/* Final typography lock: product, labels, infos, values. */
#principalRow,
#rateRow,
#monthsRow{
  --audit-meta-size:12px;
  --audit-meta-weight:600;
  --audit-meta-line-height:1.2;
  --audit-meta-color:#8E8E93;
  --audit-value-size:24px;
  --audit-value-weight:600;
  --audit-placeholder-weight:600;
  --audit-value-color:#000000;
  --audit-placeholder-color:#8E8E93;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  color:var(--audit-meta-color) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-unit-select,

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#8E8E93 !important;
  font-size:24px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#product.field-control--standalone{
  color:#8E8E93 !important;
  font-size:24px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:#8E8E93 !important;
  font-size:24px !important;
  font-weight:600 !important;
}

#product.field-control--standalone.is-selected{
  color:#000000 !important;
  font-size:24px !important;
  font-weight:600 !important;
}

/* iOS minimal form reset: single source of truth for the credit inputs. */
#inputSection{
  --ios-form-font:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --ios-bg:#F2F2F7;
  --ios-card:#FFFFFF;
  --ios-text:#000000;
  --ios-secondary:#8E8E93;
  --ios-separator:rgba(60,60,67,0.18);
  --ios-blue:#007AFF;
  --ios-product-size:22px;
  --ios-value-size:22px;
  --ios-meta-size:12px;
  --ios-main-weight:600;
  --ios-meta-weight:600;
  --ios-card-radius:18px;
  --ios-card-top:32px;
  --ios-card-bottom:56px;
  --ios-card-pad-x:22px;
  font-family:var(--ios-form-font) !important;
}

#product.field-control--standalone{
  height:52px !important;
  min-height:52px !important;
  padding:0 44px 0 16px !important;
  color:var(--ios-secondary) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-product-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:52px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:var(--ios-secondary) !important;
  font-weight:var(--ios-main-weight) !important;
}

#product.field-control--standalone.is-selected{
  color:var(--ios-text) !important;
  font-weight:var(--ios-main-weight) !important;
}

#principalRow,
#rateRow,
#monthsRow{
  --principal-card-radius:var(--ios-card-radius);
  --principal-card-top:var(--ios-card-top);
  --principal-card-bottom:var(--ios-card-bottom);
  --principal-card-pad-x:var(--ios-card-pad-x);
  --field-card-radius:var(--ios-card-radius);
  --field-card-top:var(--ios-card-top);
  --field-card-bottom:var(--ios-card-bottom);
  --field-card-pad-x:var(--ios-card-pad-x);
  --audit-card-radius:var(--ios-card-radius);
  --audit-card-top:var(--ios-card-top);
  --audit-card-bottom:var(--ios-card-bottom);
  --audit-card-pad-x:var(--ios-card-pad-x);
  --audit-meta-size:var(--ios-meta-size);
  --audit-meta-weight:var(--ios-meta-weight);
  --audit-meta-line-height:1.2;
  --audit-meta-color:var(--ios-secondary);
  --audit-value-size:var(--ios-value-size);
  --audit-value-weight:var(--ios-main-weight);
  --audit-placeholder-weight:var(--ios-main-weight);
  --audit-value-color:var(--ios-text);
  --audit-placeholder-color:var(--ios-secondary);
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--ios-card-top) var(--ios-card-bottom) !important;
  min-height:calc(var(--ios-card-top) + var(--ios-card-bottom)) !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:var(--ios-card) !important;
  border:0 !important;
  border-radius:var(--ios-card-radius) !important;
  box-shadow:none !important;
  font-family:var(--ios-form-font) !important;
  isolation:isolate !important;
}

#principalRow{ --principal-title-width:56px; }
#rateRow{ --field-title-width:64px; }
#monthsRow{ --field-title-width:42px; }

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  z-index:4 !important;
  top:0 !important;
  left:0 !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  height:var(--ios-card-top) !important;
  padding-left:var(--ios-card-pad-x) !important;
  color:var(--ios-secondary) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-meta-size) !important;
  font-weight:var(--ios-meta-weight) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  background:linear-gradient(90deg, var(--ios-card) 0%, var(--ios-card) 78%, rgba(255,255,255,0) 100%) !important;
  pointer-events:none !important;
}

#principalRow::before{
  width:calc(var(--ios-card-pad-x) + var(--principal-title-width)) !important;
}

#rateRow::before,
#monthsRow::before{
  width:calc(var(--ios-card-pad-x) + var(--field-title-width)) !important;
}

#principalRow::after,
#rateRow::after,
#monthsRow::after{
  content:none !important;
  display:none !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input{
  order:2 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
}

#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal{
  display:block !important;
  width:100% !important;
}

#principalRow .split-field-label,
#rateRow .split-field-label,
#monthsRow .split-field-label{
  display:none !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  padding:0 var(--ios-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  padding:0 40px 0 0 !important;
  color:var(--ios-text) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-value-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:var(--ios-card-bottom) !important;
  letter-spacing:0 !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:var(--ios-secondary) !important;
  font-size:var(--ios-value-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:var(--ios-card-bottom) !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 112px !important;
  width:112px !important;
  min-width:112px !important;
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-unit-select,

#principalHint[hidden],
#rateHint[hidden],
#monthsHint[hidden]{
  display:none !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible{
  order:1 !important;
  grid-row:1 !important;
  min-height:var(--ios-card-top) !important;
  height:var(--ios-card-top) !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  transform:none !important;
  background:transparent !important;
}

#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible{
  display:flex !important;
  align-items:center !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  height:var(--ios-card-top) !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#principalHint .field-info-scroll-viewport{
  padding:0 var(--ios-card-pad-x) 0 calc(var(--ios-card-pad-x) + var(--principal-title-width)) !important;
}

#rateHint .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding:0 var(--ios-card-pad-x) 0 calc(var(--ios-card-pad-x) + var(--field-title-width)) !important;
}

#principalHint .field-info-scroll-viewport::-webkit-scrollbar,
#rateHint .field-info-scroll-viewport::-webkit-scrollbar,
#monthsHint .field-info-scroll-viewport::-webkit-scrollbar{
  display:none !important;
}

#principalHint .field-choice-strip,
#rateHint .field-choice-strip,
#monthsHint .field-choice-strip,
#principalHint .field-choice-values,
#rateHint .field-choice-values,
#monthsHint .field-choice-values{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  min-height:auto !important;
  height:auto !important;
  padding:0 !important;
  color:var(--ios-secondary) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-meta-size) !important;
  font-weight:var(--ios-meta-weight) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  padding:1px 6px !important;
  color:var(--ios-blue) !important;
  background:rgba(0,122,255,0.10) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

/* iOS polish pass: calmer grouped form, balanced type and spacing. */
body.credit-page,
.credit-page{
  background:#F2F2F7 !important;
}

#inputSection{
  --ios-form-font:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --ios-card:#FFFFFF;
  --ios-text:#000000;
  --ios-secondary:#8E8E93;
  --ios-separator:#D1D1D6;
  --ios-blue:#007AFF;
  --ios-product-size:20px;
  --ios-value-size:22px;
  --ios-unit-size:20px;
  --ios-meta-size:12px;
  --ios-main-weight:600;
  --ios-meta-weight:600;
  --ios-card-radius:16px;
  --ios-card-top:32px;
  --ios-card-bottom:56px;
  --ios-card-pad-x:22px;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  font-family:var(--ios-form-font) !important;
}

.credit-grid{
  gap:10px !important;
}

#product.field-control--standalone{
  height:48px !important;
  min-height:48px !important;
  padding:0 44px 0 0 !important;
  color:var(--ios-secondary) !important;
  font-family:var(--ios-form-font) !important;
  font-size:var(--ios-product-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:48px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#product.field-control--standalone.is-placeholder{
  color:var(--ios-secondary) !important;
  font-weight:var(--ios-main-weight) !important;
}

#product.field-control--standalone.is-selected{
  color:var(--ios-text) !important;
  font-weight:var(--ios-main-weight) !important;
}

.credit-grid > .field-row:first-child .field-input::after{
  height:1px !important;
  background:var(--ios-separator) !important;
  box-shadow:none !important;
  animation:none !important;
}

#principalRow,
#rateRow,
#monthsRow{
  --principal-card-radius:var(--ios-card-radius);
  --principal-card-top:var(--ios-card-top);
  --principal-card-bottom:var(--ios-card-bottom);
  --principal-card-pad-x:var(--ios-card-pad-x);
  --field-card-radius:var(--ios-card-radius);
  --field-card-top:var(--ios-card-top);
  --field-card-bottom:var(--ios-card-bottom);
  --field-card-pad-x:var(--ios-card-pad-x);
  --audit-card-radius:var(--ios-card-radius);
  --audit-card-top:var(--ios-card-top);
  --audit-card-bottom:var(--ios-card-bottom);
  --audit-card-pad-x:var(--ios-card-pad-x);
  --audit-meta-size:var(--ios-meta-size);
  --audit-value-size:var(--ios-value-size);
  position:relative !important;
  display:grid !important;
  grid-template-rows:var(--ios-card-top) var(--ios-card-bottom) !important;
  min-height:calc(var(--ios-card-top) + var(--ios-card-bottom)) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:var(--ios-card) !important;
  border:0 !important;
  border-radius:var(--ios-card-radius) !important;
  box-shadow:0 1px 0 rgba(0,0,0,0.02) !important;
  font-family:var(--ios-form-font) !important;
}

#principalRow{ --principal-title-width:54px; }
#rateRow{ --field-title-width:62px; }
#monthsRow{ --field-title-width:40px; }

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  z-index:4 !important;
  top:0 !important;
  left:0 !important;
  display:flex !important;
  align-items:center !important;
  height:var(--ios-card-top) !important;
  padding-left:var(--ios-card-pad-x) !important;
  color:var(--ios-secondary) !important;
  font-size:var(--ios-meta-size) !important;
  font-weight:var(--ios-meta-weight) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  background:linear-gradient(90deg, var(--ios-card) 0%, var(--ios-card) 82%, rgba(255,255,255,0) 100%) !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding:0 var(--ios-card-pad-x) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  padding:0 38px 0 0 !important;
  color:var(--ios-text) !important;
  font-size:var(--ios-value-size) !important;
  font-weight:var(--ios-main-weight) !important;
  line-height:var(--ios-card-bottom) !important;
  letter-spacing:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:var(--ios-secondary) !important;
  font-size:var(--ios-value-size) !important;
  font-weight:var(--ios-main-weight) !important;
  opacity:1 !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  flex:0 0 104px !important;
  width:104px !important;
  min-width:104px !important;
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#principalRow .split-field-unit-select,

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport{
  min-height:var(--ios-card-top) !important;
  height:var(--ios-card-top) !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  color:var(--ios-secondary) !important;
  font-size:var(--ios-meta-size) !important;
  font-weight:var(--ios-meta-weight) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  padding:1px 6px !important;
  color:var(--ios-blue) !important;
  background:rgba(0,122,255,0.09) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

/* iOS visual hierarchy pass: typography only. */
#inputSection,
#inputSection input,
#inputSection select,
#inputSection button{
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
}

#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected{
  font-size:20px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.18 !important;
  letter-spacing:0.4px !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected{
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  font-size:24px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  font-size:22px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#principalRow .split-field-unit-select,

/* Footnote metadata: 13px Regular, selected info Semi-Bold. */
#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Final iOS compact spacing pass: product line, card rhythm, and info chips. */
@keyframes iosProductLineShineFinal{
  0%{ background-position:0 0, -60% 0; }
  100%{ background-position:0 0, 160% 0; }
}

#inputSection{
  --ios-card-top:28px;
  --ios-card-bottom:50px;
  --ios-card-pad-x:20px;
  --ios-card-radius:16px;
  --ios-meta-size:13px;
}

#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected{
  height:48px !important;
  min-height:48px !important;
  padding-left:16px !important;
  padding-right:16px !important;
  line-height:48px !important;
  letter-spacing:1px !important;
}

.credit-grid > .field-row:first-child .field-input{
  padding-left:0 !important;
  padding-right:0 !important;
}

.credit-grid > .field-row:first-child .field-input::after{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:1px !important;
  background:
    linear-gradient(90deg, rgba(209,209,214,0.95), rgba(142,142,147,0.56), rgba(209,209,214,0.95)),
    linear-gradient(105deg, rgba(255,255,255,0) 12%, rgba(255,255,255,0.92) 46%, rgba(255,255,255,0.12) 58%, rgba(255,255,255,0) 78%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100%, 42% 100% !important;
  background-position:0 0, -60% 0 !important;
  animation:iosProductLineShineFinal 2.8s linear infinite !important;
  box-shadow:0 1px 0 rgba(255,255,255,0.72) inset !important;
}

#principalRow,
#rateRow,
#monthsRow{
  --principal-card-radius:var(--ios-card-radius);
  --principal-card-top:var(--ios-card-top);
  --principal-card-bottom:var(--ios-card-bottom);
  --principal-card-pad-x:var(--ios-card-pad-x);
  --field-card-radius:var(--ios-card-radius);
  --field-card-top:var(--ios-card-top);
  --field-card-bottom:var(--ios-card-bottom);
  --field-card-pad-x:var(--ios-card-pad-x);
  --audit-card-radius:var(--ios-card-radius);
  --audit-card-top:var(--ios-card-top);
  --audit-card-bottom:var(--ios-card-bottom);
  --audit-card-pad-x:var(--ios-card-pad-x);
  grid-template-rows:var(--ios-card-top) var(--ios-card-bottom) !important;
  min-height:calc(var(--ios-card-top) + var(--ios-card-bottom)) !important;
  border-radius:var(--ios-card-radius) !important;
}

#principalRow{ --principal-title-width:58px; }
#rateRow{ --field-title-width:74px; }
#monthsRow{ --field-title-width:50px; }

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  height:var(--ios-card-top) !important;
  padding-left:var(--ios-card-pad-x) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:1px !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
}

#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding:0 var(--ios-card-pad-x) !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  min-height:var(--ios-card-bottom) !important;
  height:var(--ios-card-bottom) !important;
  line-height:var(--ios-card-bottom) !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  line-height:var(--ios-card-bottom) !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit,
#monthsRow .split-field-unit,
#principalRow .split-field-unit-select,

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  min-height:var(--ios-card-top) !important;
  height:var(--ios-card-top) !important;
}

#principalHint .field-info-scroll-viewport{
  padding:0 var(--ios-card-pad-x) 0 calc(var(--ios-card-pad-x) + var(--principal-title-width) + 10px) !important;
  gap:6px !important;
}

#rateHint .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding:0 var(--ios-card-pad-x) 0 calc(var(--ios-card-pad-x) + var(--field-title-width) + 10px) !important;
  gap:6px !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  min-height:20px !important;
  height:20px !important;
  padding:0 8px !important;
  color:#3C3C43 !important;
  background:#F2F2F7 !important;
  border:1px solid rgba(60,60,67,0.12) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:18px !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  color:#FFFFFF !important;
  background:#1C1C1E !important;
  border-color:#1C1C1E !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:18px !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
}

#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator{
  color:#8E8E93 !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* Currency radio group: horizontal iOS-style options. */
#principalRow .split-field-unit--select{
  flex:0 0 138px !important;
  width:138px !important;
  min-width:138px !important;
  justify-content:flex-end !important;
  padding:0 16px 0 0 !important;
}

#principalRow .split-field-unit--select::after{
  content:none !important;
  display:none !important;
}

#principalRow .currency-select-native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#principalRow .currency-radio-group{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  width:100% !important;
  height:var(--ios-card-bottom) !important;
  min-height:var(--ios-card-bottom) !important;
}

#principalRow .currency-radio-option{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 !important;
  margin:0 !important;
  color:#8E8E93 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:var(--ios-form-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  user-select:none !important;
}

#principalRow .currency-radio-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#principalRow .currency-radio-mark{
  position:relative !important;
  display:inline-flex !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  border:1.5px solid #8E8E93 !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  box-sizing:border-box !important;
}

#principalRow .currency-radio-mark::after{
  content:"" !important;
  position:absolute !important;
  inset:3px !important;
  border-radius:999px !important;
  background:#1C1C1E !important;
  transform:scale(0) !important;
  transition:transform .14s ease !important;
}

#principalRow .currency-radio-input:checked + .currency-radio-mark{
  border-color:#1C1C1E !important;
}

#principalRow .currency-radio-input:checked + .currency-radio-mark::after{
  transform:scale(1) !important;
}

#principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text{
  color:#1C1C1E !important;
}

#principalRow .currency-radio-input:focus-visible + .currency-radio-mark{
  outline:2px solid rgba(0,122,255,0.35) !important;
  outline-offset:2px !important;
}

/* Rate and term units: horizontal iOS radio choices. */
#rateRow .split-field-unit--radio{
  flex:0 0 166px !important;
  width:166px !important;
  min-width:166px !important;
  justify-content:flex-end !important;
  padding:0 16px 0 0 !important;
}

#monthsRow .split-field-unit--radio{
  flex:0 0 118px !important;
  width:118px !important;
  min-width:118px !important;
  justify-content:flex-end !important;
  padding:0 16px 0 0 !important;
}

#rateRow .unit-radio-group,
#monthsRow .unit-radio-group{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  width:100% !important;
  height:var(--ios-card-bottom) !important;
  min-height:var(--ios-card-bottom) !important;
}

#rateRow .unit-radio-group{
  gap:8px !important;
}

#monthsRow .unit-radio-group{
  gap:10px !important;
}

#rateRow .unit-radio-option,
#monthsRow .unit-radio-option{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:0 !important;
  height:28px !important;
  padding:0 !important;
  margin:0 !important;
  color:#8E8E93 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:var(--ios-form-font) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  user-select:none !important;
  white-space:nowrap !important;
}

#monthsRow .unit-radio-option{
  font-size:13px !important;
}

#rateRow .unit-radio-input,
#monthsRow .unit-radio-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#rateRow .unit-radio-mark,
#monthsRow .unit-radio-mark{
  position:relative !important;
  display:inline-flex !important;
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  border:1.5px solid #8E8E93 !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  box-sizing:border-box !important;
}

#rateRow .unit-radio-mark::after,
#monthsRow .unit-radio-mark::after{
  content:"" !important;
  position:absolute !important;
  inset:3px !important;
  border-radius:999px !important;
  background:#1C1C1E !important;
  transform:scale(0) !important;
  transition:transform .14s ease !important;
}

#rateRow .unit-radio-input:checked + .unit-radio-mark,
#monthsRow .unit-radio-input:checked + .unit-radio-mark{
  border-color:#1C1C1E !important;
}

#rateRow .unit-radio-input:checked + .unit-radio-mark::after,
#monthsRow .unit-radio-input:checked + .unit-radio-mark::after{
  transform:scale(1) !important;
}

#rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
#monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  color:#1C1C1E !important;
}

#rateRow .unit-radio-input:focus-visible + .unit-radio-mark,
#monthsRow .unit-radio-input:focus-visible + .unit-radio-mark{
  outline:2px solid rgba(0,122,255,0.35) !important;
  outline-offset:2px !important;
}

/* Final typography unification: product spacing and all compact option text. */
#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected{
  letter-spacing:0 !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator,
#principalRow .currency-radio-option,
#rateRow .unit-radio-option,
#monthsRow .unit-radio-option{
  color:#8E8E93 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  line-height:18px !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  color:#FFFFFF !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

#principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
#rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
#monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  color:#1C1C1E !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Final compact text weight: labels, info chips and unit selectors use Medium 500. */
#rateRow .unit-radio-group{
  gap:14px !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#principalHint .field-choice-separator,
#rateHint .field-choice-separator,
#monthsHint .field-choice-separator,
#principalHint .field-choice-divider,
#rateHint .field-choice-divider,
#monthsHint .field-choice-divider,
#principalHint .field-choice-list-separator,
#rateHint .field-choice-list-separator,
#monthsHint .field-choice-list-separator,
#principalRow .currency-radio-option,
#rateRow .unit-radio-option,
#monthsRow .unit-radio-option,
#principalRow .currency-radio-text,
#rateRow .unit-radio-text,
#monthsRow .unit-radio-text{
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected,
#principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
#rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
#monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#principalRow .currency-radio-option,
#rateRow .unit-radio-option,
#monthsRow .unit-radio-option,
#principalRow .currency-radio-text,
#rateRow .unit-radio-text,
#monthsRow .unit-radio-text,
#principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
#rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
#monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

/* Final label copy and tracking: Shuma, Interesi, Afati. */
#principalRow::before{
  content:"Shuma" !important;
}

#rateRow::before{
  content:"Interesi" !important;
}

#monthsRow::before{
  content:"Afati" !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Final iOS card proportion: 1/3 label area, 2/3 value area with separator. */
#inputSection{
  --ios-card-top:28px;
  --ios-card-bottom:50px;
  --ios-card-pad-x:20px;
}

#principalRow,
#rateRow,
#monthsRow{
  grid-template-rows:28px 50px !important;
  min-height:78px !important;
  height:78px !important;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  height:28px !important;
  align-items:center !important;
  padding-left:20px !important;
  line-height:16px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

#principalRow::after,
#rateRow::after,
#monthsRow::after{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  left:0 !important;
  right:0 !important;
  top:28px !important;
  display:block !important;
  width:auto !important;
  height:1px !important;
  background:rgba(60,60,67,0.10) !important;
  box-shadow:none !important;
  transform:scaleY(.45) !important;
  transform-origin:top center !important;
  pointer-events:none !important;
}

#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry{
  min-height:50px !important;
  height:50px !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body{
  padding:0 10px 0 20px !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  min-height:50px !important;
  height:50px !important;
  line-height:50px !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit--radio,
#monthsRow .split-field-unit--radio,
#principalRow .currency-radio-group,
#rateRow .unit-radio-group,
#monthsRow .unit-radio-group{
  min-height:50px !important;
  height:50px !important;
}

#principalRow .split-field-unit--select,
#rateRow .split-field-unit--radio,
#monthsRow .split-field-unit--radio{
  padding-right:8px !important;
}

#principalRow .split-field-unit--select{
  flex-basis:130px !important;
  width:130px !important;
  min-width:130px !important;
}

#rateRow .split-field-unit--radio{
  flex-basis:158px !important;
  width:158px !important;
  min-width:158px !important;
}

#monthsRow .split-field-unit--radio{
  flex-basis:110px !important;
  width:110px !important;
  min-width:110px !important;
}

#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  min-height:28px !important;
  height:28px !important;
  align-items:center !important;
}

/* Final info chips: iOS filled capsules, no outline. */
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice,
#inputSection #principalHint .field-fill-choice,
#inputSection #rateHint .field-fill-choice,
#inputSection #monthsHint .field-fill-choice{
  min-height:22px !important;
  height:22px !important;
  padding:0 9px !important;
  color:#1C1C1E !important;
  background:rgba(118,118,128,0.10) !important;
  background-color:rgba(118,118,128,0.10) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:0 1px 1px rgba(0,0,0,0.035) !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:22px !important;
  letter-spacing:0 !important;
}

#principalHint .field-fill-choice:hover,
#principalHint .field-fill-choice:focus-visible,
#rateHint .field-fill-choice:hover,
#rateHint .field-fill-choice:focus-visible,
#monthsHint .field-fill-choice:hover,
#monthsHint .field-fill-choice:focus-visible{
  background:rgba(118,118,128,0.16) !important;
  background-color:rgba(118,118,128,0.16) !important;
  border:0 !important;
  color:#1C1C1E !important;
}

#principalHint .field-fill-choice.is-selected,
#rateHint .field-fill-choice.is-selected,
#monthsHint .field-fill-choice.is-selected,
#inputSection #principalHint .field-fill-choice.is-selected,
#inputSection #rateHint .field-fill-choice.is-selected,
#inputSection #monthsHint .field-fill-choice.is-selected{
  color:#FFFFFF !important;
  background:#5A5A5F !important;
  background-color:#5A5A5F !important;
  border:0 !important;
  box-shadow:0 2px 5px rgba(0,0,0,0.12) !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:22px !important;
  letter-spacing:0 !important;
}

/* Final input cleanup: no clear X buttons and no native arrows on Afati. */
#principalRow .split-field-clear,
#rateRow .split-field-clear,
#monthsRow .split-field-clear,
#principalRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear,
#rateRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear,
#monthsRow .split-field-entry input.split-field-control:not(:placeholder-shown) + .split-field-clear{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control{
  padding-right:2px !important;
}

#months{
  appearance:textfield !important;
  -moz-appearance:textfield !important;
}

#months::-webkit-outer-spin-button,
#months::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  appearance:none !important;
  margin:0 !important;
}

/* Final Afati info spacing: no dash separators, only clean gaps. */
#monthsHint .field-choice-range--spaced{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}

@media (max-width:420px){
  #monthsHint .field-choice-range--spaced{
    gap:2px !important;
  }

  #monthsHint .field-fill-choice,
  #inputSection #monthsHint .field-fill-choice{
    padding:0 6px !important;
    font-size:10.5px !important;
  }
}

/* Final mobile keyboard lock: header stays visually fixed while content scrolls. */
@media (max-width:1199px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    overflow:hidden !important;
    padding:0 !important;
    background:#f2f2f7 !important;
    overscroll-behavior:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:calc(var(--mobile-top-shell-header-safe-height) + 8px) var(--credit-mobile-page-padding, 12px) calc(var(--credit-mobile-page-padding, 12px) + var(--mobile-keyboard-inset, 0px) + env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }
}

/* Final info clipping: clean solid label mask without fuzzy fade. */
#inputSection{
  --field-info-align-x:116px;
  --principal-info-mask-x:92px;
  --rate-info-mask-x:108px;
  --months-info-mask-x:92px;
}

#principalRow::before,
#rateRow::before,
#monthsRow::before{
  z-index:4 !important;
  color:#000000 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  filter:none !important;
}

#principalRow::before{
  width:var(--principal-info-mask-x) !important;
}

#rateRow::before{
  width:var(--rate-info-mask-x) !important;
}

#monthsRow::before{
  width:var(--months-info-mask-x) !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  box-shadow:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#rateHint.field-info.field-info--scrollable .field-info-scroll-viewport,
#monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding-left:var(--field-info-align-x) !important;
}

/* Final top-row rhythm: labels and info chips sit centered between top edge and separator. */
#principalRow::before,
#rateRow::before,
#monthsRow::before,
#principalHint,
#rateHint,
#monthsHint,
#principalHint.is-visible,
#rateHint.is-visible,
#monthsHint.is-visible,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint .field-choice-values,
#rateHint .field-choice-values,
#monthsHint .field-choice-values,
#principalHint .field-choice-strip,
#rateHint .field-choice-strip,
#monthsHint .field-choice-strip,
#principalHint .field-choice-range,
#rateHint .field-choice-range,
#monthsHint .field-choice-range{
  min-height:28px !important;
  height:28px !important;
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Final bottom-row rhythm: values and unit selectors sit centered below the separator. */
#principalRow .field-input,
#rateRow .field-input,
#monthsRow .field-input,
#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal,
#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry,
#principalRow .split-field-unit,
#rateRow .split-field-unit,
#monthsRow .split-field-unit,
#principalRow .currency-radio-group,
#rateRow .unit-radio-group,
#monthsRow .unit-radio-group,
#principalRow .currency-radio-option,
#rateRow .unit-radio-option,
#monthsRow .unit-radio-option{
  min-height:50px !important;
  height:50px !important;
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#principalRow .split-field-body,
#rateRow .split-field-body,
#monthsRow .split-field-body,
#principalRow .split-field-entry,
#rateRow .split-field-entry,
#monthsRow .split-field-entry,
#principalRow .split-field-unit,
#rateRow .split-field-unit,
#monthsRow .split-field-unit{
  display:flex !important;
}

#principalRow .split-field-body input.split-field-control,
#rateRow .split-field-body input.split-field-control,
#monthsRow .split-field-body input.split-field-control,
#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  min-height:50px !important;
  height:50px !important;
  line-height:50px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  align-self:center !important;
}

#principalRow .currency-radio-text,
#rateRow .unit-radio-text,
#monthsRow .unit-radio-text{
  display:inline-flex !important;
  align-items:center !important;
  min-height:50px !important;
  height:50px !important;
  line-height:1 !important;
}

/* Final load polish: defer expensive below-the-fold rendering until needed. */
#resultsPanel{
  content-visibility:auto;
  contain-intrinsic-size:1px 520px;
}

/* Final results surface: share button -> divider -> white amortization table. */
#loanResultsSurface.loan-results-surface{
  display:block !important;
  margin-top:8px !important;
  padding:0 0 0 !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:0 !important;
  box-shadow:none !important;
}

#loanResultsSurface.loan-results-surface.is-hidden{
  display:none !important;
}

#resultsPanel.table-panel,
#resultsPanel.card-min.table-premium{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:0 !important;
  box-shadow:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

#loanResultsSurface .loan-results-divider{
  display:block !important;
  width:100% !important;
  height:1px !important;
  margin:0 0 12px !important;
  background:rgba(60,60,67,0.22) !important;
  transform:none !important;
}

@media (max-width:720px){
  #loanResultsSurface .loan-results-divider{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }
}

#principalHint .field-choice-values,
#rateHint .field-choice-values,
#monthsHint .field-choice-values{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

#principalHint .field-info-expand,
#rateHint .field-info-expand,
#monthsHint .field-info-expand{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

#principalHint .field-choice-values::before,
#principalHint .field-choice-values::after,
#rateHint .field-choice-values::before,
#rateHint .field-choice-values::after,
#monthsHint .field-choice-values::before,
#monthsHint .field-choice-values::after,
#principalHint .field-info-expand::before,
#principalHint .field-info-expand::after,
#rateHint .field-info-expand::before,
#rateHint .field-info-expand::after,
#monthsHint .field-info-expand::before,
#monthsHint .field-info-expand::after{
  content:none !important;
  display:none !important;
}

/* Final premium placeholder tone: lighter iOS gray for empty main controls. */
#product.field-control--standalone.is-placeholder{
  color:#AEAEB2 !important;
  -webkit-text-fill-color:#AEAEB2 !important;
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#AEAEB2 !important;
  -webkit-text-fill-color:#AEAEB2 !important;
  opacity:1 !important;
}

/* Final loan date row: visible below Afati and visually matched to the main cards. */
#loanDateRow{
  width:100%;
  margin-top:8px;
}

body.shared-loan-view #loanDateRow{
  display:none !important;
}

#inputSection #loanDateRow .loan-more-date-notice{
  margin:0 8px 7px;
  padding:0;
  color:#FF3B30;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:0;
}

#inputSection #loanDateRow .loan-more-date-notice[hidden]{
  display:none !important;
}

#inputSection #loanDateRow .loan-more-date-card{
  --loan-date-top:28px;
  --loan-date-bottom:50px;
  --loan-date-pad-x:20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  align-items:stretch;
  min-height:calc(var(--loan-date-top) + var(--loan-date-bottom)) !important;
  height:calc(var(--loan-date-top) + var(--loan-date-bottom)) !important;
  overflow:hidden;
  background:#FFFFFF !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:none !important;
}

#inputSection #loanDateRow .loan-more-date-card.is-invalid{
  box-shadow:0 0 0 0.75px rgba(255,59,48,0.42) inset !important;
}

#inputSection #loanDateRow .loan-more-date-segment{
  display:grid;
  grid-template-rows:var(--loan-date-top) var(--loan-date-bottom);
  min-width:0;
  height:100%;
  padding:0 var(--loan-date-pad-x);
  color:#000000;
  text-decoration:none;
  cursor:pointer;
}

#inputSection #loanDateRow .loan-more-date-label{
  display:flex;
  align-items:flex-end;
  min-height:var(--loan-date-top);
  height:var(--loan-date-top);
  padding:0 0 4px;
  color:#8E8E93 !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap;
}

#inputSection #loanDateRow .loan-more-date-input,
#inputSection #disbursement.loan-more-date-input,
#inputSection #firstPaymentDate.loan-more-date-input{
  appearance:none;
  -webkit-appearance:none;
  display:block;
  width:100%;
  min-width:0;
  min-height:var(--loan-date-bottom) !important;
  height:var(--loan-date-bottom) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#000000 !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:var(--loan-date-bottom) !important;
  letter-spacing:0 !important;
  text-align:left !important;
}

#inputSection #disbursement.loan-more-date-input:invalid,
#inputSection #firstPaymentDate.loan-more-date-input:invalid,
#inputSection #disbursement.loan-more-date-input.is-empty,
#inputSection #firstPaymentDate.loan-more-date-input.is-empty{
  color:#8E8E93 !important;
}

#inputSection #disbursement.loan-more-date-input[aria-invalid="true"]:not(.is-empty),
#inputSection #firstPaymentDate.loan-more-date-input[aria-invalid="true"]:not(.is-empty){
  color:#000000 !important;
}

#inputSection #loanDateRow .loan-more-date-input::-webkit-datetime-edit,
#inputSection #loanDateRow .loan-more-date-input::-webkit-datetime-edit-fields-wrapper,
#inputSection #loanDateRow .loan-more-date-input::-webkit-date-and-time-value,
#inputSection #disbursement.loan-more-date-input::-webkit-datetime-edit,
#inputSection #disbursement.loan-more-date-input::-webkit-datetime-edit-fields-wrapper,
#inputSection #disbursement.loan-more-date-input::-webkit-date-and-time-value,
#inputSection #firstPaymentDate.loan-more-date-input::-webkit-datetime-edit,
#inputSection #firstPaymentDate.loan-more-date-input::-webkit-datetime-edit-fields-wrapper,
#inputSection #firstPaymentDate.loan-more-date-input::-webkit-date-and-time-value{
  justify-content:flex-start !important;
  min-height:var(--loan-date-bottom) !important;
  height:var(--loan-date-bottom) !important;
  padding:0 !important;
  color:inherit !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:var(--loan-date-bottom) !important;
  text-align:left !important;
}

#inputSection #loanDateRow .loan-more-date-input::-webkit-calendar-picker-indicator{
  opacity:0 !important;
  width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#inputSection #loanDateRow .loan-more-date-input:focus{
  outline:none !important;
  box-shadow:none !important;
}

#inputSection #loanDateRow .loan-more-date-divider{
  align-self:center;
  width:1px;
  height:46px;
  background:rgba(60,60,67,0.12);
  transform:scaleX(.5);
  transform-origin:center;
  pointer-events:none;
}

/* Final validation: out-of-product values turn dark red consistently. */
#principalRow input#principal.is-invalid,
#principalRow .split-field--principal.is-invalid input#principal,
#monthsRow input#months.is-invalid,
#monthsRow .split-field--principal.is-invalid input#months,
#rateRow input#rate.is-invalid,
#rateRow .split-field--principal.is-invalid input#rate{
  color:#8B1E1E !important;
  -webkit-text-fill-color:#8B1E1E !important;
  caret-color:#8B1E1E !important;
}

/* Final iOS product picker: rounded capsule with clear placeholder/selected states. */
.credit-grid > .field-row:first-child .field-input{
  position:relative !important;
}

.credit-grid > .field-row:first-child .field-input::before{
  content:none !important;
  display:none !important;
}

.credit-grid > .field-row:first-child .field-input::after{
  content:none !important;
  display:none !important;
}

#product.field-control--standalone,
#product.field-control--standalone.is-placeholder,
#product.field-control--standalone.is-selected{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  line-height:48px !important;
  margin:0 !important;
  padding:0 54px 0 22px !important;
  position:relative !important;
  z-index:2 !important;
  border:1px solid rgba(9,9,121,0.26) !important;
  border-radius:999px !important;
  background-color:#FFFFFF !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  background-repeat:no-repeat !important;
  background-position:right 24px center, 0 0 !important;
  background-size:17px 10px, 100% 100% !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 0.5px rgba(255,255,255,0.72) inset,
    0 8px 18px rgba(9,9,121,0.055) !important;
  color:#5E6373 !important;
  -webkit-text-fill-color:#5E6373 !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size:17px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-align:left !important;
  text-transform:none !important;
  transition:background-color .18s ease, box-shadow .18s ease, color .18s ease, -webkit-text-fill-color .18s ease;
}

#product.field-control--standalone.is-selected{
  background-color:#FFFFFF !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  border-color:rgba(9,9,121,0.34) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 0.5px rgba(255,255,255,0.72) inset,
    0 9px 20px rgba(9,9,121,0.07) !important;
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  font-weight:600 !important;
}

#product.field-control--standalone:focus{
  outline:none !important;
  border-color:rgba(9,9,121,0.42) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  background-repeat:no-repeat !important;
  background-position:right 24px center, 0 0 !important;
  background-size:17px 10px, 100% 100% !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 3px rgba(9,9,121,0.075),
    0 10px 24px rgba(9,9,121,0.09) !important;
}

#product.field-control--standalone.is-selected:focus{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath d='M2 2L8.5 8L15 2' fill='none' stroke='%23090979' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #FFFFFF 0%, #FBFCFF 100%) !important;
  background-color:#FFFFFF !important;
}

#product.field-control--standalone.is-invalid{
  background-color:#FFF5F5 !important;
  color:#8B1E1E !important;
  -webkit-text-fill-color:#8B1E1E !important;
  box-shadow:0 0 0 1px rgba(255,59,48,0.34) inset !important;
}

#principalRow .split-field--principal .split-field-label::after,
#rateRow .split-field--principal .split-field-label::after,
#monthsRow .split-field--principal .split-field-label::after{
  width:2.4px !important;
  height:32px !important;
  background:rgba(176,176,186,0.96) !important;
  border-radius:999px !important;
}

#principalRow .split-field--principal.is-valid .split-field-label::after,
#rateRow .split-field--principal.is-valid .split-field-label::after,
#monthsRow .split-field--principal.is-valid .split-field-label::after{
  background:rgba(176,176,186,0.96) !important;
}

#principalRow .split-field--principal.is-invalid .split-field-label::after,
#rateRow .split-field--principal.is-invalid .split-field-label::after,
#monthsRow .split-field--principal.is-invalid .split-field-label::after{
  background:rgba(176,176,186,0.96) !important;
}

#principalRow .split-field--principal,
#rateRow .split-field--principal,
#monthsRow .split-field--principal{
  background:#FFFFFF !important;
  border:0 !important;
  box-shadow:none !important;
}

@media (max-width:720px){
  #product.field-control--standalone,
  #product.field-control--standalone.is-placeholder,
  #product.field-control--standalone.is-selected{
    min-height:46px !important;
    height:46px !important;
    line-height:46px !important;
    padding-left:18px !important;
    padding-right:52px !important;
    background-position:right 22px center, 0 0 !important;
    font-size:16px !important;
  }
}

/* Final Apple-style share action: calculation is automatic, so only share remains. */
.credit-actions{
  display:flex !important;
  grid-template-columns:none !important;
  justify-content:center !important;
  margin-top:18px !important;
  gap:0 !important;
}

.credit-actions .btn-share-ios,
.credit-actions > .btn-min.btn-share-ios,
.credit-actions > .btn-min.btn-secondary.btn-share-ios{
  flex:0 0 268px !important;
  width:268px !important;
  inline-size:268px !important;
  min-width:0 !important;
  max-width:268px !important;
  min-height:44px !important;
  height:44px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:16px !important;
  background:rgba(118,118,128,0.12) !important;
  background-color:rgba(118,118,128,0.12) !important;
  color:#1C1C1E !important;
  box-shadow:inset 0 0 0 0.5px rgba(60,60,67,0.10), 0 6px 16px rgba(0,0,0,0.05) !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:44px !important;
  letter-spacing:0 !important;
}

.credit-actions .btn-share-ios svg,
.credit-actions .btn-share-ios i{
  width:17px !important;
  height:17px !important;
  stroke-width:2 !important;
}

.credit-actions .btn-share-ios:hover,
.credit-actions .btn-share-ios:focus-visible{
  background:rgba(118,118,128,0.18) !important;
  background-color:rgba(118,118,128,0.18) !important;
  color:#1C1C1E !important;
}

.credit-actions .btn-share-ios:active{
  transform:scale(0.985);
  background:rgba(118,118,128,0.22) !important;
  background-color:rgba(118,118,128,0.22) !important;
}

#loanMoreOptionsRow.loan-more-options-row{
  margin-top:2px !important;
  padding:0 6px !important;
  min-height:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#loanMoreOptionsRow.loan-more-options-row::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}

#loanMoreOptionsToggle.loan-more-options-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:40px !important;
  height:40px !important;
  padding:0 2px !important;
  border:0 !important;
  background:transparent !important;
  color:#1C1C1E !important;
  box-shadow:none !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

#loanMoreOptionsToggleText{
  display:inline-flex !important;
  align-items:center !important;
}

#loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border:0 !important;
  border-radius:999px !important;
  color:#FFFFFF !important;
  background:#4A4A4C !important;
  background-color:#4A4A4C !important;
  box-shadow:0 1px 3px rgba(0,0,0,0.12) !important;
  font-size:0 !important;
  line-height:0 !important;
  transform:none !important;
  transition:none !important;
}

#loanMoreOptionsToggleMark::before{
  content:"" !important;
  display:block !important;
  width:8px !important;
  height:8px !important;
  border-right:2.4px solid rgba(255,255,255,0.96) !important;
  border-bottom:2.4px solid rgba(255,255,255,0.96) !important;
  transform:translateY(-1.5px) rotate(45deg) !important;
}

#loanMoreOptionsToggleMark svg{
  width:20px !important;
  height:20px !important;
  stroke:#FFFFFF !important;
  stroke-width:2.7 !important;
}

#loanMoreOptionsToggle.is-open #loanMoreOptionsToggleMark::before{
  transform:translateY(1.5px) rotate(225deg) !important;
}

#loanMoreOptionsPanel.loan-more-options-panel{
  margin-top:2px !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#loanMoreOptionsPanel .loan-more-options-grid{
  gap:0 !important;
}

#loanMoreOptionsPanel .loan-more-option-field{
  min-height:40px !important;
  grid-template-columns:minmax(0, 1fr) minmax(116px, .78fr) !important;
  padding:0 2px !important;
  border:0 !important;
  border-bottom:0.5px solid rgba(60,60,67,0.18) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#loanMoreOptionsPanel .loan-more-option-label{
  color:#3A3A3C !important;
  font-size:17px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:1.15 !important;
  white-space:normal !important;
}

#loanMoreOptionsPanel .loan-more-option-label--fee{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}

#loanMoreOptionsPanel .loan-fee-rate-input{
  color:#1C1C1E !important;
  font-size:17px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

#loanMoreOptionsPanel .loan-more-option-control,
#loanMoreOptionsPanel .loan-more-option-input,
#loanMoreOptionsPanel .loan-more-option-output{
  min-height:40px !important;
  height:40px !important;
  color:#1C1C1E !important;
  font-size:17px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:40px !important;
  text-align:right !important;
}

#loanMoreOptionsPanel .loan-more-option-field--total .loan-more-option-label,
#loanMoreOptionsPanel .loan-more-option-field--total .loan-more-option-output{
  color:#1C1C1E !important;
  font-size:17px !important;
  font-weight:700 !important;
}

/* Details refinement: cleaner grouped rows with editable values. */
#loanMoreOptionsRow.loan-more-options-row{
  margin-top:8px !important;
}

#loanMoreOptionsToggle.loan-more-options-toggle{
  min-height:44px !important;
  height:44px !important;
  padding:0 4px 0 6px !important;
  color:#111827 !important;
}

#loanMoreOptionsToggle:hover,
#loanMoreOptionsToggle:focus-visible{
  color:#090979 !important;
}

#loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  background:#111827 !important;
  background-color:#111827 !important;
  box-shadow:0 2px 7px rgba(17,24,39,0.18) !important;
}

#loanMoreOptionsPanel.loan-more-options-panel{
  margin-top:6px !important;
  padding:0 0 2px !important;
}

#loanMoreOptionsPanel .loan-more-options-grid{
  display:grid !important;
  gap:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(60,60,67,0.12) !important;
  border-radius:16px !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  box-shadow:0 10px 24px rgba(17,24,39,0.07) !important;
}

#loanMoreOptionsPanel .loan-more-option-field{
  min-height:52px !important;
  grid-template-columns:minmax(0,1fr) minmax(126px,0.78fr) !important;
  gap:12px !important;
  padding:0 14px !important;
  border-bottom:1px solid rgba(60,60,67,0.10) !important;
}

#loanMoreOptionsPanel .loan-more-option-label{
  color:#5F6368 !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.18 !important;
}

#loanMoreOptionsPanel .loan-more-option-label--fee{
  gap:8px !important;
}

#loanMoreOptionsPanel .loan-fee-rate-control{
  min-height:26px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:#F2F2F7 !important;
  background-color:#F2F2F7 !important;
  color:#3A3A3C !important;
}

#loanMoreOptionsPanel .loan-fee-rate-input{
  width:2.8em !important;
  border:0 !important;
  border-bottom:0 !important;
  color:#1C1C1E !important;
  font-size:14px !important;
  font-weight:700 !important;
  text-align:right !important;
}

#loanMoreOptionsPanel .loan-more-option-control,
#loanMoreOptionsPanel .loan-more-option-input,
#loanMoreOptionsPanel .loan-more-option-output{
  min-height:52px !important;
  height:52px !important;
  line-height:52px !important;
}

#loanMoreOptionsPanel .loan-more-option-input,
#loanMoreOptionsPanel .loan-more-option-output{
  color:#111827 !important;
  font-size:16px !important;
  font-weight:650 !important;
}

#loanMoreOptionsPanel .loan-more-option-input{
  padding:0 !important;
  caret-color:#090979 !important;
}

#loanMoreOptionsPanel .loan-more-option-input::placeholder{
  color:#A1A1AA !important;
  -webkit-text-fill-color:#A1A1AA !important;
  font-size:15px !important;
  font-weight:500 !important;
  opacity:1 !important;
}

#loanMoreOptionsPanel .loan-more-option-input:focus{
  color:#090979 !important;
}

#loanMoreOptionsPanel .loan-more-option-field:focus-within{
  background:#FAFAFF !important;
  border-bottom-color:rgba(9,9,121,0.22) !important;
}

#loanMoreOptionsPanel .loan-more-option-field--total{
  background:#F8F9FB !important;
}

#loanMoreOptionsPanel .loan-more-option-field--total .loan-more-option-label,
#loanMoreOptionsPanel .loan-more-option-field--total .loan-more-option-output{
  color:#111827 !important;
  font-size:16px !important;
  font-weight:800 !important;
}

#loanMoreOptionsPanel #loanOptionFee.is-custom{
  color:#090979 !important;
}

#inputSection #loanDateRow{
  margin-top:10px !important;
}

#inputSection #loanDateRow .loan-more-date-card{
  border:1px solid rgba(60,60,67,0.12) !important;
  border-radius:16px !important;
  box-shadow:0 8px 20px rgba(17,24,39,0.055) !important;
}

@media (max-width:720px){
  #loanMoreOptionsPanel .loan-more-option-field{
    grid-template-columns:minmax(0,1fr) minmax(112px,0.72fr) !important;
    min-height:50px !important;
    padding:0 12px !important;
  }

  #loanMoreOptionsPanel .loan-more-option-label{
    font-size:13px !important;
  }

  #loanMoreOptionsPanel .loan-more-option-input,
  #loanMoreOptionsPanel .loan-more-option-output{
    font-size:15px !important;
  }
}

#principalRow .split-field-body input.split-field-control::placeholder,
#rateRow .split-field-body input.split-field-control::placeholder,
#monthsRow .split-field-body input.split-field-control::placeholder{
  color:#C7C7CC !important;
  -webkit-text-fill-color:#C7C7CC !important;
  font-size:12px !important;
  font-weight:300 !important;
  line-height:46px !important;
  letter-spacing:0 !important;
  opacity:1 !important;
}

@media (max-width:720px){
  #principalRow .split-field-body input.split-field-control::placeholder,
  #rateRow .split-field-body input.split-field-control::placeholder,
  #monthsRow .split-field-body input.split-field-control::placeholder{
    font-size:12px !important;
    font-weight:300 !important;
    letter-spacing:0 !important;
  }
}

/* Final mobile typography tuning: balanced iOS-style scale for the loan page. */
@media (max-width:720px){
  #product.field-control--standalone,
  #product.field-control--standalone.is-placeholder,
  #product.field-control--standalone.is-selected{
    font-size:16px !important;
    font-weight:600 !important;
    line-height:46px !important;
    letter-spacing:0 !important;
  }

  #principalRow::before,
  #rateRow::before,
  #monthsRow::before{
    color:#1C1C1E !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  #principalRow .split-field-body input.split-field-control,
  #rateRow .split-field-body input.split-field-control,
  #monthsRow .split-field-body input.split-field-control{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    font-size:23px !important;
    font-weight:600 !important;
    line-height:50px !important;
    letter-spacing:0 !important;
  }

  #principalRow .split-field-body input.split-field-control::placeholder,
  #rateRow .split-field-body input.split-field-control::placeholder,
  #monthsRow .split-field-body input.split-field-control::placeholder{
    color:#8E8E93 !important;
    -webkit-text-fill-color:#8E8E93 !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:50px !important;
    letter-spacing:0 !important;
    opacity:1 !important;
  }

  #principalRow .currency-radio-option,
  #principalRow .currency-radio-text,
  #rateRow .unit-radio-option,
  #rateRow .unit-radio-text,
  #monthsRow .unit-radio-option,
  #monthsRow .unit-radio-text,
  #principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
  #rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
  #monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
    font-size:13px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  #principalRow .currency-radio-option,
  #rateRow .unit-radio-option,
  #monthsRow .unit-radio-option{
    font-weight:500 !important;
  }

  #principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text,
  #rateRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text,
  #monthsRow .unit-radio-input:checked + .unit-radio-mark + .unit-radio-text{
    font-weight:600 !important;
  }

  #principalHint .field-fill-choice,
  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice,
  #inputSection #principalHint .field-fill-choice,
  #inputSection #rateHint .field-fill-choice,
  #inputSection #monthsHint .field-fill-choice,
  #principalHint .field-choice-separator,
  #rateHint .field-choice-separator,
  #monthsHint .field-choice-separator,
  #principalHint .field-choice-divider,
  #rateHint .field-choice-divider,
  #monthsHint .field-choice-divider,
  #principalHint .field-choice-list-separator,
  #rateHint .field-choice-list-separator,
  #monthsHint .field-choice-list-separator,
  #principalHint .field-choice-amount-cell--range-end::after{
    font-size:12px !important;
    font-weight:500 !important;
    line-height:22px !important;
    letter-spacing:0 !important;
  }

  #principalHint .field-fill-choice,
  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice,
  #inputSection #principalHint .field-fill-choice,
  #inputSection #rateHint .field-fill-choice,
  #inputSection #monthsHint .field-fill-choice{
    min-height:22px !important;
    height:22px !important;
    padding:0 8px !important;
  }

  #principalHint .field-fill-choice.is-selected,
  #rateHint .field-fill-choice.is-selected,
  #monthsHint .field-fill-choice.is-selected,
  #inputSection #principalHint .field-fill-choice.is-selected,
  #inputSection #rateHint .field-fill-choice.is-selected,
  #inputSection #monthsHint .field-fill-choice.is-selected{
    font-size:12px !important;
    font-weight:600 !important;
  }

  #inputSection #loanDateRow .loan-more-date-label{
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  #inputSection #loanDateRow .loan-more-date-input,
  #inputSection #loanDateRow .loan-more-date-input::-webkit-datetime-edit,
  #inputSection #loanDateRow .loan-more-date-input::-webkit-datetime-edit-fields-wrapper,
  #inputSection #loanDateRow .loan-more-date-input::-webkit-date-and-time-value,
  #inputSection #disbursement.loan-more-date-input,
  #inputSection #firstPaymentDate.loan-more-date-input{
    font-size:18px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
  }

  #loanMoreOptionsToggle.loan-more-options-toggle{
    font-size:17px !important;
    font-weight:600 !important;
  }

  #loanMoreOptionsPanel .loan-more-option-label,
  #loanMoreOptionsPanel .loan-more-option-control,
  #loanMoreOptionsPanel .loan-more-option-input,
  #loanMoreOptionsPanel .loan-more-option-output{
    font-size:16px !important;
    letter-spacing:0 !important;
  }

  .credit-actions .btn-share-ios,
  .credit-actions > .btn-min.btn-share-ios,
  .credit-actions > .btn-min.btn-secondary.btn-share-ios{
    font-size:15px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
  }

  .schedule-meta{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  .loan-table{
    font-size:12px !important;
  }

  .loan-table th{
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .loan-table td{
    font-size:13px !important;
    line-height:1.35 !important;
  }

  .loan-detail-label,
  .loan-detail-value,
  .schedule-meta-cell{
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .schedule-total-row td{
    font-size:13px !important;
  }

  .loan-table-footnote-cell{
    font-size:12px !important;
    line-height:1.45 !important;
  }
}

@media (max-width:420px){
  #principalRow .split-field-body input.split-field-control,
  #rateRow .split-field-body input.split-field-control,
  #monthsRow .split-field-body input.split-field-control{
    font-size:22px !important;
  }

  #principalHint .field-fill-choice,
  #rateHint .field-fill-choice,
  #monthsHint .field-fill-choice,
  #inputSection #principalHint .field-fill-choice,
  #inputSection #rateHint .field-fill-choice,
  #inputSection #monthsHint .field-fill-choice{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  #monthsHint .field-fill-choice,
  #inputSection #monthsHint .field-fill-choice,
  #monthsHint .field-fill-choice.is-selected,
  #inputSection #monthsHint .field-fill-choice.is-selected{
    font-size:11.5px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
}

/* Final info capsule gesture tuning: swipe rows without text selection or accidental taps. */
#principalHint,
#rateHint,
#monthsHint,
#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint .field-choice-strip,
#rateHint .field-choice-strip,
#monthsHint .field-choice-strip,
#principalHint .field-choice-values,
#rateHint .field-choice-values,
#monthsHint .field-choice-values,
#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

#principalHint .field-info-scroll-viewport,
#rateHint .field-info-scroll-viewport,
#monthsHint .field-info-scroll-viewport,
#principalHint .field-choice-values,
#rateHint .field-choice-values,
#monthsHint .field-choice-values{
  touch-action:pan-x !important;
  cursor:grab;
}

#principalHint .field-info-scroll-viewport:active,
#rateHint .field-info-scroll-viewport:active,
#monthsHint .field-info-scroll-viewport:active,
#principalHint .field-choice-values:active,
#rateHint .field-choice-values:active,
#monthsHint .field-choice-values:active{
  cursor:grabbing;
}

#principalHint .field-fill-choice,
#rateHint .field-fill-choice,
#monthsHint .field-fill-choice{
  touch-action:pan-x !important;
}

.loan-table tfoot td.loan-table-footnote-cell{
  width:auto !important;
  min-width:0 !important;
  white-space:normal !important;
  text-align:left !important;
}

/* Details polish: flatter rows, automatic fee amount, clickable fee percent. */
#loanMoreOptionsRow.loan-more-options-row{
  margin-top:6px !important;
  padding:0 2px !important;
}

#loanMoreOptionsToggle.loan-more-options-toggle{
  min-height:38px !important;
  height:38px !important;
  padding:0 2px !important;
  color:#1F2937 !important;
  font-size:15px !important;
  font-weight:650 !important;
}

#loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  background:#F3F4F6 !important;
  background-color:#F3F4F6 !important;
  color:#111827 !important;
  box-shadow:none !important;
}

#loanMoreOptionsToggleMark::before{
  width:7px !important;
  height:7px !important;
  border-right-color:#111827 !important;
  border-bottom-color:#111827 !important;
  border-width:2px !important;
}

#loanMoreOptionsPanel.loan-more-options-panel{
  margin-top:2px !important;
  padding:0 !important;
}

#inputSection #loanDateRow{
  margin-top:6px !important;
}

#inputSection #loanDateRow .loan-more-date-card{
  --loan-date-top:24px;
  --loan-date-bottom:38px;
  --loan-date-pad-x:12px;
  min-height:62px !important;
  height:62px !important;
  border:1px solid rgba(209,213,219,0.88) !important;
  border-radius:8px !important;
  box-shadow:none !important;
}

#inputSection #loanDateRow .loan-more-date-label{
  font-size:12px !important;
  color:#6B7280 !important;
}

#inputSection #loanDateRow .loan-more-date-input,
#inputSection #loanDateRow .loan-more-date-input::-webkit-datetime-edit,
#inputSection #loanDateRow .loan-more-date-input::-webkit-datetime-edit-fields-wrapper,
#inputSection #loanDateRow .loan-more-date-input::-webkit-date-and-time-value,
#inputSection #disbursement.loan-more-date-input,
#inputSection #firstPaymentDate.loan-more-date-input{
  min-height:38px !important;
  height:38px !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:38px !important;
}

#inputSection #loanDateRow .loan-more-date-divider{
  height:34px !important;
}

#loanMoreOptionsPanel .loan-more-options-grid{
  gap:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#loanMoreOptionsPanel .loan-more-option-field{
  min-height:42px !important;
  grid-template-columns:minmax(0,1fr) minmax(112px,0.72fr) !important;
  gap:10px !important;
  padding:0 2px !important;
  border:0 !important;
  border-bottom:1px solid rgba(209,213,219,0.78) !important;
  background:transparent !important;
}

#loanMoreOptionsPanel .loan-more-option-field:last-child{
  border-bottom:0 !important;
}

#loanMoreOptionsPanel .loan-more-option-label{
  color:#6B7280 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
}

#loanMoreOptionsPanel .loan-more-option-control,
#loanMoreOptionsPanel .loan-more-option-input,
#loanMoreOptionsPanel .loan-more-option-output{
  min-height:42px !important;
  height:42px !important;
  line-height:42px !important;
}

#loanMoreOptionsPanel .loan-more-option-input,
#loanMoreOptionsPanel .loan-more-option-output{
  color:#111827 !important;
  font-size:15px !important;
  font-weight:650 !important;
}

#loanMoreOptionsPanel .loan-more-option-field:focus-within{
  background:transparent !important;
  border-bottom-color:rgba(9,9,121,0.34) !important;
}

#loanMoreOptionsPanel .loan-more-option-field--total{
  background:transparent !important;
}

#loanMoreOptionsPanel .loan-more-option-field--total .loan-more-option-label,
#loanMoreOptionsPanel .loan-more-option-field--total .loan-more-option-output{
  color:#111827 !important;
  font-size:15px !important;
  font-weight:800 !important;
}

#loanMoreOptionsPanel .loan-fee-rate-control{
  min-height:26px !important;
  padding:0 8px !important;
  border:1px solid rgba(209,213,219,0.95) !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  color:#111827 !important;
  cursor:pointer !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}

#loanMoreOptionsPanel .loan-fee-rate-control:hover,
#loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
#loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  border-color:rgba(9,9,121,0.42) !important;
  box-shadow:0 0 0 3px rgba(9,9,121,0.08) !important;
}

#loanMoreOptionsPanel .loan-fee-rate-input{
  width:2.6em !important;
  color:#111827 !important;
  font-size:13px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}

#loanMoreOptionsPanel .loan-fee-rate-control.is-editing .loan-fee-rate-input{
  cursor:text !important;
}

#loanMoreOptionsPanel .loan-fee-rate-symbol{
  color:#4B5563 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

#loanMoreOptionsPanel #loanOptionFee[readonly]{
  color:#374151 !important;
  cursor:default !important;
}

@media (max-width:420px){
  #loanMoreOptionsPanel .loan-more-option-field{
    grid-template-columns:minmax(0,1fr) minmax(104px,0.72fr) !important;
  }

  #loanMoreOptionsPanel .loan-more-option-label,
  #loanMoreOptionsPanel .loan-more-option-input,
  #loanMoreOptionsPanel .loan-more-option-output{
    font-size:13px !important;
  }
}

/* Final capsule polish: loaded from loan.css so root and Kredia use the same override. */
#inputSection{
  --loan-capsule-border:rgba(9,9,121,0.26);
  --loan-capsule-border-focus:rgba(9,9,121,0.42);
  --loan-capsule-invalid:#C92A2A;
  --loan-capsule-bg:#FFFFFF;
  --loan-capsule-radius:22px;
  --loan-capsule-top:32px;
  --loan-capsule-body:54px;
  --loan-capsule-pad-x:22px;
  --loan-capsule-line-right:22px;
  --loan-capsule-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 0.5px rgba(255,255,255,0.72) inset,
    0 8px 18px rgba(9,9,121,0.045);
  --loan-capsule-shadow-focus:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 3px rgba(9,9,121,0.075),
    0 10px 24px rgba(9,9,121,0.09);
}

body.credit-page #inputSection #principalRow.field-row,
body.credit-page #inputSection #rateRow.field-row,
body.credit-page #inputSection #monthsRow.field-row{
  grid-template-rows:var(--loan-capsule-top) var(--loan-capsule-body) !important;
  min-height:calc(var(--loan-capsule-top) + var(--loan-capsule-body)) !important;
  height:calc(var(--loan-capsule-top) + var(--loan-capsule-body)) !important;
  margin-top:16px !important;
  padding:0 !important;
  overflow:visible !important;
  position:relative !important;
  isolation:isolate !important;
  background:#FFFFFF !important;
  border:1.5px solid var(--loan-capsule-border) !important;
  border-radius:var(--loan-capsule-radius) !important;
  box-shadow:var(--loan-capsule-shadow) !important;
}

body.credit-page #inputSection #principalRow{ --loan-capsule-label-width:44px; }
body.credit-page #inputSection #rateRow{ --loan-capsule-label-width:52px; }
body.credit-page #inputSection #monthsRow{ --loan-capsule-label-width:34px; }

body.credit-page #inputSection #principalRow.field-row:focus-within,
body.credit-page #inputSection #rateRow.field-row:focus-within,
body.credit-page #inputSection #monthsRow.field-row:focus-within{
  border-color:var(--loan-capsule-border-focus) !important;
  box-shadow:var(--loan-capsule-shadow-focus) !important;
}

body.credit-page #inputSection #principalRow.field-row.is-invalid,
body.credit-page #inputSection #rateRow.field-row.is-invalid,
body.credit-page #inputSection #monthsRow.field-row.is-invalid{
  border-color:var(--loan-capsule-invalid) !important;
  box-shadow:0 0 0 3px rgba(201,42,42,0.10), 0 8px 18px rgba(201,42,42,0.06) !important;
}

body.credit-page #inputSection #principalRow.field-row::before,
body.credit-page #inputSection #rateRow.field-row::before,
body.credit-page #inputSection #monthsRow.field-row::before{
  position:absolute !important;
  top:calc(var(--loan-capsule-top) - 10px) !important;
  left:var(--loan-capsule-pad-x) !important;
  z-index:6 !important;
  display:inline-flex !important;
  align-items:center !important;
  width:var(--loan-capsule-label-width) !important;
  min-width:0 !important;
  height:18px !important;
  padding:0 !important;
  background:transparent !important;
  color:#1C1C1E !important;
  font-family:var(--ios-form-font, Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif) !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:18px !important;
  letter-spacing:0 !important;
  pointer-events:none !important;
}

body.credit-page #inputSection #principalRow.field-row::before{ content:"Shuma" !important; }
body.credit-page #inputSection #rateRow.field-row::before{ content:"Interesi" !important; }
body.credit-page #inputSection #monthsRow.field-row::before{ content:"Afati" !important; }

body.credit-page #inputSection #principalRow.field-row::after,
body.credit-page #inputSection #rateRow.field-row::after,
body.credit-page #inputSection #monthsRow.field-row::after{
  content:"" !important;
  position:absolute !important;
  top:var(--loan-capsule-top) !important;
  left:calc(var(--loan-capsule-pad-x) + var(--loan-capsule-label-width) + 8px) !important;
  right:var(--loan-capsule-line-right) !important;
  z-index:5 !important;
  display:block !important;
  width:auto !important;
  height:1.5px !important;
  background:var(--loan-capsule-border) !important;
  border-radius:999px !important;
  pointer-events:none !important;
}

body.credit-page #inputSection #principalRow.field-row.is-invalid::before,
body.credit-page #inputSection #rateRow.field-row.is-invalid::before,
body.credit-page #inputSection #monthsRow.field-row.is-invalid::before{
  color:var(--loan-capsule-invalid) !important;
}

body.credit-page #inputSection #principalRow.field-row.is-invalid::after,
body.credit-page #inputSection #rateRow.field-row.is-invalid::after,
body.credit-page #inputSection #monthsRow.field-row.is-invalid::after{
  background:var(--loan-capsule-invalid) !important;
}

body.credit-page #inputSection #principalRow .field-input,
body.credit-page #inputSection #rateRow .field-input,
body.credit-page #inputSection #monthsRow .field-input{
  grid-row:2 !important;
  min-height:var(--loan-capsule-body) !important;
  height:var(--loan-capsule-body) !important;
}

body.credit-page #inputSection #principalRow .split-field--principal,
body.credit-page #inputSection #rateRow .split-field--principal,
body.credit-page #inputSection #monthsRow .split-field--principal,
body.credit-page #inputSection #principalRow .split-field--principal.is-valid,
body.credit-page #inputSection #rateRow .split-field--principal.is-valid,
body.credit-page #inputSection #monthsRow .split-field--principal.is-valid,
body.credit-page #inputSection #principalRow .split-field--principal.is-invalid,
body.credit-page #inputSection #rateRow .split-field--principal.is-invalid,
body.credit-page #inputSection #monthsRow .split-field--principal.is-invalid{
  min-height:var(--loan-capsule-body) !important;
  height:var(--loan-capsule-body) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:var(--loan-capsule-radius) !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body,
body.credit-page #inputSection #principalRow .split-field-entry,
body.credit-page #inputSection #rateRow .split-field-entry,
body.credit-page #inputSection #monthsRow .split-field-entry{
  min-height:var(--loan-capsule-body) !important;
  height:var(--loan-capsule-body) !important;
}

body.credit-page #inputSection #principalRow .split-field-body,
body.credit-page #inputSection #rateRow .split-field-body,
body.credit-page #inputSection #monthsRow .split-field-body{
  padding:0 10px 0 var(--loan-capsule-pad-x) !important;
}

body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control,
body.credit-page #inputSection #principalRow .split-field-body input.split-field-control::placeholder,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control::placeholder,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control::placeholder{
  min-height:var(--loan-capsule-body) !important;
  height:var(--loan-capsule-body) !important;
  line-height:var(--loan-capsule-body) !important;
}

body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--radio,
body.credit-page #inputSection #monthsRow .split-field-unit--radio,
body.credit-page #inputSection #principalRow .currency-radio-group,
body.credit-page #inputSection #rateRow .unit-radio-group,
body.credit-page #inputSection #monthsRow .unit-radio-group{
  min-height:var(--loan-capsule-body) !important;
  height:var(--loan-capsule-body) !important;
}

body.credit-page #inputSection #principalHint,
body.credit-page #inputSection #rateHint,
body.credit-page #inputSection #monthsHint,
body.credit-page #inputSection #principalHint.is-visible,
body.credit-page #inputSection #rateHint.is-visible,
body.credit-page #inputSection #monthsHint.is-visible,
body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport{
  min-height:var(--loan-capsule-top) !important;
  height:var(--loan-capsule-top) !important;
}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint .field-info-scroll-viewport,
body.credit-page #inputSection #principalHint .field-choice-values,
body.credit-page #inputSection #rateHint .field-choice-values,
body.credit-page #inputSection #monthsHint .field-choice-values{
  align-items:center !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice{
  min-height:24px !important;
  height:24px !important;
  padding:0 10px !important;
  line-height:24px !important;
}

@media (max-width:720px){
  #inputSection{
    --loan-capsule-radius:21px;
    --loan-capsule-top:30px;
    --loan-capsule-body:54px;
    --loan-capsule-pad-x:20px;
    --loan-capsule-line-right:20px;
  }

  body.credit-page #inputSection #principalRow.field-row,
  body.credit-page #inputSection #rateRow.field-row,
  body.credit-page #inputSection #monthsRow.field-row{
    margin-top:14px !important;
  }

  body.credit-page #inputSection #principalRow.field-row::before,
  body.credit-page #inputSection #rateRow.field-row::before,
  body.credit-page #inputSection #monthsRow.field-row::before{
    top:calc(var(--loan-capsule-top) - 10px) !important;
    height:17px !important;
    font-size:13px !important;
    line-height:17px !important;
  }
}

/* Requested credit form polish: centered title line, iOS currency switch, and cleaner Fee control. */
body.credit-page #inputSection #principalRow.field-row::after,
body.credit-page #inputSection #rateRow.field-row::after,
body.credit-page #inputSection #monthsRow.field-row::after{
  top:calc(var(--loan-capsule-top) - 1px) !important;
}

body.credit-page #inputSection #principalRow .split-field-unit--select{
  flex:0 0 128px !important;
  width:128px !important;
  min-width:128px !important;
  padding:0 8px 0 0 !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  width:112px !important;
  min-width:112px !important;
  height:32px !important;
  min-height:32px !important;
  padding:2px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(118,118,128,0.16) !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.08), 0 1px 0 rgba(255,255,255,0.90) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group::before{
  content:"" !important;
  position:absolute !important;
  top:2px !important;
  left:2px !important;
  z-index:0 !important;
  width:calc((100% - 4px) / 2) !important;
  height:calc(100% - 4px) !important;
  border-radius:999px !important;
  background:#FFFFFF !important;
  box-shadow:0 1px 3px rgba(0,0,0,0.20), 0 0 0 0.5px rgba(0,0,0,0.05) !important;
  transform:translateX(0) !important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group[data-currency="EUR"]::before,
body.credit-page #inputSection #principalRow .currency-radio-group:has(.currency-radio-input[value="EUR"]:checked)::before{
  transform:translateX(100%) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 8px !important;
  margin:0 !important;
  color:#6B7280 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  font-family:var(--ios-form-font, Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

body.credit-page #inputSection #principalRow .currency-radio-mark{
  display:none !important;
}

body.credit-page #inputSection #principalRow .currency-radio-text{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:auto !important;
  min-height:0 !important;
  color:inherit !important;
  line-height:1 !important;
}

body.credit-page #inputSection #principalRow .currency-radio-input:checked + .currency-radio-mark + .currency-radio-text{
  color:#111827 !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option:has(.currency-radio-input:focus-visible){
  outline:2px solid rgba(0,122,255,0.32) !important;
  outline-offset:2px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label--fee{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-height:44px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control{
  min-width:78px !important;
  min-height:34px !important;
  height:34px !important;
  padding:0 12px !important;
  justify-content:center !important;
  gap:7px !important;
  border:1px solid rgba(209,213,219,0.95) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%) !important;
  color:#111827 !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.06), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:hover,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  border-color:rgba(0,122,255,0.42) !important;
  box-shadow:0 0 0 3px rgba(0,122,255,0.10), 0 1px 2px rgba(15,23,42,0.06) !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input{
  width:3ch !important;
  height:32px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#111827 !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:32px !important;
  text-align:right !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  color:#4B5563 !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

/* Requested final polish: aligned info chips, line-only validation, and cleaner amortization header. */
body.credit-page #inputSection{
  --loan-principal-line-start:calc(var(--loan-capsule-pad-x) + 44px + 8px);
  --loan-rate-line-start:calc(var(--loan-capsule-pad-x) + 52px + 8px);
  --loan-months-line-start:calc(var(--loan-capsule-pad-x) + 34px + 8px);
}

body.credit-page #inputSection #principalRow.field-row::after,
body.credit-page #inputSection #rateRow.field-row::after,
body.credit-page #inputSection #monthsRow.field-row::after{
  top:calc(var(--loan-capsule-top) + 3px) !important;
}

body.credit-page #inputSection #principalRow.field-row::after{
  left:var(--loan-principal-line-start) !important;
}

body.credit-page #inputSection #rateRow.field-row::after{
  left:var(--loan-rate-line-start) !important;
}

body.credit-page #inputSection #monthsRow.field-row::after{
  left:var(--loan-months-line-start) !important;
}

body.credit-page #inputSection #principalHint .field-info-scroll-viewport,
body.credit-page #inputSection #principalHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding-left:calc(var(--loan-principal-line-start) + 7px) !important;
}

body.credit-page #inputSection #rateHint .field-info-scroll-viewport,
body.credit-page #inputSection #rateHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding-left:var(--loan-rate-line-start) !important;
}

body.credit-page #inputSection #monthsHint .field-info-scroll-viewport,
body.credit-page #inputSection #monthsHint.field-info.field-info--scrollable .field-info-scroll-viewport{
  padding-left:var(--loan-months-line-start) !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice{
  position:relative !important;
  color:#1C1C1E !important;
  background:rgba(118,118,128,0.10) !important;
  background-color:rgba(118,118,128,0.10) !important;
  border:0 !important;
  box-shadow:0 1px 1px rgba(0,0,0,0.035) !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected,
body.credit-page #inputSection #principalHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #principalHint .field-fill-choice.is-selected:focus-visible,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected:focus-visible,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected:focus-visible{
  padding-right:22px !important;
  color:#1C1C1E !important;
  background:rgba(118,118,128,0.10) !important;
  background-color:rgba(118,118,128,0.10) !important;
  border:0 !important;
  box-shadow:0 1px 1px rgba(0,0,0,0.035) !important;
  font-weight:400 !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected::after,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected::after,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  right:8px !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:#30D158 !important;
  box-shadow:0 0 0 2px rgba(48,209,88,0.16), 0 1px 2px rgba(14,118,43,0.28) !important;
  transform:translateY(-50%) !important;
  pointer-events:none !important;
}

body.credit-page #inputSection #principalRow.field-row.is-invalid,
body.credit-page #inputSection #rateRow.field-row.is-invalid,
body.credit-page #inputSection #monthsRow.field-row.is-invalid{
  border-color:var(--loan-capsule-border) !important;
  box-shadow:var(--loan-capsule-shadow) !important;
}

body.credit-page #inputSection #principalRow.field-row.is-invalid::before,
body.credit-page #inputSection #rateRow.field-row.is-invalid::before,
body.credit-page #inputSection #monthsRow.field-row.is-invalid::before{
  color:#1C1C1E !important;
}

body.credit-page #product.field-control--standalone.is-invalid,
body.credit-page #product.field-control--standalone.is-invalid:focus{
  border-color:rgba(9,9,121,0.26) !important;
  background-color:#FFFFFF !important;
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.96) inset,
    0 0 0 0.5px rgba(255,255,255,0.72) inset,
    0 8px 18px rgba(9,9,121,0.055) !important;
}

body.credit-page #resultsPanel.table-panel,
body.credit-page #resultsPanel.card-min.table-premium{
  padding-left:12px !important;
  box-sizing:border-box !important;
}

body.credit-page #resultsPanel .table-scroll{
  padding-left:0 !important;
}

body.credit-page .loan-table thead .schedule-meta-row,
body.credit-page .loan-table thead .schedule-meta-row th{
  background:#FFFFFF !important;
}

@media (max-width:720px){
  body.credit-page #resultsPanel.table-panel,
  body.credit-page #resultsPanel.card-min.table-premium{
    width:calc(100% - 12px) !important;
    margin-left:12px !important;
    padding-left:0 !important;
  }
}

/* Unit selectors as compact dropdowns and outlined Details control. */
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 126px !important;
  width:126px !important;
  min-width:126px !important;
  min-height:var(--loan-capsule-body) !important;
  height:var(--loan-capsule-body) !important;
  padding:0 8px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  flex-basis:92px !important;
  width:92px !important;
  min-width:92px !important;
}

body.credit-page #inputSection .unit-select-control{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 30px 0 13px !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:rgba(118,118,128,0.14) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.2L5 5l4-3.8' fill='none' stroke='%236B7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  background-size:10px 6px !important;
  color:#1C1C1E !important;
  -webkit-text-fill-color:#1C1C1E !important;
  font-family:var(--ios-form-font, Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif) !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:34px !important;
  letter-spacing:0 !important;
  text-align:left !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.045), 0 1px 0 rgba(255,255,255,0.92) !important;
}

body.credit-page #inputSection .unit-select-control:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(0,122,255,0.12), inset 0 1px 1px rgba(0,0,0,0.045) !important;
}

body.credit-page #inputSection .unit-select-control--term{
  padding-left:14px !important;
}

body.credit-page #rateRow .unit-radio-group,
body.credit-page #monthsRow .unit-radio-group{
  display:none !important;
}

body.credit-page #loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border:1.5px solid rgba(28,28,30,0.68) !important;
  border-radius:999px !important;
  background:transparent !important;
  background-color:transparent !important;
  color:#1C1C1E !important;
  box-shadow:none !important;
}

body.credit-page #loanMoreOptionsToggleMark::before{
  width:8px !important;
  height:8px !important;
  border-right:2px solid #1C1C1E !important;
  border-bottom:2px solid #1C1C1E !important;
  transform:translateY(-2px) rotate(45deg) !important;
}

body.credit-page #loanMoreOptionsToggle.is-open #loanMoreOptionsToggleMark::before{
  transform:translateY(2px) rotate(225deg) !important;
}

/* Final iOS tuning pass for labels, inline currency suffixes and compact selectors. */
body.credit-page #inputSection #principalRow.field-row::before,
body.credit-page #inputSection #rateRow.field-row::before,
body.credit-page #inputSection #monthsRow.field-row::before,
body.credit-page #inputSection #principalRow.field-row.is-invalid::before,
body.credit-page #inputSection #rateRow.field-row.is-invalid::before,
body.credit-page #inputSection #monthsRow.field-row.is-invalid::before{
  color:#090979 !important;
}

body.credit-page #principalRow .split-field-body input.split-field-control,
body.credit-page #rateRow .split-field-body input.split-field-control,
body.credit-page #monthsRow .split-field-body input.split-field-control{
  color:#090979 !important;
  -webkit-text-fill-color:#090979 !important;
  font-size:17px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  font-variant-numeric:tabular-nums !important;
}

body.credit-page #principalRow .split-field-body input.split-field-control::placeholder,
body.credit-page #rateRow .split-field-body input.split-field-control::placeholder,
body.credit-page #monthsRow .split-field-body input.split-field-control::placeholder{
  color:#A7A7AD !important;
  -webkit-text-fill-color:#A7A7AD !important;
  font-size:17px !important;
  font-weight:500 !important;
  opacity:1 !important;
}

body.credit-page #principalRow .split-field-entry{
  gap:6px !important;
}

body.credit-page #principalRow .split-field-entry.has-principal-value #principal{
  flex:0 0 auto !important;
  width:calc((var(--principal-value-ch, 1) * 0.62em) + 4px) !important;
  min-width:0 !important;
  max-width:calc(100% - 48px) !important;
  padding-right:0 !important;
}

body.credit-page #principalRow .principal-currency-suffix{
  display:none !important;
  align-items:center !important;
  height:var(--loan-capsule-body) !important;
  color:#090979 !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  pointer-events:none !important;
  user-select:none !important;
}

body.credit-page #principalRow .split-field-entry.has-principal-value .principal-currency-suffix{
  display:inline-flex !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group,
body.credit-page #inputSection .unit-select-control{
  width:118px !important;
  min-width:118px !important;
  height:34px !important;
  min-height:34px !important;
  border-radius:10px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group{
  padding:2px !important;
  background:rgba(118,118,128,0.14) !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.045), 0 1px 0 rgba(255,255,255,0.92) !important;
}

body.credit-page #inputSection #principalRow .currency-radio-group::before{
  border-radius:8px !important;
}

body.credit-page #inputSection #principalRow .currency-radio-option{
  height:30px !important;
  min-height:30px !important;
  border-radius:8px !important;
  font-size:13px !important;
  font-weight:700 !important;
}

body.credit-page #inputSection #principalRow .split-field-unit--select,
body.credit-page #inputSection #rateRow .split-field-unit--dropdown,
body.credit-page #inputSection #monthsRow .split-field-unit--dropdown{
  flex:0 0 132px !important;
  width:132px !important;
  min-width:132px !important;
  padding-right:8px !important;
}

body.credit-page #inputSection .unit-select-control{
  padding-left:13px !important;
  border-radius:10px !important;
  font-size:13px !important;
  font-weight:700 !important;
}

body.credit-page #loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  border:1.4px solid rgba(28,28,30,0.72) !important;
}

body.credit-page #loanMoreOptionsToggleMark::before{
  width:7px !important;
  height:7px !important;
  border-right-width:2.4px !important;
  border-bottom-width:2.4px !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice{
  font-weight:400 !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected,
body.credit-page #inputSection #principalHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #principalHint .field-fill-choice.is-selected:focus-visible,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected:focus-visible,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected:focus-visible{
  padding-left:22px !important;
  padding-right:9px !important;
  font-weight:700 !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected::after,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected::after,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected::after{
  left:8px !important;
  right:auto !important;
  width:7px !important;
  height:7px !important;
  background:#248A3D !important;
  box-shadow:0 0 0 2px rgba(36,138,61,0.16), 0 1px 2px rgba(21,83,36,0.30) !important;
}

body.credit-page .loan-detail-label,
body.credit-page .loan-detail-value,
body.credit-page #printDateTime{
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
}

body.credit-page .loan-detail-label{
  width:1% !important;
  min-width:max-content !important;
  background:#F2F4F7 !important;
  color:#111827 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

body.credit-page .loan-detail-value{
  background:#FFFFFF !important;
  color:#111827 !important;
  white-space:nowrap !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label--fee{
  display:grid !important;
  grid-template-columns:auto minmax(84px,1fr) !important;
  align-items:center !important;
  gap:0 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control{
  justify-self:center !important;
  margin-left:10px !important;
}

/* v2.7.9: restore amortization table balance and simplify fee/input states. */
body.credit-page #inputSection #principalRow .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field-body input.split-field-control,
body.credit-page #principalRow .split-field-body input.split-field-control,
body.credit-page #rateRow .split-field-body input.split-field-control,
body.credit-page #monthsRow .split-field-body input.split-field-control{
  color:#1C1C1E !important;
  -webkit-text-fill-color:#1C1C1E !important;
}

body.credit-page #principalRow .principal-currency-suffix{
  color:#1C1C1E !important;
}

body.credit-page #resultsPanel.table-panel,
body.credit-page #resultsPanel.card-min.table-premium{
  width:100% !important;
  margin-left:0 !important;
  padding-left:0 !important;
}

body.credit-page #resultsPanel .table-scroll{
  padding-left:0 !important;
}

body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row,
body.credit-page .loan-table thead .schedule-meta-row th{
  background:#FFFFFF !important;
  color:var(--ui-text) !important;
}

body.credit-page .loan-detail-label,
body.credit-page .loan-detail-value,
body.credit-page .schedule-meta-cell{
  border-bottom:1px solid rgba(148,163,184,0.16) !important;
  color:var(--ui-muted) !important;
  font-size:0.76rem !important;
  font-weight:500 !important;
  font-variant-numeric:normal !important;
  letter-spacing:0 !important;
  line-height:1.45 !important;
  text-align:left !important;
  text-transform:none !important;
  white-space:normal !important;
  width:auto !important;
  min-width:0 !important;
  background:#FFFFFF !important;
}

body.credit-page .loan-detail-label{
  color:var(--ui-text) !important;
  font-weight:700 !important;
}

body.credit-page .loan-detail-value{
  color:var(--ui-text) !important;
  font-weight:500 !important;
}

body.credit-page .loan-table th.schedule-meta-cell{
  position:static !important;
  padding:10px 12px !important;
  background:#FFFFFF !important;
}

body.credit-page .schedule-meta-cell > span:first-child{
  display:inline !important;
  color:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  text-transform:none !important;
}

body.credit-page .schedule-meta-cell #printDateTime{
  position:static !important;
  top:auto !important;
  right:auto !important;
  display:inline !important;
  float:right !important;
  align-items:normal !important;
  justify-content:normal !important;
  width:auto !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  text-align:right !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  margin:0 0 0 12px !important;
  box-sizing:content-box !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:hover,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  min-width:0 !important;
  width:auto !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111827 !important;
  gap:4px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input{
  width:4ch !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  text-align:right !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  color:#111827 !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
}

@media (max-width:720px){
  body.credit-page #resultsPanel.table-panel,
  body.credit-page #resultsPanel.card-min.table-premium{
    width:100% !important;
    margin-left:0 !important;
    padding-left:0 !important;
  }
}

/* v2.7.10: decimal fee input, inline percent suffix and two-column detail/table polish. */
body.credit-page #rateRow .split-field-entry{
  gap:6px !important;
}

body.credit-page #rateRow .split-field-entry.has-rate-value #rate{
  flex:0 0 auto !important;
  width:calc((var(--rate-value-ch, 1) * 0.62em) + 4px) !important;
  min-width:0 !important;
  max-width:calc(100% - 28px) !important;
  padding-right:0 !important;
}

body.credit-page #rateRow .rate-unit-suffix{
  display:none !important;
  align-items:center !important;
  height:var(--loan-capsule-body) !important;
  color:#1C1C1E !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  pointer-events:none !important;
  user-select:none !important;
}

body.credit-page #rateRow .split-field-entry.has-rate-value .rate-unit-suffix{
  display:inline-flex !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-options-grid{
  gap:0 !important;
  border-top:1px solid rgba(148,163,184,0.18) !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field{
  grid-template-columns:minmax(0,1fr) minmax(0,2fr) !important;
  gap:0 !important;
  min-height:40px !important;
  border-bottom:1px solid rgba(148,163,184,0.18) !important;
  background:transparent !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-control,
body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  font-size:13px !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label{
  display:flex !important;
  align-items:center !important;
  min-height:40px !important;
  padding:0 8px !important;
  background:#F2F4F7 !important;
  color:#111827 !important;
  font-weight:700 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label--fee{
  display:flex !important;
  grid-template-columns:none !important;
  justify-content:space-between !important;
  gap:6px !important;
  margin:0 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-control{
  min-height:40px !important;
  padding:0 8px !important;
  background:#FFFFFF !important;
  justify-content:flex-end !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output{
  max-width:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-weight:700 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input{
  width:4.4ch !important;
  max-width:4.4ch !important;
}

body.credit-page .loan-table{
  min-width:640px !important;
  table-layout:fixed !important;
  font-size:13px !important;
}

body.credit-page .loan-table th,
body.credit-page .loan-table td,
body.credit-page .loan-detail-label,
body.credit-page .loan-detail-value,
body.credit-page .schedule-meta-label,
body.credit-page .schedule-meta-value{
  font-size:13px !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  vertical-align:middle !important;
}

body.credit-page .loan-detail-label,
body.credit-page .schedule-meta-label{
  width:33.333% !important;
  padding:9px 10px !important;
  background:#F2F4F7 !important;
  color:#111827 !important;
  font-weight:700 !important;
  text-align:left !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.credit-page .loan-detail-value,
body.credit-page .schedule-meta-value{
  width:66.667% !important;
  padding:9px 10px !important;
  background:#FFFFFF !important;
  color:#111827 !important;
  font-weight:700 !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.credit-page .schedule-meta-value{
  display:table-cell !important;
}

body.credit-page .schedule-meta-value #scheduleProduct{
  display:inline-block !important;
  max-width:calc(100% - 118px) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
}

body.credit-page .schedule-meta-value #printDateTime{
  position:static !important;
  display:inline-block !important;
  float:right !important;
  width:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#111827 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
}

body.credit-page .schedule-total-row td,
body.credit-page #schedule td{
  font-size:13px !important;
  line-height:1.35 !important;
}

/* v2.7.11: compact mobile table/details alignment and responsive spacing. */
body.credit-page #resultsPanel.table-panel,
body.credit-page #resultsPanel.card-min.table-premium{
  width:calc(100% - 16px) !important;
  margin-left:16px !important;
  padding-left:0 !important;
  box-sizing:border-box !important;
}

body.credit-page #resultsPanel .table-scroll{
  width:100% !important;
  padding-left:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field{
  grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
  min-height:34px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-control{
  min-height:34px !important;
  padding:0 9px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-control,
body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  font-size:13px !important;
  line-height:1.2 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label{
  justify-content:flex-start !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label--fee{
  justify-content:space-between !important;
}

body.credit-page .loan-table{
  min-width:620px !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
}

body.credit-page .loan-table th,
body.credit-page .loan-table td{
  padding:7px 8px !important;
  font-size:13px !important;
  line-height:1.22 !important;
}

body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row{
  display:grid !important;
  grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
  width:100% !important;
  background:transparent !important;
}

body.credit-page .loan-table thead .loan-detail-row.is-hidden{
  display:none !important;
}

body.credit-page .loan-table thead .loan-detail-row > .loan-detail-label,
body.credit-page .loan-table thead .loan-detail-row > .loan-detail-value,
body.credit-page .loan-table thead .schedule-meta-row > .schedule-meta-label,
body.credit-page .loan-table thead .schedule-meta-row > .schedule-meta-value{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  width:auto !important;
  min-height:34px !important;
  padding:7px 9px !important;
  border-bottom:1px solid rgba(148,163,184,0.18) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  box-sizing:border-box !important;
}

body.credit-page .loan-table thead .loan-detail-row > .loan-detail-label,
body.credit-page .loan-table thead .schedule-meta-row > .schedule-meta-label{
  background:#F2F4F7 !important;
  color:#111827 !important;
  font-weight:800 !important;
  text-align:left !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.credit-page .loan-table thead .loan-detail-row > .loan-detail-value,
body.credit-page .loan-table thead .schedule-meta-row > .schedule-meta-value{
  background:#FFFFFF !important;
  color:#111827 !important;
  font-weight:800 !important;
  justify-content:space-between !important;
  gap:10px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}

body.credit-page .schedule-meta-value #scheduleProduct{
  flex:1 1 auto !important;
  max-width:none !important;
  min-width:0 !important;
}

body.credit-page .schedule-meta-value #printDateTime{
  flex:0 0 auto !important;
  float:none !important;
  font-size:13px !important;
}

body.credit-page .schedule-total-row td{
  padding-top:7px !important;
  padding-bottom:7px !important;
}

body.credit-page .schedule-total-amount{
  line-height:1.05 !important;
}

body.credit-page .schedule-total-amount__currency{
  color:#5F6673 !important;
  font-size:0.72em !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

body.credit-page #schedule td{
  padding-top:7px !important;
  padding-bottom:7px !important;
}

body.credit-page .loan-table-footnote-cell{
  padding:8px 9px !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

@media (max-width:720px){
  body.credit-page #resultsPanel.table-panel,
  body.credit-page #resultsPanel.card-min.table-premium{
    width:calc(100% - 14px) !important;
    margin-left:14px !important;
  }

  body.credit-page #loanMoreOptionsPanel .loan-more-option-field,
  body.credit-page .loan-table thead .loan-detail-row,
  body.credit-page .loan-table thead .schedule-meta-row{
    grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
  }

  body.credit-page .loan-table{
    min-width:600px !important;
  }
}

/* v2.7.12: keep unit dropdown text muted instead of black. */
body.credit-page #inputSection #rateRow .unit-select-control,
body.credit-page #inputSection #monthsRow .unit-select-control{
  color:#6B7280 !important;
  -webkit-text-fill-color:#6B7280 !important;
}

body.credit-page #inputSection #rateRow .unit-select-control option,
body.credit-page #inputSection #monthsRow .unit-select-control option{
  color:#6B7280 !important;
}

/* v2.7.13: compact details rows and full-width amortization detail header. */
body.credit-page #loanMoreOptionsPanel .loan-more-option-field{
  min-height:28px !important;
  height:28px !important;
  max-height:28px !important;
  grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
  overflow:hidden !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-control{
  min-height:28px !important;
  height:28px !important;
  max-height:28px !important;
  padding:0 8px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  font-size:13px !important;
  line-height:28px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output{
  height:28px !important;
  min-height:28px !important;
  padding:0 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:hover,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  min-height:28px !important;
  height:28px !important;
}

body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row{
  display:table-row !important;
  width:auto !important;
  background:#FFFFFF !important;
}

body.credit-page .loan-table thead .loan-detail-row.is-hidden{
  display:none !important;
}

body.credit-page .loan-detail-shell,
body.credit-page .schedule-meta-shell{
  display:table-cell !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:#FFFFFF !important;
}

body.credit-page .loan-detail-grid,
body.credit-page .schedule-meta-grid{
  display:grid !important;
  grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
  width:100% !important;
  min-width:0 !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .loan-detail-grid > .loan-detail-value,
body.credit-page .schedule-meta-grid > .schedule-meta-label,
body.credit-page .schedule-meta-grid > .schedule-meta-value{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  min-height:34px !important;
  padding:7px 10px !important;
  border-bottom:1px solid rgba(148,163,184,0.18) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  box-sizing:border-box !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .schedule-meta-grid > .schedule-meta-label{
  background:#F2F4F7 !important;
  color:#111827 !important;
  font-weight:800 !important;
  text-align:left !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.credit-page .loan-detail-grid > .loan-detail-value,
body.credit-page .schedule-meta-grid > .schedule-meta-value{
  background:#FFFFFF !important;
  color:#111827 !important;
  font-weight:800 !important;
  justify-content:space-between !important;
  gap:10px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-align:left !important;
}

body.credit-page .schedule-meta-grid #scheduleProduct{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.credit-page .schedule-meta-grid #printDateTime{
  flex:0 0 auto !important;
  float:none !important;
  width:auto !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

@media (max-width:720px){
  body.credit-page .loan-detail-grid,
  body.credit-page .schedule-meta-grid{
    grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
  }

  body.credit-page .loan-table{
    min-width:620px !important;
  }
}

/* v2.7.14: WhatsApp share pill, date/detail spacing, and matched table metadata type. */
body.credit-page .credit-actions .btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-secondary.btn-share-ios{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex:0 1 286px !important;
  width:286px !important;
  inline-size:286px !important;
  max-width:100% !important;
  min-height:48px !important;
  height:48px !important;
  padding:0 18px !important;
  border:1px solid rgba(60,60,67,0.12) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F2F2F7 100%) !important;
  background-color:#F2F2F7 !important;
  color:#1C1C1E !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.86),
    0 8px 18px rgba(17,24,39,0.08) !important;
  font-family:var(--font-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif) !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

body.credit-page .credit-actions .btn-share-ios:hover,
body.credit-page .credit-actions .btn-share-ios:focus-visible{
  background:linear-gradient(180deg,#FFFFFF 0%,#EAEAEE 100%) !important;
  background-color:#EAEAEE !important;
  color:#1C1C1E !important;
}

body.credit-page .credit-actions .btn-share-ios:active{
  transform:scale(0.982);
  background:linear-gradient(180deg,#F4F4F7 0%,#E2E2E7 100%) !important;
  background-color:#E2E2E7 !important;
}

body.credit-page #inputSection #loanDateRow{
  margin-bottom:8px !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .loan-detail-grid > .loan-detail-value,
body.credit-page .schedule-meta-grid > .schedule-meta-label,
body.credit-page .schedule-meta-grid > .schedule-meta-value{
  font-family:var(--font-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.22 !important;
  letter-spacing:0 !important;
}

body.credit-page .schedule-meta-grid #printDateTime{
  font-family:var(--font-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.22 !important;
  letter-spacing:0 !important;
}

/* v2.7.15: seamless amortization metadata rows matched to the table header row. */
body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row{
  border:0 !important;
  background:#FFFFFF !important;
}

body.credit-page .loan-detail-grid,
body.credit-page .schedule-meta-grid{
  gap:0 !important;
  row-gap:0 !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .loan-detail-grid > .loan-detail-value,
body.credit-page .schedule-meta-grid > .schedule-meta-label,
body.credit-page .schedule-meta-grid > .schedule-meta-value{
  min-height:30px !important;
  height:30px !important;
  padding:7px 8px !important;
  border-top:0 !important;
  border-bottom:0 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.22 !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .schedule-meta-grid > .schedule-meta-label{
  background:#F2F4F7 !important;
}

body.credit-page .loan-detail-grid > .loan-detail-value,
body.credit-page .schedule-meta-grid > .schedule-meta-value{
  background:#FFFFFF !important;
}

/* v2.7.16: lighter info chips and neutral iOS share symbol. */
body.credit-page #inputSection #principalHint .field-fill-choice,
body.credit-page #inputSection #rateHint .field-fill-choice,
body.credit-page #inputSection #monthsHint .field-fill-choice,
body.credit-page #inputSection #principalHint .field-info-expand,
body.credit-page #inputSection #rateHint .field-info-expand,
body.credit-page #inputSection #monthsHint .field-info-expand{
  color:#3A3A3C !important;
  background:transparent !important;
  background-color:transparent !important;
  border:1px solid rgba(142,142,147,0.46) !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice:hover,
body.credit-page #inputSection #rateHint .field-fill-choice:hover,
body.credit-page #inputSection #monthsHint .field-fill-choice:hover,
body.credit-page #inputSection #principalHint .field-fill-choice:focus-visible,
body.credit-page #inputSection #rateHint .field-fill-choice:focus-visible,
body.credit-page #inputSection #monthsHint .field-fill-choice:focus-visible,
body.credit-page #inputSection #principalHint .field-info-expand:hover,
body.credit-page #inputSection #rateHint .field-info-expand:hover,
body.credit-page #inputSection #monthsHint .field-info-expand:hover,
body.credit-page #inputSection #principalHint .field-info-expand:focus-visible,
body.credit-page #inputSection #rateHint .field-info-expand:focus-visible,
body.credit-page #inputSection #monthsHint .field-info-expand:focus-visible{
  color:#1C1C1E !important;
  background:transparent !important;
  background-color:transparent !important;
  border-color:rgba(99,99,102,0.62) !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #principalHint .field-fill-choice.is-selected,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected,
body.credit-page #inputSection #principalHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected:hover,
body.credit-page #inputSection #principalHint .field-fill-choice.is-selected:focus-visible,
body.credit-page #inputSection #rateHint .field-fill-choice.is-selected:focus-visible,
body.credit-page #inputSection #monthsHint .field-fill-choice.is-selected:focus-visible{
  color:#1C1C1E !important;
  background:transparent !important;
  background-color:transparent !important;
  border:1px solid rgba(99,99,102,0.72) !important;
  box-shadow:none !important;
}

body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 24px !important;
  width:24px !important;
  height:24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#1C1C1E !important;
}

body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* v2.7.17: compact amortization metadata block with full-width gray labels. */
body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row{
  height:28px !important;
  min-height:28px !important;
  border:0 !important;
  background:#FFFFFF !important;
}

body.credit-page .loan-detail-shell,
body.credit-page .schedule-meta-shell{
  height:28px !important;
  min-height:28px !important;
  padding:0 !important;
  border:0 !important;
  background:#FFFFFF !important;
}

body.credit-page .loan-detail-grid,
body.credit-page .schedule-meta-grid{
  display:grid !important;
  grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
  align-items:stretch !important;
  gap:0 !important;
  width:100% !important;
  min-width:100% !important;
  height:28px !important;
  min-height:28px !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .loan-detail-grid > .loan-detail-value,
body.credit-page .schedule-meta-grid > .schedule-meta-label,
body.credit-page .schedule-meta-grid > .schedule-meta-value{
  align-self:stretch !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:0 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:28px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .schedule-meta-grid > .schedule-meta-label{
  background:#F2F4F7 !important;
}

body.credit-page .loan-detail-grid > .loan-detail-value,
body.credit-page .schedule-meta-grid > .schedule-meta-value{
  background:#FFFFFF !important;
}

body.credit-page .schedule-meta-grid > .schedule-meta-value{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
}

body.credit-page .schedule-meta-grid #scheduleProduct,
body.credit-page .schedule-meta-grid #printDateTime{
  line-height:28px !important;
}

/* v2.7.18: align amortization pre-header to the visible Details 50/50 layout. */
body.credit-page #loanMoreOptionsPanel .loan-more-option-field{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}

body.credit-page #resultsPanel .table-scroll{
  container-type:inline-size;
}

body.credit-page .loan-detail-grid,
body.credit-page .schedule-meta-grid{
  grid-template-columns:
    minmax(0,calc((100vw - 52px) / 2))
    minmax(0,calc((100vw - 52px) / 2))
    minmax(0,1fr) !important;
  grid-template-columns:
    minmax(0,50cqw)
    minmax(0,50cqw)
    minmax(0,1fr) !important;
  width:100% !important;
  min-width:100% !important;
}

body.credit-page .loan-detail-grid::after{
  content:"" !important;
  display:block !important;
  grid-column:3 !important;
  grid-row:1 !important;
  min-width:0 !important;
  min-height:28px !important;
  height:28px !important;
  background:#FFFFFF !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .schedule-meta-grid > .schedule-meta-label{
  grid-column:1 !important;
  width:100% !important;
  background:#F2F4F7 !important;
}

body.credit-page .loan-detail-grid > .loan-detail-value{
  grid-column:2 !important;
  width:100% !important;
  background:#FFFFFF !important;
}

body.credit-page .schedule-meta-grid > .schedule-meta-value{
  grid-column:2 / 4 !important;
  display:grid !important;
  grid-template-columns:
    minmax(0,calc((100vw - 52px) / 2))
    minmax(0,1fr) !important;
  grid-template-columns:
    minmax(0,50cqw)
    minmax(0,1fr) !important;
  width:100% !important;
  min-width:0 !important;
  background:#FFFFFF !important;
}

body.credit-page .schedule-meta-grid #scheduleProduct{
  grid-column:1 !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.credit-page .schedule-meta-grid #printDateTime{
  grid-column:2 !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

@media (max-width:420px){
  body.credit-page .loan-detail-grid,
  body.credit-page .schedule-meta-grid{
    grid-template-columns:
      minmax(0,calc((100vw - 44px) / 2))
      minmax(0,calc((100vw - 44px) / 2))
      minmax(0,1fr) !important;
    grid-template-columns:
      minmax(0,50cqw)
      minmax(0,50cqw)
      minmax(0,1fr) !important;
  }
}

/* v2.7.19: contiguous zebra rows above the amortization table. */
body.credit-page .loan-table{
  border-collapse:collapse !important;
  border-spacing:0 !important;
}

body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row,
body.credit-page .loan-detail-shell,
body.credit-page .schedule-meta-shell{
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  vertical-align:top !important;
}

body.credit-page .loan-detail-grid,
body.credit-page .schedule-meta-grid{
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  line-height:0 !important;
}

body.credit-page .loan-detail-grid > .loan-detail-label,
body.credit-page .loan-detail-grid > .loan-detail-value,
body.credit-page .schedule-meta-grid > .schedule-meta-label,
body.credit-page .schedule-meta-grid > .schedule-meta-value,
body.credit-page .schedule-meta-grid #scheduleProduct,
body.credit-page .schedule-meta-grid #printDateTime{
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  margin:0 !important;
  border:0 !important;
  font-size:13px !important;
  line-height:28px !important;
}

body.credit-page .loan-table thead .loan-detail-row:not(.loan-preheader-row--stripe),
body.credit-page .loan-table thead .schedule-meta-row:not(.loan-preheader-row--stripe),
body.credit-page .loan-table thead .loan-detail-row:not(.loan-preheader-row--stripe) .loan-detail-shell,
body.credit-page .loan-table thead .schedule-meta-row:not(.loan-preheader-row--stripe) .schedule-meta-shell,
body.credit-page .loan-table thead .loan-detail-row:not(.loan-preheader-row--stripe) .loan-detail-grid > *,
body.credit-page .loan-table thead .schedule-meta-row:not(.loan-preheader-row--stripe) .schedule-meta-grid > *,
body.credit-page .loan-table thead .loan-detail-row:not(.loan-preheader-row--stripe) .loan-detail-grid::after{
  background:#FFFFFF !important;
}

body.credit-page .loan-table thead .loan-preheader-row--stripe,
body.credit-page .loan-table thead .loan-preheader-row--stripe .loan-detail-shell,
body.credit-page .loan-table thead .loan-preheader-row--stripe .schedule-meta-shell,
body.credit-page .loan-table thead .loan-preheader-row--stripe .loan-detail-grid > *,
body.credit-page .loan-table thead .loan-preheader-row--stripe .schedule-meta-grid > *,
body.credit-page .loan-table thead .loan-preheader-row--stripe .loan-detail-grid::after{
  background:rgba(148,163,184,0.14) !important;
}

/* v2.7.20: premium share action and single-layer amortization stripes. */
body.credit-page .credit-actions .btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-secondary.btn-share-ios{
  gap:9px !important;
  width:300px !important;
  inline-size:300px !important;
  min-height:52px !important;
  height:52px !important;
  padding:0 22px !important;
  border:1px solid rgba(255,255,255,0.72) !important;
  border-radius:999px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,0.94) 0%,rgba(245,246,250,0.90) 54%,rgba(231,233,240,0.90) 100%) !important;
  background-color:rgba(247,248,252,0.92) !important;
  color:#111827 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.98),
    inset 0 -1px 0 rgba(17,24,39,0.045),
    0 14px 32px rgba(17,24,39,0.13),
    0 2px 5px rgba(17,24,39,0.06) !important;
  -webkit-backdrop-filter:saturate(180%) blur(18px) !important;
  backdrop-filter:saturate(180%) blur(18px) !important;
  font-size:16px !important;
  font-weight:750 !important;
}

body.credit-page .credit-actions .btn-share-ios:hover,
body.credit-page .credit-actions .btn-share-ios:focus-visible{
  background:
    linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(241,243,248,0.94) 58%,rgba(226,229,237,0.94) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(17,24,39,0.055),
    0 16px 36px rgba(17,24,39,0.16),
    0 2px 6px rgba(17,24,39,0.07) !important;
}

body.credit-page .credit-actions .btn-share-ios:active{
  transform:scale(0.978);
}

body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon{
  flex:0 0 30px !important;
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.92),
    0 1px 3px rgba(17,24,39,0.08) !important;
  color:#111827 !important;
}

body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon svg{
  width:22px !important;
  height:22px !important;
  stroke-width:1.75 !important;
}

body.credit-page .credit-actions .btn-share-ios .share-ios-circle{
  opacity:.16 !important;
  fill:currentColor !important;
  stroke:none !important;
}

body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row{
  --loan-preheader-bg:#FFFFFF;
  background:var(--loan-preheader-bg) !important;
}

body.credit-page .loan-table thead .loan-preheader-row--stripe{
  --loan-preheader-bg:#EEF1F5;
}

body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row,
body.credit-page .loan-table thead .loan-detail-row .loan-detail-shell,
body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-shell,
body.credit-page .loan-table thead .loan-detail-row .loan-detail-grid,
body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-grid,
body.credit-page .loan-table thead .loan-detail-row .loan-detail-grid > *,
body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-grid > *,
body.credit-page .loan-table thead .loan-detail-row .loan-detail-grid::after{
  background:var(--loan-preheader-bg) !important;
}

/* v2.7.21: restore simple iOS share icon and make pre-table rows match amortization row height. */
body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon{
  flex:0 0 22px !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111827 !important;
}

body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon svg,
body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon i,
body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon [data-lucide]{
  display:block !important;
  width:20px !important;
  height:20px !important;
  stroke-width:2 !important;
}

body.credit-page .credit-actions .btn-share-ios .share-ios-circle{
  display:none !important;
}

body.credit-page .loan-table{
  --loan-preheader-row-height:30px;
  --loan-preheader-row-font-size:13px;
  --loan-preheader-row-padding-x:8px;
  --loan-preheader-row-border:rgba(148,163,184,0.16);
}

body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row{
  height:var(--loan-preheader-row-height) !important;
  min-height:var(--loan-preheader-row-height) !important;
  max-height:var(--loan-preheader-row-height) !important;
  border:0 !important;
  border-bottom:1px solid var(--loan-preheader-row-border) !important;
  box-sizing:border-box !important;
}

body.credit-page .loan-table thead .loan-detail-row,
body.credit-page .loan-table thead .schedule-meta-row{
  --loan-preheader-bg:#FFFFFF;
  background:var(--loan-preheader-bg) !important;
}

body.credit-page .loan-table thead .loan-preheader-row--stripe{
  --loan-preheader-bg:#EEF1F5;
}

body.credit-page .loan-table thead .loan-detail-row .loan-detail-shell,
body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-shell,
body.credit-page .loan-table thead .loan-detail-row .loan-detail-grid,
body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-grid{
  height:var(--loan-preheader-row-height) !important;
  min-height:var(--loan-preheader-row-height) !important;
  max-height:var(--loan-preheader-row-height) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:var(--loan-preheader-bg) !important;
  box-sizing:border-box !important;
  line-height:1.22 !important;
}

body.credit-page .loan-table thead .loan-detail-row .loan-detail-grid > .loan-detail-label,
body.credit-page .loan-table thead .loan-detail-row .loan-detail-grid > .loan-detail-value,
body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-grid > .schedule-meta-label,
body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-grid > .schedule-meta-value{
  height:var(--loan-preheader-row-height) !important;
  min-height:var(--loan-preheader-row-height) !important;
  max-height:var(--loan-preheader-row-height) !important;
  margin:0 !important;
  padding:0 var(--loan-preheader-row-padding-x) !important;
  border:0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
  font-size:var(--loan-preheader-row-font-size) !important;
  line-height:1.22 !important;
  display:flex !important;
  align-items:center !important;
}

body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-grid > .schedule-meta-value{
  display:grid !important;
  align-items:center !important;
}

body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-grid #scheduleProduct,
body.credit-page .loan-table thead .schedule-meta-row .schedule-meta-grid #printDateTime{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  font-size:var(--loan-preheader-row-font-size) !important;
  line-height:1.22 !important;
}

body.credit-page .loan-table thead .loan-detail-row .loan-detail-grid::after{
  height:var(--loan-preheader-row-height) !important;
  min-height:var(--loan-preheader-row-height) !important;
  max-height:var(--loan-preheader-row-height) !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

/* v2.7.22: unified Details zebra rows and smaller disclosure control. */
body.credit-page #loanMoreOptionsToggle.loan-more-options-toggle{
  min-height:38px !important;
  height:38px !important;
  padding:0 3px 0 6px !important;
}

body.credit-page #loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  min-height:26px !important;
  box-shadow:0 1px 4px rgba(17,24,39,0.16) !important;
}

body.credit-page #loanMoreOptionsToggleMark::before{
  width:7px !important;
  height:7px !important;
  border-right-width:2px !important;
  border-bottom-width:2px !important;
  transform:translateY(-1px) rotate(45deg) !important;
}

body.credit-page #loanMoreOptionsToggle.is-open #loanMoreOptionsToggleMark::before{
  transform:translateY(1px) rotate(225deg) !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-options-grid{
  overflow:hidden !important;
  border:1px solid rgba(148,163,184,0.18) !important;
  border-radius:12px !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field{
  --loan-details-row-bg:#FFFFFF;
  min-height:32px !important;
  height:32px !important;
  padding:0 8px !important;
  gap:8px !important;
  border:0 !important;
  border-bottom:1px solid rgba(148,163,184,0.16) !important;
  border-radius:0 !important;
  background:var(--loan-details-row-bg) !important;
  box-shadow:none !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field:nth-child(odd){
  --loan-details-row-bg:#EEF1F5;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field:nth-child(even){
  --loan-details-row-bg:#FFFFFF;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field:focus-within{
  background:var(--loan-details-row-bg) !important;
  border-bottom-color:rgba(148,163,184,0.16) !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-control,
body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control{
  min-height:32px !important;
  height:32px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  line-height:32px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  font-size:13px !important;
  line-height:32px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label{
  color:#111827 !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output{
  color:#111827 !important;
  font-weight:700 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control{
  gap:2px !important;
  min-width:auto !important;
}

/* v2.7.23: desktop/web split layout: menu rail, inputs rail, amortization workspace. */
@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    --loan-web-menu-width:152px;
    --loan-web-input-width:clamp(270px, 22vw, 330px);
    --loan-web-border:rgba(148,163,184,0.20);
    --loan-web-surface:#FFFFFF;
    min-height:100vh !important;
    height:100vh !important;
    max-height:100vh !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:var(--loan-web-surface) !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    inset:0 auto 0 0 !important;
    width:var(--loan-web-menu-width) !important;
    min-width:var(--loan-web-menu-width) !important;
    height:100vh !important;
    z-index:2140 !important;
    background:#F7F8FB !important;
    border-right:1px solid var(--loan-web-border) !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell .llogarites-top-header{
    position:static !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    min-height:88px !important;
    height:88px !important;
    padding:14px 12px !important;
    border:0 !important;
    border-bottom:1px solid var(--loan-web-border) !important;
    border-radius:0 !important;
    background:#FFFFFF !important;
    background-image:none !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    overflow:hidden !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell .llogarites-top-header::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell .llogarites-top-header::after{
    content:none !important;
    display:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .llogarites-top-header__menu-btn,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .llogarites-top-header__refresh-btn,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__overlay{
    display:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .llogarites-top-header__brand{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border-radius:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .llogarites-top-header__brand-logo{
    width:100% !important;
    max-width:118px !important;
    height:auto !important;
    max-height:52px !important;
    object-fit:contain !important;
    filter:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__sidebar,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__sidebar[hidden]{
    display:block !important;
    position:static !important;
    inset:auto !important;
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    padding:10px 10px 14px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    translate:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__nav{
    gap:8px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__group{
    gap:4px !important;
    margin:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__group + .mobile-top-shell__group{
    margin-top:10px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(148,163,184,0.16) !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link{
    min-height:38px !important;
    padding:0 9px !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    color:#111827 !important;
    font-size:13px !important;
    font-weight:700 !important;
    gap:8px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link svg,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link i{
    width:17px !important;
    height:17px !important;
    stroke-width:2 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link[aria-current="page"]{
    background:#E8EEF8 !important;
    color:#090979 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__footer{
    margin-top:12px !important;
    padding:10px 4px 0 !important;
    border-top:1px solid rgba(148,163,184,0.16) !important;
    font-size:10px !important;
    line-height:1.35 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:var(--loan-web-menu-width) !important;
    display:grid !important;
    grid-template-columns:var(--loan-web-input-width) minmax(50vw, 1fr) !important;
    grid-template-rows:minmax(0, 1fr) auto !important;
    gap:0 !important;
    width:auto !important;
    max-width:none !important;
    height:100vh !important;
    margin:0 !important;
    padding:0 !important;
    background:var(--loan-web-surface) !important;
    overflow:hidden !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:14px 12px 10px !important;
    border:0 !important;
    border-right:1px solid var(--loan-web-border) !important;
    border-radius:0 !important;
    background:#FFFFFF !important;
    box-shadow:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    gap:8px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions{
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:10px 12px 12px !important;
    border:0 !important;
    border-top:1px solid var(--loan-web-border) !important;
    border-right:1px solid var(--loan-web-border) !important;
    background:#FFFFFF !important;
    box-shadow:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions .btn-share-ios,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions > .btn-min.btn-share-ios,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions > .btn-min.btn-secondary.btn-share-ios{
    width:100% !important;
    inline-size:100% !important;
    max-width:none !important;
    height:42px !important;
    min-height:42px !important;
    font-size:14px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden{
    grid-column:2 !important;
    grid-row:1 / 3 !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:100vh !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#FFFFFF !important;
    overflow:hidden !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface .loan-results-divider{
    display:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#FFFFFF !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium.is-hidden{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    padding:0 !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table{
    width:100% !important;
    min-width:720px !important;
    border:0 !important;
    border-radius:0 !important;
  }
}

/* v2.7.24: keep the web header on top and split the workspace like the reference. */
@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    --loan-web-header-top:var(--mobile-top-shell-header-safe-height);
    --loan-web-menu-width:clamp(220px, 15.5vw, 296px);
    --loan-web-input-width:clamp(340px, calc(100vw - var(--loan-web-menu-width) - 50vw), 680px);
    --loan-web-border:rgba(148,163,184,0.22);
    height:100vh !important;
    max-height:100vh !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell{
    display:block !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    background:transparent !important;
    border:0 !important;
    overflow:visible !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell .llogarites-top-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:2142 !important;
    display:grid !important;
    grid-template-columns:var(--top-header-side) minmax(0, 1fr) var(--top-header-side) !important;
    width:100vw !important;
    max-width:100vw !important;
    min-height:var(--mobile-top-shell-header-safe-height) !important;
    height:var(--mobile-top-shell-header-safe-height) !important;
    padding:calc(var(--mobile-top-shell-safe-top) + 8px) var(--top-header-pad-right) 8px var(--top-header-pad-x) !important;
    border:0 !important;
    border-bottom:0.5px solid rgba(255,255,255,0.22) !important;
    background-color:rgba(101,18,112,0.56) !important;
    background-image:
      linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.030) 42%, rgba(16,8,58,0.24) 100%),
      linear-gradient(90deg, rgba(255,128,66,0.52) 0%, rgba(255,72,75,0.18) 16%, rgba(255,72,75,0) 36%),
      linear-gradient(90deg, rgba(255,72,75,0.76) 0%, rgba(255,22,92,0.74) 23%, rgba(232,16,111,0.70) 44%, rgba(188,24,123,0.66) 63%, rgba(132,27,128,0.64) 83%, rgba(47,38,142,0.68) 100%),
      linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 92%, rgba(38,55,164,0.26) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.30),
      inset 0 -1px 0 rgba(255,255,255,0.11),
      inset 0 -26px 44px rgba(17,6,58,0.24),
      0 1px 0 rgba(255,255,255,0.12),
      0 14px 30px rgba(15,23,42,0.20) !important;
    -webkit-backdrop-filter:saturate(205%) contrast(112%) brightness(96%) blur(24px) !important;
    backdrop-filter:saturate(205%) contrast(112%) brightness(96%) blur(24px) !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell .llogarites-top-header::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell .llogarites-top-header::after{
    content:"" !important;
    display:block !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .llogarites-top-header__menu-btn,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .llogarites-top-header__refresh-btn{
    display:inline-flex !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .llogarites-top-header__brand{
    grid-column:2 !important;
    width:auto !important;
    max-width:calc(100vw - 160px) !important;
    min-height:var(--top-header-side) !important;
    height:var(--top-header-side) !important;
    padding:0 8px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .llogarites-top-header__brand-logo{
    width:auto !important;
    max-width:min(260px, 100%) !important;
    height:38px !important;
    max-height:calc(var(--top-header-side) - 8px) !important;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,0.14)) !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__overlay{
    display:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__sidebar,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__sidebar[hidden]{
    display:block !important;
    position:fixed !important;
    top:var(--loan-web-header-top) !important;
    left:0 !important;
    bottom:0 !important;
    z-index:2138 !important;
    width:var(--loan-web-menu-width) !important;
    min-width:var(--loan-web-menu-width) !important;
    height:auto !important;
    padding:16px 18px 18px !important;
    border:0 !important;
    border-right:1px solid var(--loan-web-border) !important;
    background:#F7F8FB !important;
    box-shadow:none !important;
    transform:none !important;
    translate:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link{
    min-height:60px !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:14px !important;
    font-size:22px !important;
    font-weight:700 !important;
    gap:14px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link svg,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link i{
    width:24px !important;
    height:24px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__footer{
    margin-top:22px !important;
    padding:20px 4px 0 !important;
    font-size:14px !important;
    line-height:1.45 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap{
    position:fixed !important;
    top:var(--loan-web-header-top) !important;
    right:0 !important;
    bottom:0 !important;
    left:var(--loan-web-menu-width) !important;
    display:grid !important;
    grid-template-columns:var(--loan-web-input-width) minmax(50vw, 1fr) !important;
    grid-template-rows:minmax(0, 1fr) auto !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    overflow:hidden !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection{
    padding:18px 20px 12px !important;
    border-right:4px solid #8B001D !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions{
    padding:12px 20px 18px !important;
    border-right:4px solid #8B001D !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden{
    height:100% !important;
    min-height:0 !important;
    padding:14px 18px 0 !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    background:#FFFFFF !important;
    border:1px solid rgba(148,163,184,0.24) !important;
  }
}

/* v2.7.25: desktop input background stops at Details; info capsules drag horizontally. */
@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection{
    padding:0 !important;
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    width:100% !important;
    margin:0 !important;
    padding:18px 20px 12px !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions{
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-info,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-info-scroll-viewport,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-strip,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-values{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x !important;
    cursor:grab !important;
    user-select:none !important;
    scrollbar-width:none !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-info-scroll-viewport:active,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-strip:active,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-values:active{
    cursor:grabbing !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-info-scroll-viewport::-webkit-scrollbar,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-strip::-webkit-scrollbar,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .field-choice-values::-webkit-scrollbar{
    display:none !important;
  }
}

/* v2.7.26: Details separators use the same line language as the input capsules. */
body.credit-page #inputSection{
  --loan-details-divider:var(--loan-capsule-border, rgba(9,9,121,0.26));
  --loan-details-divider-focus:var(--loan-capsule-border-focus, rgba(9,9,121,0.42));
}

body.credit-page #loanMoreOptionsPanel .loan-more-options-grid{
  border:1.5px solid var(--loan-details-divider) !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field{
  border-bottom:1.5px solid var(--loan-details-divider) !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field:focus-within{
  border-bottom-color:var(--loan-details-divider-focus) !important;
}

body.credit-page #inputSection #loanDateRow .loan-more-date-card{
  border:1.5px solid var(--loan-details-divider) !important;
}

body.credit-page #inputSection #loanDateRow .loan-more-date-card:focus-within{
  border-color:var(--loan-details-divider-focus) !important;
}

body.credit-page #inputSection #loanDateRow .loan-more-date-divider{
  width:1.5px !important;
  background:var(--loan-details-divider) !important;
}

/* v3.2.0: keep the grey input backing through Details, with white below it. */
@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection{
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    background:#F4F5FA !important;
    padding-bottom:16px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsRow.loan-more-options-row{
    background:#F4F5FA !important;
    margin-bottom:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions{
    background:#FFFFFF !important;
  }
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:hover,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:58px !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 10px !important;
  border:1px solid rgba(209,213,219,0.96) !important;
  border-radius:999px !important;
  background:#EEF1F5 !important;
  background-color:#EEF1F5 !important;
  box-shadow:none !important;
  color:#111827 !important;
  gap:4px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:hover,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  border-color:var(--loan-details-divider-focus, rgba(9,9,121,0.42)) !important;
  background:#E7EBF0 !important;
  background-color:#E7EBF0 !important;
  box-shadow:0 0 0 3px rgba(9,9,121,0.08) !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input{
  width:3ch !important;
  height:26px !important;
  min-height:26px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:26px !important;
  text-align:right !important;
  cursor:pointer !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing .loan-fee-rate-input{
  cursor:text !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  color:#111827 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

/* v3.2.0: final web premium polish and clean shared-link desktop view. */
@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    background:#F5F6F9 !important;
    color:#111827 !important;
    font-size:14px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap{
    grid-template-columns:clamp(360px, 29vw, 520px) minmax(640px, 1fr) !important;
    background:#F5F6F9 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection{
    border-right:1px solid rgba(148,163,184,0.24) !important;
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    gap:10px !important;
    padding:20px 22px 18px !important;
    background:#F5F6F9 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsRow.loan-more-options-row{
    background:#F5F6F9 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle{
    color:#111827 !important;
    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow.field-row::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow.field-row::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow.field-row::before{
    color:#344054 !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body input.split-field-control{
    color:#101828 !important;
    -webkit-text-fill-color:#101828 !important;
    font-size:20px !important;
    font-weight:750 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-radio-text{
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-label,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-output{
    font-size:13px !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions .btn-share-ios{
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden{
    padding:18px 22px 0 !important;
    background:#F5F6F9 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    overflow:hidden !important;
    border:1px solid rgba(148,163,184,0.22) !important;
    border-radius:12px !important;
    background:#FFFFFF !important;
    box-shadow:0 18px 44px rgba(15,23,42,0.07) !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table{
    min-width:820px !important;
    width:100% !important;
    border:0 !important;
    background:#FFFFFF !important;
    font-size:13px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table th{
    padding:10px 12px !important;
    color:#344054 !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    line-height:1.25 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table td{
    padding:10px 12px !important;
    color:#111827 !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-total-row td{
    font-size:13px !important;
    font-weight:800 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table-footnote-cell{
    color:#667085 !important;
    font-size:12px !important;
    line-height:1.45 !important;
  }
}

body.shared-loan-view,
body.shared-loan-view.credit-page,
body.shared-loan-view.mobile-top-shell-active,
body.shared-loan-view.mobile-top-shell-active.credit-page{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  min-width:0 !important;
  min-height:100vh !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:auto !important;
  background:#FFFFFF !important;
  color:#111827 !important;
}

body.shared-loan-view .credit-wrap{
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  background:#FFFFFF !important;
}

body.shared-loan-view #loanResultsSurface.loan-results-surface,
body.shared-loan-view #loanResultsSurface.loan-results-surface.is-hidden,
body.shared-loan-view #resultsPanel.table-panel,
body.shared-loan-view #resultsPanel.card-min.table-premium{
  display:block !important;
  visibility:visible !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  content-visibility:visible !important;
  overflow:visible !important;
}

body.shared-loan-view .table-scroll{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:24px clamp(14px, 3vw, 34px) 34px !important;
  overflow:auto !important;
  background:#FFFFFF !important;
}

body.shared-loan-view .loan-table{
  width:100% !important;
  min-width:860px !important;
  border:1px solid rgba(148,163,184,0.22) !important;
  border-radius:12px !important;
  background:#FFFFFF !important;
  box-shadow:0 16px 42px rgba(15,23,42,0.06) !important;
  color:#111827 !important;
  font-size:13px !important;
}

body.shared-loan-view .loan-table th{
  color:#344054 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  line-height:1.25 !important;
}

body.shared-loan-view .loan-table td{
  color:#111827 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
}

body.shared-loan-view .loan-table thead .loan-detail-row,
body.shared-loan-view .loan-table thead .schedule-meta-row,
body.shared-loan-view .loan-table thead .loan-detail-row .loan-detail-shell,
body.shared-loan-view .loan-table thead .schedule-meta-row .schedule-meta-shell,
body.shared-loan-view .loan-table thead .loan-detail-row .loan-detail-grid,
body.shared-loan-view .loan-table thead .schedule-meta-row .schedule-meta-grid,
body.shared-loan-view .loan-table thead .loan-detail-row .loan-detail-grid > *,
body.shared-loan-view .loan-table thead .schedule-meta-row .schedule-meta-grid > *{
  background:#FFFFFF !important;
}

body.shared-loan-view .loan-table thead .loan-preheader-row--stripe,
body.shared-loan-view .loan-table thead .loan-preheader-row--stripe .loan-detail-shell,
body.shared-loan-view .loan-table thead .loan-preheader-row--stripe .schedule-meta-shell,
body.shared-loan-view .loan-table thead .loan-preheader-row--stripe .loan-detail-grid > *,
body.shared-loan-view .loan-table thead .loan-preheader-row--stripe .schedule-meta-grid > *{
  background:#F3F5F8 !important;
}

@media (max-width:899px){
  body.shared-loan-view .table-scroll{
    padding:0 !important;
  }

  body.shared-loan-view .loan-table{
    min-width:var(--credit-mobile-table-width) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
}

/* v3.2.0: unified desktop density with mobile visual scale, split as 1/10 menu, 3/10 inputs, 6/10 table. */
@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    --loan-web-menu-width:10vw;
    --loan-web-input-width:30vw;
    --loan-web-table-width:60vw;
    --loan-web-header-top:var(--mobile-top-shell-header-safe-height);
    background:#F4F5FA !important;
    font-size:13px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__sidebar,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__sidebar[hidden]{
    top:var(--loan-web-header-top) !important;
    width:var(--loan-web-menu-width) !important;
    min-width:var(--loan-web-menu-width) !important;
    padding:10px 8px 12px !important;
    background:#F7F8FB !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__nav{
    gap:5px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__group{
    gap:3px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__group + .mobile-top-shell__group{
    margin-top:8px !important;
    padding-top:8px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link{
    min-height:38px !important;
    height:38px !important;
    padding:0 8px !important;
    border-radius:9px !important;
    color:#1C1C1E !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    gap:7px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link svg,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link i{
    width:17px !important;
    height:17px !important;
    stroke-width:2 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__footer{
    margin-top:10px !important;
    padding:10px 2px 0 !important;
    font-size:10px !important;
    line-height:1.35 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap{
    left:var(--loan-web-menu-width) !important;
    grid-template-columns:var(--loan-web-input-width) var(--loan-web-table-width) !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection{
    width:var(--loan-web-input-width) !important;
    padding:0 !important;
    border-right:1px solid rgba(148,163,184,0.22) !important;
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection .credit-grid{
    gap:8px !important;
    padding:14px 16px 12px !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions{
    width:var(--loan-web-input-width) !important;
    padding:10px 16px 14px !important;
    border-right:1px solid rgba(148,163,184,0.22) !important;
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #product.field-control--standalone,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle{
    min-height:40px !important;
    height:40px !important;
    color:#1C1C1E !important;
    font-size:15px !important;
    font-weight:650 !important;
    line-height:40px !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow.field-row,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow.field-row{
    min-height:50px !important;
    height:auto !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow.field-row::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow.field-row::before,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow.field-row::before{
    top:8px !important;
    color:#1C1C1E !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field--principal,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field--principal{
    min-height:50px !important;
    height:50px !important;
    border-radius:10px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-entry,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-entry{
    min-height:50px !important;
    height:50px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body input.split-field-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body input.split-field-control{
    min-height:50px !important;
    height:50px !important;
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    font-size:23px !important;
    font-weight:600 !important;
    line-height:50px !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .split-field-body input.split-field-control::placeholder,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .split-field-body input.split-field-control::placeholder,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .split-field-body input.split-field-control::placeholder{
    color:#8E8E93 !important;
    -webkit-text-fill-color:#8E8E93 !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:50px !important;
    letter-spacing:0 !important;
    opacity:1 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalRow .currency-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateRow .unit-radio-text,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-radio-option,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsRow .unit-radio-text{
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #principalHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #rateHint .field-fill-choice,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #monthsHint .field-fill-choice{
    min-height:22px !important;
    height:22px !important;
    padding:0 8px !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:22px !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsToggle.loan-more-options-toggle{
    font-size:17px !important;
    font-weight:600 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-field{
    min-height:42px !important;
    grid-template-columns:minmax(0,1fr) minmax(112px,.72fr) !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-label,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-control,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-input,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel .loan-more-option-output{
    min-height:42px !important;
    height:42px !important;
    color:#1C1C1E !important;
    font-size:16px !important;
    line-height:42px !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions .btn-share-ios{
    width:100% !important;
    inline-size:100% !important;
    max-width:none !important;
    min-height:42px !important;
    height:42px !important;
    font-size:15px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden{
    width:var(--loan-web-table-width) !important;
    padding:10px 12px 0 !important;
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    width:100% !important;
    border:1px solid rgba(148,163,184,0.22) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll{
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    overflow:auto !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table{
    min-width:var(--credit-mobile-table-width) !important;
    width:max(100%, var(--credit-mobile-table-width)) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:14px !important;
    table-layout:fixed !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table th{
    padding:5px 4px !important;
    color:#111827 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table td{
    padding:5px 4px !important;
    color:#111827 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-detail-label,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-detail-value,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-meta-cell,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-meta-grid #scheduleProduct,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-meta-grid #printDateTime{
    font-size:14px !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-total-row td{
    font-size:14px !important;
    font-weight:700 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table-footnote-cell{
    font-size:12px !important;
    line-height:1.45 !important;
  }
}

/* v3.2.0: final requested polish for Details, mobile surfaces, and invalid field states. */
body.credit-page{
  --loan-final-border:rgba(148,163,184,0.20);
  --loan-final-border-strong:rgba(148,163,184,0.30);
  --loan-final-muted:#6B7280;
  --loan-final-text:#111827;
  --loan-final-invalid:var(--loan-capsule-invalid, #C92A2A);
}

body.credit-page #inputSection #loanDateRow .loan-more-date-card{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
  gap:10px !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #loanDateRow .loan-more-date-card.is-invalid{
  box-shadow:none !important;
}

body.credit-page #inputSection #loanDateRow .loan-more-date-card.is-invalid .loan-more-date-segment{
  border-color:rgba(201,42,42,0.48) !important;
}

body.credit-page #inputSection #loanDateRow .loan-more-date-divider{
  display:none !important;
}

body.credit-page #inputSection #loanDateRow .loan-more-date-segment{
  min-width:0 !important;
  border:1px solid var(--loan-final-border) !important;
  border-radius:12px !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
}

body.credit-page #inputSection #loanDateRow .loan-more-date-segment:focus-within{
  border-color:var(--loan-final-border-strong) !important;
}

body.credit-page #loanMoreOptionsPanel.loan-more-options-panel{
  background:#FFFFFF !important;
  box-shadow:none !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-options-grid{
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field,
body.credit-page #loanMoreOptionsPanel .loan-more-option-field:nth-child(odd),
body.credit-page #loanMoreOptionsPanel .loan-more-option-field:nth-child(even){
  min-height:42px !important;
  height:auto !important;
  padding:0 2px !important;
  gap:12px !important;
  grid-template-columns:minmax(0, 1fr) minmax(96px, .85fr) !important;
  border:0 !important;
  border-bottom:1px solid rgba(229,231,235,0.92) !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field:last-child{
  border-bottom:0 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field:focus-within{
  border-bottom-color:var(--loan-final-border-strong) !important;
  background:#FFFFFF !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label,
body.credit-page #loanMoreOptionsPanel .loan-more-option-control,
body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output{
  min-height:42px !important;
  height:42px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:42px !important;
  letter-spacing:0 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label{
  display:flex !important;
  align-items:center !important;
  color:var(--loan-final-muted) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  text-transform:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-input,
body.credit-page #loanMoreOptionsPanel .loan-more-option-output{
  color:var(--loan-final-text) !important;
  -webkit-text-fill-color:var(--loan-final-text) !important;
  font-size:14px !important;
  font-weight:650 !important;
  text-align:right !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:hover,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  min-width:54px !important;
  min-height:26px !important;
  height:26px !important;
  padding:0 9px !important;
  border:1px solid rgba(209,213,219,0.96) !important;
  border-radius:999px !important;
  background:#EEF1F5 !important;
  background-color:#EEF1F5 !important;
  box-shadow:none !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:hover,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  border-color:var(--loan-final-border-strong) !important;
  background:#E7EBF0 !important;
  background-color:#E7EBF0 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  color:var(--loan-final-text) !important;
  -webkit-text-fill-color:var(--loan-final-text) !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:24px !important;
}

body.credit-page #inputSection #principalRow.field-row.is-invalid .split-field-body input.split-field-control,
body.credit-page #inputSection #rateRow.field-row.is-invalid .split-field-body input.split-field-control,
body.credit-page #inputSection #monthsRow.field-row.is-invalid .split-field-body input.split-field-control,
body.credit-page #inputSection #principalRow .split-field--principal.is-invalid input.split-field-control,
body.credit-page #inputSection #rateRow .split-field--principal.is-invalid input.split-field-control,
body.credit-page #inputSection #monthsRow .split-field--principal.is-invalid input.split-field-control,
body.credit-page #inputSection #principalRow input#principal.is-invalid,
body.credit-page #inputSection #rateRow input#rate.is-invalid,
body.credit-page #inputSection #monthsRow input#months.is-invalid{
  color:var(--loan-final-invalid) !important;
  -webkit-text-fill-color:var(--loan-final-invalid) !important;
  caret-color:var(--loan-final-invalid) !important;
}

body.credit-page #inputSection #principalRow.field-row.is-invalid .principal-currency-suffix,
body.credit-page #inputSection #rateRow.field-row.is-invalid .rate-unit-suffix,
body.credit-page #inputSection #principalRow.field-row.is-invalid .currency-radio-text,
body.credit-page #inputSection #rateRow.field-row.is-invalid .unit-radio-text,
body.credit-page #inputSection #monthsRow.field-row.is-invalid .unit-radio-text,
body.credit-page #inputSection #principalRow .split-field--principal.is-invalid .principal-currency-suffix,
body.credit-page #inputSection #rateRow .split-field--principal.is-invalid .rate-unit-suffix,
body.credit-page #inputSection #principalRow .split-field--principal.is-invalid .currency-radio-text,
body.credit-page #inputSection #rateRow .split-field--principal.is-invalid .unit-radio-text,
body.credit-page #inputSection #monthsRow .split-field--principal.is-invalid .unit-radio-text{
  color:var(--loan-final-invalid) !important;
  -webkit-text-fill-color:var(--loan-final-invalid) !important;
}

@media (max-width:1199px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsRow.loan-more-options-row{
    position:relative !important;
    z-index:0 !important;
    margin-bottom:0 !important;
    background:#FFFFFF !important;
    box-shadow:0 100vh 0 100vh #FFFFFF !important;
    clip-path:inset(0 -100vw -100vh -100vw) !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanMoreOptionsPanel.loan-more-options-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    background:#FFFFFF !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions{
    padding-top:10px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden{
    padding-top:10px !important;
  }
}

/* Final request pass: invalid labels and tighter amortization table rhythm. */
body.credit-page #inputSection #principalRow.field-row.is-invalid::before,
body.credit-page #inputSection #rateRow.field-row.is-invalid::before,
body.credit-page #inputSection #monthsRow.field-row.is-invalid::before,
body.credit-page #inputSection #principalRow .split-field--principal.is-invalid .split-field-label,
body.credit-page #inputSection #rateRow .split-field--principal.is-invalid .split-field-label,
body.credit-page #inputSection #monthsRow .split-field--principal.is-invalid .split-field-label,
body.credit-page #inputSection #principalRow .split-field--principal.is-invalid .split-field-label-text,
body.credit-page #inputSection #rateRow .split-field--principal.is-invalid .split-field-label-text,
body.credit-page #inputSection #monthsRow .split-field--principal.is-invalid .split-field-label-text,
body.credit-page #inputSection #principalRow .split-field--principal.is-invalid .split-field-label-main,
body.credit-page #inputSection #rateRow .split-field--principal.is-invalid .split-field-label-main,
body.credit-page #inputSection #monthsRow .split-field--principal.is-invalid .split-field-label-main,
body.credit-page #inputSection #monthsRow .split-field--principal.is-invalid .split-field-label-sub{
  color:var(--loan-final-invalid) !important;
  -webkit-text-fill-color:var(--loan-final-invalid) !important;
}

@media (max-width:1199px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table th{
    padding:4px 4px !important;
    line-height:1.16 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table td{
    padding:3px 4px !important;
    line-height:1.22 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-total-row td{
    padding-top:4px !important;
    padding-bottom:4px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-detail-label,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-detail-value,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-meta-cell,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-meta-grid #scheduleProduct,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .schedule-meta-grid #printDateTime,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table-footnote-cell{
    line-height:1.25 !important;
  }
}

@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface.is-hidden{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel .table-scroll{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table th{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table td{
    padding-top:5px !important;
    padding-bottom:5px !important;
  }
}

/* Compact amortization columns. */
body.credit-page .loan-table{
  table-layout:fixed !important;
}

body.credit-page .loan-table col.loan-col-nr{ width:42px !important; }
body.credit-page .loan-table col.loan-col-date{ width:78px !important; }
body.credit-page .loan-table col.loan-col-payment{ width:96px !important; }
body.credit-page .loan-table col.loan-col-principal{ width:96px !important; }
body.credit-page .loan-table col.loan-col-interest{ width:84px !important; }
body.credit-page .loan-table col.loan-col-balance{ width:108px !important; }

body.credit-page .loan-table > thead > tr:not(.loan-detail-row):not(.schedule-meta-row) > th,
body.credit-page .loan-table > tbody > tr:not(.schedule-total-row) > td{
  padding-left:6px !important;
  padding-right:6px !important;
}

body.credit-page .loan-table > thead > tr:not(.loan-detail-row):not(.schedule-meta-row) > th:first-child,
body.credit-page .loan-table > tbody > tr:not(.schedule-total-row) > td:first-child{
  padding-left:4px !important;
  padding-right:4px !important;
}

body.credit-page .schedule-total-row td{
  padding-left:6px !important;
  padding-right:6px !important;
}

@media (max-width:1199px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table{
    min-width:504px !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-nr{ width:36px !important; }
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-date{ width:74px !important; }
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-payment{ width:92px !important; }
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-principal{ width:92px !important; }
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-interest{ width:78px !important; }
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table col.loan-col-balance{ width:100px !important; }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table > thead > tr:not(.loan-detail-row):not(.schedule-meta-row) > th,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .loan-table > tbody > tr:not(.schedule-total-row) > td{
    padding-left:3px !important;
    padding-right:3px !important;
  }
}

/* v3.2.0: requested Details, share action, and fee control refinements. */
body.credit-page #loanMoreOptionsToggle.loan-more-options-toggle{
  min-height:38px !important;
  height:38px !important;
}

body.credit-page #loanMoreOptionsToggleText{
  font-size:15px !important;
  font-weight:650 !important;
  line-height:1 !important;
}

body.credit-page #loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  border-radius:999px !important;
  background:#2F3033 !important;
  background-color:#2F3033 !important;
  box-shadow:none !important;
}

body.credit-page #loanMoreOptionsToggleMark::before{
  width:6px !important;
  height:6px !important;
  border-right-width:1.8px !important;
  border-bottom-width:1.8px !important;
  transform:translateY(-1px) rotate(45deg) !important;
}

body.credit-page #loanMoreOptionsToggle.is-open #loanMoreOptionsToggleMark::before{
  transform:translateY(1px) rotate(225deg) !important;
}

body.credit-page .credit-actions{
  justify-content:stretch !important;
  padding-left:16px !important;
  padding-right:16px !important;
}

body.credit-page .credit-actions .btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-secondary.btn-share-ios{
  flex:1 1 100% !important;
  width:100% !important;
  inline-size:100% !important;
  max-width:none !important;
  min-height:46px !important;
  height:46px !important;
  padding:0 16px !important;
  border:1px solid rgba(52,199,89,0.28) !important;
  border-radius:12px !important;
  background:#F2FBF5 !important;
  background-color:#F2FBF5 !important;
  color:#0B6B35 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.86) !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:46px !important;
}

body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border-radius:7px !important;
  background:#34C759 !important;
  background-color:#34C759 !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}

body.credit-page .credit-actions .btn-share-ios svg,
body.credit-page .credit-actions .btn-share-ios i{
  width:15px !important;
  height:15px !important;
  stroke-width:2.2 !important;
}

body.credit-page .credit-actions .btn-share-ios:hover,
body.credit-page .credit-actions .btn-share-ios:focus-visible{
  background:#E8F8EE !important;
  background-color:#E8F8EE !important;
  border-color:rgba(52,199,89,0.38) !important;
  color:#075A2B !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.88), 0 0 0 3px rgba(52,199,89,0.10) !important;
}

body.credit-page .credit-actions .btn-share-ios:active{
  transform:scale(0.99) !important;
  background:#DDF4E5 !important;
  background-color:#DDF4E5 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-label--fee{
  align-items:center !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:hover,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  display:inline-grid !important;
  grid-template-columns:minmax(18px, auto) auto !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  min-width:48px !important;
  width:48px !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 6px !important;
  border:1px solid rgba(174,178,186,0.92) !important;
  border-radius:8px !important;
  background:#EEF1F5 !important;
  background-color:#EEF1F5 !important;
  box-shadow:none !important;
  color:#111827 !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control:focus-visible,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-control.is-editing{
  border-color:rgba(9,9,121,0.38) !important;
  outline:none !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input,
body.credit-page #loanMoreOptionsPanel .loan-fee-rate-symbol{
  height:26px !important;
  min-height:26px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:26px !important;
}

body.credit-page #loanMoreOptionsPanel .loan-fee-rate-input{
  width:22px !important;
  text-align:right !important;
}

body.credit-page #loanMoreOptionsPanel .loan-more-option-field:focus-within{
  background:#FFFFFF !important;
}

/* v3.2.0: final polish for share, Details trigger, and stable detail input focus. */
body.credit-page #loanMoreOptionsToggleMark.loan-more-options-toggle__mark{
  background:#8E8E93 !important;
  background-color:#8E8E93 !important;
  color:#FFFFFF !important;
}

body.credit-page #loanMoreOptionsToggleMark::before{
  border-right-color:rgba(255,255,255,0.96) !important;
  border-bottom-color:rgba(255,255,255,0.96) !important;
}

body.credit-page .credit-actions{
  justify-content:center !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.credit-page .credit-actions .btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-share-ios,
body.credit-page .credit-actions > .btn-min.btn-secondary.btn-share-ios{
  flex:0 1 232px !important;
  width:232px !important;
  inline-size:232px !important;
  max-width:calc(100% - 28px) !important;
  min-height:42px !important;
  height:42px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  border-color:rgba(52,199,89,0.24) !important;
  background:#F4FBF6 !important;
  background-color:#F4FBF6 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.92) !important;
  line-height:42px !important;
}

body.credit-page .credit-actions .btn-share-ios .share-ios-action-icon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  border-radius:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  color:#0B6B35 !important;
  box-shadow:none !important;
}

body.credit-page .credit-actions .btn-share-ios svg,
body.credit-page .credit-actions .btn-share-ios i{
  width:16px !important;
  height:16px !important;
  color:#0B6B35 !important;
  stroke:currentColor !important;
}

body.credit-page .credit-actions .btn-share-ios:hover,
body.credit-page .credit-actions .btn-share-ios:focus-visible{
  background:#ECF8F0 !important;
  background-color:#ECF8F0 !important;
}

body.mobile-top-shell-active.credit-page.details-input-focus .mobile-top-shell__header,
body.mobile-top-shell-active.credit-page.details-input-focus .mobile-top-shell{
  top:0 !important;
  transform:none !important;
  translate:none !important;
  transition:none !important;
  animation:none !important;
}

/* Final web polish: keep the empty first desktop state focused instead of reserving a blank table panel. */
@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible){
    background:#F4F5FA !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) .credit-wrap{
    grid-template-columns:minmax(360px, 520px) !important;
    grid-template-rows:auto auto !important;
    justify-content:center !important;
    align-content:start !important;
    gap:0 !important;
    padding:24px clamp(28px, 5vw, 72px) 32px !important;
    background:#F4F5FA !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #inputSection{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:520px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:16px !important;
    border:1px solid rgba(148,163,184,0.18) !important;
    border-radius:18px !important;
    background:#FFFFFF !important;
    box-shadow:0 20px 46px rgba(15,23,42,0.08) !important;
    overflow:visible !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #inputSection .credit-grid{
    padding:0 !important;
    background:transparent !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) .credit-actions{
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
    padding:16px 0 0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #loanResultsSurface.loan-results-surface,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #loanResultsSurface.loan-results-surface.is-hidden,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view):not(.loan-results-visible) #resultsPanel.card-min.table-premium{
    display:none !important;
  }
}

/* v3.2.0: final desktop results order - amortization table centered, WhatsApp share below. */
@media (min-width:900px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap,
  body.credit-page:not(.shared-loan-view) .credit-wrap{
    display:grid !important;
    grid-template-columns:minmax(360px, 520px) !important;
    grid-template-rows:auto auto auto !important;
    justify-content:center !important;
    align-content:start !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #inputSection,
  body.credit-page:not(.shared-loan-view) #inputSection{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface,
  body.credit-page:not(.shared-loan-view) #loanResultsSurface.loan-results-surface{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:980px !important;
    margin:12px auto 0 !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium,
  body.credit-page:not(.shared-loan-view) #resultsPanel.table-panel,
  body.credit-page:not(.shared-loan-view) #resultsPanel.card-min.table-premium{
    width:100% !important;
    max-width:980px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-actions,
  body.credit-page:not(.shared-loan-view) .credit-actions{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    width:100% !important;
    max-width:420px !important;
    margin:14px auto 0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:center !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-wrap{
    display:grid !important;
    grid-template-columns:minmax(360px, 980px) !important;
    grid-template-rows:auto auto auto !important;
    justify-content:center !important;
    align-content:start !important;
    gap:0 !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #inputSection{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) #loanResultsSurface.loan-results-surface{
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:980px !important;
    margin:14px auto 0 !important;
  }

  body.mobile-top-shell-active.credit-page.loan-results-visible:not(.shared-loan-view) .credit-actions{
    grid-column:1 !important;
    grid-row:3 !important;
    width:100% !important;
    max-width:420px !important;
    margin:14px auto 0 !important;
  }
}