.epfc-wrapper { max-width: 600px; background: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); font-family: Arial; }

.epfc-field { margin-bottom: 20px; }

.epfc-field input[type="number"] { width: 100%; padding: 8px; }

.epfc-field input[type="number"] { text-align: right; font-weight: 600; }

.epfc-field input[type="number"]::-webkit-inner-spin-button, .epfc-field input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.epfc-field input[type="number"] { appearance: none; -moz-appearance: textfield; }

.epfc-field input[type="range"] { width: 100%; height: 6px; border-radius: 5px; appearance: none; background: #ddd; outline: none; }

.epfc-field input[type="range"]::-webkit-slider-thumb { appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #0073aa; cursor: pointer; }

.epfc-field input[type="range"]::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #0073aa; cursor: pointer; border: none; box-shadow: none; }

.epfc-field input[type="range"] { width: 100%; height: 6px; border-radius: 5px; appearance: none; -webkit-appearance: none; background: #ddd; outline: none; box-shadow: none; }

.epfc-field input[type="range"]::-moz-range-track { box-shadow: none; }

.epfc-field input { text-align: right; color: #0073aa; background-color: #e3f0f7; }

.epfc-error { color: red; font-size: 13px; margin-top: 4px; display: none; }

.epfc-limit { display: none; color: #d63638; font-size: 13px; margin-top: 4px; }

.epfc-row-wrapper { display: flex; gap: 30px; align-items: flex-start; }

.epfc-row-wrapper .epfc-field:first-child { flex: 1; }

.epfc-row-wrapper .epfc-field:last-child { flex: 0 0 auto; }

.epfc-row-wrapper .epfc-field-centre:first-child { flex: 1; }

.epfc-row-wrapper .epfc-field-centre:last-child { flex: 1; }

.epfc-row-centre { display: flex; justify-content: space-around; margin-bottom: 5px; }

.epfc-field-centre input:last-child { text-align: left; background-color: transparent; }

.epfc-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }

.epfc-row button { margin-left: 20px; min-width: 120px; }

.epfc-row select { width: 150px!important; color: #0073aa; background-color: #fff; margin-top: 5px; }

.epfc-row input { width: 150px!important; text-align: right; color: #0073aa; background-color: #e3f0f7; }

.epfc-row input:read-only { border: none; background: transparent; pointer-events: none; }

/* DurationFrequencyBtn chip */
.selectionButton { background: #fff; color: #0073aa; border: 1px solid #0073aa; padding: 10px 15px; border-radius: 4px; cursor: pointer; font-weight: 600; transition: all 0.2s ease; }

.selectionButton:hover { background: #d7edf6; }

.selectionButton.active { background: #0073aa; color: #fff; }

/* Result */
.epfc-result { background: #f5fbfd; padding: 15px; border-radius: 8px; margin-top: 10px; }

.epfc-result-row { display: grid; grid-template-columns: 150px 20px 1fr; align-items: center; margin-bottom: 10px; }

.epfc-result-row .label { width: 150px; }

.epfc-result-row .sep { text-align: center; font-weight: 600; }

.epfc-result-row .value { font-weight: 600; }

.epfc-result-row-nps { display: grid; grid-template-columns: 190px 20px 1fr; align-items: center; margin-bottom: 10px; }

.epfc-result-row-nps .label { width: 190px; }

.epfc-result-row-nps .sep { text-align: center; font-weight: 600; }

.epfc-result-row-nps .value { font-weight: 600; }

.betterLoan { color: #0a8f2f; font-weight: 700; }

/* Popular Category */
.epfc-widget-popular-calculators { list-style: none; padding-left: 0; }

.epfc-widget-popular-calculators li { margin-bottom: 8px; }

.epfc-widget-popular-calculators a { text-decoration: none; color: #0073aa; font-weight: 500; }

.epfc-widget-popular-calculators a:hover { text-decoration: underline; }

.epfc-trending-calculators { list-style: none; padding-left: 0; }

.epfc-trending-calculators li { margin-bottom: 8px; }

.epfc-trending-calculators a { text-decoration: none; color: #0073aa; font-weight: 500; }

.epfc-trending-calculators a:hover { text-decoration: underline; }

/* Progress Bar */
.epfc-chart-container { max-width: 90%; margin: 40px auto; }

.epfc-progress-bar { display: flex; height: 20px; border-radius: 5px; overflow: hidden; background: #e6e6e6; }

.epfc-progress { height: 100%; transition: width .2s cubic-bezier(.2,0,.1,1); }

.epfc-progress.invested { background: #0073aa; width: 0%; }

.epfc-progress.returns { background: #ff9800; width: 0%; }

.epfc-chart-info { display: flex; justify-content: center; gap: 28px; margin-top: 10px; font-size: 14px; }

.chart-item { display: flex; align-items: center; gap: 6px; }

.chart-item .dot { width: 10px; height: 10px; border-radius: 50%; }

.chart-item.invested .dot { background: #ff9800; }

.chart-item.returns .dot { background: #0073aa; }

.percent { font-weight: 600; }

/* Popular category sidebar widget */
.epfc-widget-popular-calculators { list-style: none; padding: 0; margin: 0; }

.epfc-widget-popular-calculators li { border-bottom: 1px solid #e9e9e9; padding: 0 0 0.5em 0; }

.epfc-widget-popular-calculators li:first-child { border-top: 1px solid #e9e9e9; padding: 0.5em 0; }

.epfc-widget-popular-calculators a { display: block; text-decoration: none; color: var(--ast-global-color-2); transition: all 0.2s ease; }

.epfc-widget-popular-calculators a:hover { text-decoration: none; color: #ed853b; }


/* App Install promo styles */
.app-install-card { display: flex; align-items: center; gap: 20px; background: #fff; border-radius: 7px; padding: 20px; margin: 30px 0; border: 1px solid #eee; }

.app-install-card-flex { margin-right: 10px; align-self: normal; }

.app-icon-wrapper { display: flex; flex-direction: column; align-items: center; }

.app-icon { width: 150px; height: 150px; border-radius: 18px; margin-bottom: 15px; }

.app-icon-medium { width: 250px; height: 250px; border-radius: 18px; margin-bottom: 15px; }

.app-icon-large { width: 300px; height: 250px; border-radius: 18px; margin-bottom: 15px; }

.app-install-card-flex h3 { margin-bottom: 8px; font-size: 20px; font-weight: 600; }

.app-features { margin: 10px 0; padding-left: 0; list-style: none; }

.app-features li { margin-bottom: 6px; font-size: 14px; }

.app-content { flex: 1; }

.app-install-btn { display: inline-block; background: #34a853; color: #fff; padding: 10px 18px; border-radius: 6px; font-weight: 600; }


/* ✅ Responsive fix */
@media (max-width: 600px) {
  .qr-inputs { max-width: 75%; overflow: hidden; }
  .qr-modal-content { width: 450px; }
  .qr-model-sub-content { margin-bottom: 10px; }
  .app-install-card { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
  .app-install-card-flex { flex: 1; min-width: 250px; padding: 10px; }
}