.qcmp{box-sizing:border-box;margin:32px 0;padding:clamp(16px,3vw,26px);border:1px solid #bfd0dd;border-radius:20px;background:#f5f9fc;color:#17364e;box-shadow:0 16px 42px #0b2d6212}.qcmp *{box-sizing:border-box}.qcmp>header{display:flex;justify-content:space-between;align-items:start;gap:18px}.qcmp h3{margin:.15rem 0!important;color:#0b2d62;font-size:clamp(1.35rem,3vw,1.9rem)!important}.qcmp h4{margin:0 0 12px;color:#0b2d62}.qcmp header p{margin:.35rem 0!important}.qcmp header small{color:#087b91;font-weight:850;letter-spacing:.12em}.qcmp button{min-height:44px;padding:9px 13px;border:1px solid #819bad;border-radius:9px;background:#fff;color:#0b2d62;font:inherit;font-weight:760;cursor:pointer}.qcmp>header>button,.qcmp [data-copy]{background:#0b5273;color:#fff}.qcmp-plans{display:grid;gap:16px;margin-top:18px}.qcmp-plan{padding:15px;border:1px solid #c8d8e3;border-radius:15px;background:#fff}.qcmp-plan.has-warning{border-left:6px solid #d48b19}.qcmp-plan-head{display:flex;justify-content:space-between;gap:10px;align-items:end}.qcmp-plan-head label{flex:1}.qcmp-plan-head input{font-weight:850;font-size:1.1rem}.qcmp label{display:grid;gap:4px;font-size:.82rem;font-weight:750}.qcmp input,.qcmp select{width:100%;min-width:0;min-height:42px;padding:8px;border:1px solid #829aae;border-radius:8px;background:#fff;color:#17364e;font:inherit}.qcmp-row{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.5fr 44px;gap:8px;align-items:end;margin:10px 0;padding:10px;border-radius:11px;background:#f3f7fa}.qcmp-row>[data-remove-row]{padding:0;font-size:1.25rem;color:#9a2634}.qcmp-range{min-height:24px!important;padding:0!important;margin-top:5px;accent-color:#ef8620}.qcmp-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.qcmp-summary>div{padding:10px;border-radius:10px;background:#eaf5f7}.qcmp-summary small,.qcmp-summary b{display:block}.qcmp-summary b{font-size:1.15rem;color:#0b2d62}.qcmp-summary p{grid-column:1/-1;margin:0!important;padding:9px;border-radius:8px;background:#fff7e7;color:#734b0b;font-size:.85rem}.qcmp-plan:not(.has-warning) .qcmp-summary p{background:#e9f7f1;color:#17634f}.qcmp-chart{margin-top:18px;padding:16px;border-radius:15px;background:#082f4c;color:#fff}.qcmp-chart h4{color:#fff}.qcmp-chart [data-chart]{display:grid;gap:11px}.qcmp-chart [data-chart]>div{display:grid;grid-template-columns:minmax(90px,.25fr) 1fr;gap:10px;align-items:center}.qcmp-chart span{display:block;width:var(--w);min-width:8rem;padding:9px 12px;border-radius:0 9px 9px 0;background:linear-gradient(90deg,#16a4b4,#58d5d6)}.qcmp-chart i{font-style:normal;font-weight:850;color:#062d43;white-space:nowrap}.qcmp-chart>p{margin:.8rem 0 0!important;color:#c7dfe8;font-size:.8rem}.qcmp-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.qcmp-actions span{font-size:.85rem;color:#17634f}.qcmp>footer{margin-top:14px;padding-top:12px;border-top:1px solid #c9d7e1;font-size:.83rem;color:#526b7d}@media(max-width:800px){.qcmp-row{grid-template-columns:1fr 1fr}.qcmp-row label:nth-child(3),.qcmp-row label:nth-child(4){grid-column:span 1}.qcmp-row>[data-remove-row]{grid-column:2;justify-self:end;width:44px}.qcmp>header{display:grid}.qcmp>header>button{width:100%}}@media(max-width:480px){.qcmp{padding:12px}.qcmp-row{grid-template-columns:1fr}.qcmp-row label:nth-child(3),.qcmp-row label:nth-child(4),.qcmp-row>[data-remove-row]{grid-column:auto}.qcmp-summary{grid-template-columns:1fr}.qcmp-summary p{grid-column:auto}.qcmp-chart [data-chart]>div{grid-template-columns:1fr}.qcmp-plan-head{display:grid}.qcmp-plan-head button{width:100%}}