#trcalc input:not([type="range"]) { text-align: left; border-color: var(--site-complete-subtle); background-color: #fffbe6; }
#trcalc .input-group-text { border-color: var(--site-complete-subtle); }
#trcalc input[readonly] { background-color: var(--bs-secondary-bg-subtle); width: 95px; }
#trcalc input:focus { text-align: left; }
#trcalc input.negative { border-color: var(--bs-danger-border-subtle); background-color: var(--bs-danger-bg-subtle); }
table.table-xls .bg-draw-eq { background-color: var(--bs-primary-bg-subtle); }
table.table-xls .bg-draw-max { background-color: var(--bs-info-bg-subtle); }
table.table-xls th { position: sticky; top: 0; background-color: var(--bs-gray-100); z-index: 2; }
.loan-table input.form-control-sm, .result-table input.form-control-sm { min-width: 80px; }
@media (min-width: 992px) { .trcalc .form-text { font-size: 0.85rem; } }
@media (min-width: 1200px) { .trcalc .form-text { font-size: 0.80rem; } }
@media (max-width: 768px) {
  .loan-table th, .loan-table td, .result-table th, .result-table td { white-space: nowrap; }
  .loan-info-table table { font-size: 0.82rem; }
  .loan-info-table th, .loan-info-table td { padding: 0.4rem 0.6rem; }
}
@media (max-width: 576px) {
  .loan-info-table table { font-size: 0.75rem; }
  .loan-info-table th, .loan-info-table td { padding: 0.3rem 0.5rem; }
}
#trcalc input[type='range'].form-range { accent-color: var(--site-complete); transition: background-color 0.3s ease; }
#trcalc input[type='range'].form-range::-webkit-slider-thumb { background-color: var(--site-complete); border: none; transition: transform 0.2s ease, background-color 0.3s ease; }
#trcalc input[type='range'].form-range:hover::-webkit-slider-thumb { transform: scale(1.2); background-color: #157347; }
#trcalc input[type='range'].form-range::-webkit-slider-runnable-track { background-color: #b0e0cd; transition: background-color 0.3s ease; }
#trcalc input[type='range'].form-range::-moz-range-thumb { background-color: var(--site-complete); border: none; transition: transform 0.2s ease, background-color 0.3s ease; }
#trcalc input[type='range'].form-range:hover::-moz-range-thumb { transform: scale(1.2); background-color: #157347; }
#trcalc input[type='range'].form-range::-moz-range-track { background-color: #b0e0cd; transition: background-color 0.3s ease; }

.input-editable {
  background-color: #fffbe6 !important;
  border-color: var(--site-complete-subtle) !important;
  margin: 0 auto;
  text-align:right;
  display: block;
}