/* kredit.css — кредитный калькулятор страницы /kredit-kalkulyator/.
   Включается флагом 'kredit' => true в $A. 27.10.2026 */
.kc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin:0 0 20px;
  box-shadow:0 18px 40px -28px rgba(19,78,142,.5)}
.kc__h{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.kc__h b{font-size:17.5px}
.kc__h .kc__chip{margin-left:auto;background:#eaf3fc;color:#134e8e;border:1px solid #cfe0f2;
  font-size:12px;font-weight:700;padding:4px 11px;border-radius:30px;white-space:nowrap}

/* сегменты-пресеты и тип платежа */
.kc__seg{display:flex;gap:6px;background:#f1f5fa;border-radius:14px;padding:4px;margin:0 0 14px}
.kc__segb{flex:1;min-width:0;border:0;background:none;border-radius:11px;padding:9px 6px;cursor:pointer;
  font:700 13.5px/1.15 inherit;color:#5a6e86;transition:.15s}
.kc__segb.is-on{background:#fff;color:#134e8e;box-shadow:0 2px 8px rgba(19,78,142,.14)}

/* поля */
.kc__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kc__fld{display:block;min-width:0}
.kc__fld.wide{grid-column:1/-1}
.kc__lab{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;
  color:var(--muted);margin-bottom:5px}
.kc__lab i{font-style:normal;color:#9aabc0;font-weight:500}
.kc__ig{display:flex;align-items:center;background:#f8fbfe;border:1.5px solid #dde8f4;border-radius:13px;
  padding:0 12px;transition:.15s}
.kc__ig:focus-within{border-color:#2478d4;background:#fff;box-shadow:0 0 0 3px rgba(36,120,212,.12)}
.kc__in{flex:1;min-width:0;border:0;background:none;outline:none;padding:12px 0;font:700 17px/1.2 inherit;
  color:var(--ink);font-variant-numeric:tabular-nums}
.kc__unit{flex:none;font-size:13px;font-weight:600;color:#9aabc0;padding-left:8px}
.kc__rng{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;margin:11px 0 0;
  background:#dde8f4;outline:none}
.kc__rng::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;
  background:#fff;border:2px solid #2478d4;box-shadow:0 2px 8px rgba(19,78,142,.3);cursor:pointer}
.kc__rng::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #2478d4;
  box-shadow:0 2px 8px rgba(19,78,142,.3);cursor:pointer}

/* результат */
.kc__out{margin:16px 0 0;background:linear-gradient(135deg,#0f3f74,#1b5fb0);color:#fff;
  border-radius:17px;padding:17px 18px}
.kc__big{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.kc__big span{font-size:13.5px;opacity:.85;font-weight:600}
.kc__big b{font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}
.kc__big em{font-style:normal;font-size:14px;opacity:.85}
.kc__rows{display:grid;gap:1px;margin:14px 0 0;background:rgba(255,255,255,.18);border-radius:12px;
  overflow:hidden}
.kc__row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;
  background:rgba(255,255,255,.07);font-size:14.5px}
.kc__row b{color:#fff;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.kc__row.good b{color:#9ff0c4}
.kc__note{font-size:12.5px;opacity:.82;margin:12px 0 0;line-height:1.5}

/* кнопки и график */
.kc__acts{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 0}
.kc__btn{flex:1 1 auto;border:1.5px solid #cfe0f2;background:#fff;color:var(--blue);border-radius:13px;
  padding:12px 16px;font:700 15px/1.15 inherit;cursor:pointer;transition:.15s;min-height:46px}
.kc__btn:hover{background:var(--sky)}
.kc__btn.main{background:linear-gradient(135deg,#2478d4,#134e8e);color:#fff;border-color:transparent}
.kc__sch{margin:14px 0 0;display:none}
.kc__sch.is-on{display:block}
.kc__tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px}
.kc__tt{width:100%;border-collapse:collapse;font-size:14px;background:#fff;min-width:460px}
.kc__tt th,.kc__tt td{padding:9px 11px;text-align:right;border-bottom:1px solid #eef2f7;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.kc__tt th:first-child,.kc__tt td:first-child{text-align:left}
.kc__tt th{background:#f4f8fd;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.kc__tt tfoot td{font-weight:700;background:#f8fbfe;border-bottom:0}
.kc__hint{font-size:13px;color:var(--muted);margin:10px 0 0}
.kc__err{display:none;background:#fdecee;border:1px solid #f6c6cb;color:#9f2d3b;border-radius:12px;
  padding:10px 13px;font-size:14px;margin:12px 0 0}
.kc__err.is-on{display:block}

@media (max-width:600px){
  .kc{padding:14px;border-radius:18px;box-shadow:none}
  .kc__grid{grid-template-columns:1fr;gap:11px}
  .kc__big b{font-size:25px}
  .kc__out{padding:15px}
  .kc__btn{flex:1 1 100%}
}