/* v3.100.84: понятные окна оплаты — сводка «что входит → к оплате → получено → что будет» */
.confirm-card.skm-card{max-width:480px!important;width:94vw;text-align:left;padding:0!important;overflow:hidden;border-radius:16px}
.skm-card .skm-body{padding:14px 18px 16px;max-height:calc(100vh - 170px);overflow:auto}
.skm-card .skm-body>div[style*="font-weight:700"]:first-child{display:none}
.skm-head{padding:14px 18px 12px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.skm-head .skm-k{font:600 11.5px var(--font-body);color:var(--ink-faint);letter-spacing:.02em}
.skm-head .skm-t{font:700 18px/1.2 var(--font-display);color:var(--ink);margin-top:2px}
.skm-head .skm-c{font-size:12.5px;color:var(--ink-soft);margin-top:3px}
.skm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.skm-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font:600 11.5px var(--font-body);background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap}
.skm-chip.ok{background:var(--free-soft);border-color:transparent;color:var(--free)}
.skm-chip.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}
.skm-chip.bad{background:var(--bad-soft);border-color:transparent;color:var(--bad)}
.skm-card .field{margin-top:12px!important}
.skm-card .field>label,.skm-card .skm-lbl{display:block;font:600 12px var(--font-body);color:var(--ink-soft);margin-bottom:5px}
.skm-card input[type=number],.skm-card input[type=date],.skm-card select{width:100%;box-sizing:border-box;height:40px;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important;color:var(--ink);font-size:15px}
.skm-card input:focus,.skm-card select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)}
.skm-card #rnAmount,.skm-card #ciAmount,.skm-card #edAmount{font:700 18px var(--font-display);height:46px}
.skm-seg{display:flex;flex-wrap:wrap;gap:6px}
.skm-seg button{flex:1 1 auto;min-width:64px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:600 13px var(--font-body);cursor:pointer;line-height:1.2}
.skm-seg button small{display:block;font-size:11px;font-weight:600;color:var(--free);margin-top:1px}
.skm-seg button.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.skm-seg button.on small{color:inherit;opacity:.85}
.skm-card .row{padding:12px 18px;margin:0!important;border-top:1px solid var(--line);background:var(--surface);display:flex;gap:8px}
.skm-card .row .btn{flex:1;height:42px;border-radius:10px;font-size:14px}
.skm-card .row .btn-primary{flex:1.4;background:var(--ink)!important;border-color:var(--ink)!important;color:var(--surface)!important}
.skm-card .row .btn-primary:hover{filter:brightness(1.15)}
.skm-card .skm-body>.v356-hint{display:none}
.skm-card .field:has(#rnLock:not(:checked)) #rnLockAmt,.skm-card .field:has(#ciLock:not(:checked)) #ciLockAmt{display:none}
.chat-rent-box:has(#skmRent) #chatPPHint{display:none}
.skm{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);font-size:13px;color:var(--ink)}
.skm-l{padding:8px 12px 6px}
.skm-r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;color:var(--ink-soft)}
.skm-r span{min-width:0}
.skm-r small{display:block;font-size:11.5px;color:var(--ink-faint)}
.skm-r b{font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.skm-r.sub b{color:var(--free)}
.skm-r.add b{color:var(--ink)}
.skm-r.bad b,.skm-r.bad span{color:var(--bad)}
.skm-tot,.skm-got{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;border-top:1px dashed var(--line)}
.skm-tot span,.skm-got span{font-weight:600;color:var(--ink-soft)}
.skm-tot b{font:700 18px var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}
.skm-got b{font:700 15px var(--font-display);font-variant-numeric:tabular-nums}
.skm-res{padding:10px 12px;font-size:13px;line-height:1.45;border-top:1px solid var(--line)}
.skm-res b{font-weight:700}
.skm-res.ok{background:var(--free-soft);color:var(--free)}
.skm-res.warn{background:var(--warn-soft);color:var(--warn)}
.skm-res.bad{background:var(--bad-soft);color:var(--bad)}
.skm-res.info{background:var(--surface-2);color:var(--ink-soft)}
.skm-res .skm-x{display:block;margin-top:4px;color:var(--bad);font-weight:600}
.chat-rent-box .skm{margin:10px 0 4px}
@media (max-width:600px){ .skm-card .skm-body{max-height:calc(100vh - 210px)} .skm-head .skm-t{font-size:16px} }