/* Kwota slownie online: pole kwoty i trzy wyniki z kopiowaniem. Reszta stylow z druk-kp.css. */

.ks-tool{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:28px;align-items:start;margin:0 0 72px}
.ks-form{padding:22px 24px}
.ks-form .kp-field{margin:0}
.ks-form input{font-size:22px;font-weight:700;letter-spacing:.01em;padding:12px 14px}
.ks-results{display:grid;gap:14px;min-width:0}
.ks-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:16px 18px;border:1px solid var(--surface-200);border-radius:14px;background:#fff;box-shadow:var(--shadow-card)}
.ks-result h2{grid-column:1 / -1;margin:0;color:var(--primary-700);font:700 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.ks-result .kp-output{min-height:48px;font-size:16.5px}
.ks-result .kp-output:empty::before{content:"Wpisz kwotę obok"}
.ks-result p{grid-column:1 / -1;margin:0;color:var(--surface-500);font-size:12.5px;line-height:1.45}
.ks-result .btn{white-space:nowrap}
.ks-result .btn:disabled{opacity:.45;cursor:not-allowed}
.ks-status{margin:2px 0 0;color:var(--success-700,#15803d);font-size:14px;overflow-wrap:anywhere}
.ks-status:empty{display:none}

@media (max-width:900px){
  .ks-tool{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media (max-width:600px){
  .ks-form{padding:18px 16px}
  .ks-result{grid-template-columns:minmax(0,1fr);padding:14px}
  .ks-result .btn{width:100%}
  .ks-tool{margin-bottom:52px}
}