/* KONSALTOFF CRM v97.12 · мастер КП */
.kpw{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}
.kpw h4{margin:0 0 6px;font-size:13px;color:#12304f}
.kpw-steps{display:flex;gap:6px;flex-wrap:wrap}
.kpw-steps span{flex:1 1 150px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;background:#eef2f7;color:#7d8fa5;font-size:12.5px;font-weight:600;white-space:nowrap}
.kpw-steps i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;color:inherit;font-size:11px}
.kpw-steps span.done{background:#e6f6ec;color:#1b7f47}
.kpw-steps span.current{background:#0b63ce;color:#fff}
.kpw-steps span.current i{color:#0b63ce}
.kpw-client{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;background:#f6f9fd;border:1px solid #e3ebf4;border-radius:8px;padding:9px 12px}
.kpw-client b{font-size:15px;color:#12304f}
.kpw-client small{flex-basis:100%;color:#6b7f96;font-size:12px}
.kpw-kind{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#e6f6ec;color:#1b7f47}
.kpw-kind.prospect{background:#e3eefc;color:#0d4fa3}
.kpw-kind.cold{background:#e8f3fb;color:#2f6f9f}
.kpw-box{border:1px solid #e3ebf4;border-radius:8px;padding:10px 12px}
.kpw-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.kpw-checks label,.kpw-radio label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px;color:#1d3550;font-weight:500;text-transform:none;letter-spacing:0}
.kpw-checks input,.kpw-radio input[type=radio]{width:auto!important;height:auto!important;flex:0 0 auto}
.kpw-radio{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.kpw-radio input[type=number]{width:110px!important;height:32px;border:1px solid #cfdcec;border-radius:7px;padding:0 8px}
.kpw-hint{font-size:12.5px;color:#4a6079;background:#f6f9fd;border:1px solid #e3ebf4;border-radius:8px;padding:7px 10px;margin-top:6px}
.kpw-two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:14px;align-items:start}
.kpw-calc{background:#f6f9fd;border:1px solid #dfe7f0;border-radius:10px;padding:12px 14px}
.kpw-lines,.kpw-tiers{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:8px}
.kpw-lines td,.kpw-tiers td,.kpw-tiers th{padding:5px 4px;border-bottom:1px solid #e3ebf4;text-align:left;color:#1d3550}
.kpw-lines td:last-child,.kpw-tiers td:last-child,.kpw-tiers th:last-child{text-align:right;white-space:nowrap}
.kpw-tiers th{color:#6b7f96;font-weight:600;font-size:12px}
.kpw-tiers tr.on td{background:#e6f6ec;font-weight:700;color:#1b7f47}
.kpw-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid #0b63ce;padding-top:8px}
.kpw-total b{font-size:20px;color:#0b63ce}
.kpw-save{margin-top:6px;font-size:12.5px;font-weight:700;color:#1b7f47}
.kpw-pending{font-size:13px;color:#8a6100;background:#fff8e3;border:1px solid #f0d98a;border-radius:8px;padding:8px 10px}
.kpw-preview-bar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:#36526d}
.kpw-frame{width:100%;height:56vh;min-height:360px;border:1px solid #dfe7f0;border-radius:10px;background:#eef3f8}
.kpw-done{background:#e6f6ec;border:1px solid #b9d8c5;color:#1b5e3a;border-radius:8px;padding:9px 12px;font-size:13.5px}
.kpw-tpl{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.kpw-tpl button,.kpw-channels button{border:1px solid #cfdcec;background:#fff;color:#36526d;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.kpw-tpl button.active,.kpw-channels button.active{background:#0b63ce;border-color:#0b63ce;color:#fff}
.kpw-channels{display:flex;gap:6px;flex-wrap:wrap}
.kpw-channels button:disabled{opacity:.4;cursor:not-allowed}
.kpw #kpwText{width:100%;border:1px solid #cfdcec;border-radius:8px;padding:9px 10px;font:13px/1.45 system-ui;resize:vertical;box-sizing:border-box}
.kpw-btns{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.kpw-two h4{margin-top:10px}
.kpw-two>div>h4:first-child{margin-top:0}
.kpw-hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #dfe7f0;border-radius:10px;padding:10px 12px}
.kpw-hrow small{display:block;color:#6b7f96;font-size:12px;margin-top:3px}
.kpw-hbtns{display:flex;gap:6px;flex-wrap:wrap}
.kpw-stage{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:#eef2f7;color:#5b6f86}
.kpw-stage.proposal_sent{background:#e3eefc;color:#0d4fa3}
.kpw-stage.proposal_created{background:#fff4d6;color:#8a6100}
.kpw-stage.paid,.kpw-stage.contract_signed{background:#e6f6ec;color:#1b7f47}
.v973-kp-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.v973-kp-btns .btn{min-height:30px;padding:5px 10px}
@media(max-width:820px){.kpw-two{grid-template-columns:1fr}}
.kpw-card{background:#fff;border:1px solid #dfe7f0;border-radius:12px;padding:14px 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}
.kpw-card-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kpw-card-head>div:nth-child(2){flex:1 1 260px}
.kpw-card-head h3{margin:0;font-size:16px;color:#12304f}
.kpw-card-head p{margin:2px 0 0;font-size:12.5px;color:#6b7f96}
.kpw-card-icon{flex:0 0 42px;height:42px;border-radius:10px;background:#0b63ce;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.kpw-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.kpw-card-grid>div{border:1px solid #e3ebf4;border-radius:8px;padding:8px 10px}
.kpw-card-grid span{display:block;font-size:11.5px;color:#6b7f96}
.kpw-card-grid b{font-size:14px;color:#12304f}
.kpw-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.kpw-pos{width:100%;border-collapse:collapse;font-size:13px}
.kpw-pos th{text-align:left;font-size:12px;color:#6b7f96;font-weight:600;padding:5px 6px;border-bottom:1px solid #e3ebf4}
.kpw-pos td{padding:5px 6px;border-bottom:1px solid #edf2f8;color:#1d3550}
.kpw-pos input{width:130px!important;height:32px;border:1px solid #cfdcec;border-radius:7px;padding:0 8px}

/* v97.57: история КП таблицей, ответ клиента, «выгоднее за 12 месяцев», скрипт голосового */
.kpw-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.kpw-reply-chip{font-style:normal;display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:700;background:#fff3d9;color:#8a6100}
.kpw-reply-chip.discuss{background:#e8f1fd;color:#12509e}.kpw-reply-chip.agreed{background:#e7f6ec;color:#1b7f47}.kpw-reply-chip.declined{background:#fdecec;color:#b3261e}.kpw-reply-chip.later{background:#eef2f7;color:#52667f}
.kpw-htable-wrap{overflow:auto;border:1px solid #dfe7f0;border-radius:10px}
.kpw-htable{width:100%;border-collapse:collapse;font-size:13px}
.kpw-htable th{background:#f1f5fa!important;color:#6b7f96!important;font-size:11px;text-transform:uppercase;text-align:left;padding:8px 10px;border:0!important;border-bottom:1px solid #e3ebf4!important;white-space:nowrap}
.kpw-htable td{padding:8px 10px;border:0!important;border-bottom:1px solid #eef2f7!important;vertical-align:middle;background:transparent}
.kpw-htable td small{display:block;font-size:11.5px;color:#6b7f96}.kpw-htable td.r{text-align:right;white-space:nowrap}
.kpw-htable select,.kpw-htable input{width:auto;min-height:30px;padding:4px 8px;border:1px solid #cdd9e6;border-radius:7px;font-size:12.5px}
.kpw-htable input[data-kpw-act]{width:150px;display:block;margin-bottom:4px}
.kpw-htable .kpw-hbtns{white-space:nowrap}.kpw-htable .kpw-hbtns .btn{padding:5px 9px;font-size:12px;margin-left:4px}
.kpw-reply.waiting{background:#fff8e6}.kpw-reply.discuss{background:#eef5ff}.kpw-reply.agreed{background:#eaf8ee}.kpw-reply.declined{background:#fdeeee}.kpw-reply.later{background:#f3f5f8}
.kpw-best{margin-top:10px;padding:10px 12px;border:1px solid #bfe6c9;border-radius:10px;background:#effaf2;display:flex;flex-direction:column;gap:3px;font-size:13px;color:#24553a}
.kpw-best b{color:#1b7f47}
#kpwVoice{width:100%;margin-top:4px}