.ccgp{font-family:inherit}
.ccgp__card{border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:16px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06);max-width:980px;margin:0 auto}
.ccgp__title{font-size:20px;font-weight:700;line-height:1.2;color:#17262f}
.ccgp__subtitle{margin-top:6px;color:rgba(23,38,47,.75);font-size:14px}
.ccgp__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px;align-items:end}
.ccgp__field label{display:block;font-size:13px;color:rgba(23,38,47,.85);margin:0 0 6px}
.ccgp__field input,.ccgp__field select{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.14);border-radius:12px;outline:none;background:#fff;font-size:14px}
.ccgp__field input:focus,.ccgp__field select:focus{border-color:rgba(49,69,80,.75);box-shadow:0 0 0 3px rgba(49,69,80,.12)}
.ccgp__hint{margin-top:6px;font-size:12px;color:rgba(23,38,47,.65)}
.ccgp__badge{padding:10px 12px;border-radius:12px;border:1px solid rgba(244,202,73,.55);background:rgba(244,202,73,.22);color:#17262f;font-weight:700}
.ccgp__actions{position:relative;z-index:9999;display:flex;gap:10px;margin-top:12px}
.ccgp__btn{pointer-events:auto;position:relative;z-index:9999;appearance:none;border:0;background:#314550;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px}
.ccgp__btn:hover{filter:brightness(1.05)}
.ccgp__btn--ghost{background:#f4ca49;color:#17262f}
.ccgp__result{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(0,0,0,.18)}
.ccgp__resultGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.ccgp__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);border-radius:12px;background:#fafafa}
.ccgp__row span{color:rgba(23,38,47,.85);font-size:13px}
.ccgp__row strong{color:#17262f;font-size:14px}
.ccgp__row--total{grid-column:1/-1;background:#17262f;border-color:#17262f}
.ccgp__row--total span,.ccgp__row--total strong{color:#fff;font-size:15px}
.ccgp__disclaimer{margin-top:10px;font-size:12px;color:rgba(23,38,47,.65)}
.ccgp__additional{margin-top:12px;padding:12px;border-radius:12px;border:1px solid rgba(0,0,0,.10);background:#fff}
.ccgp__additionalTitle{font-weight:700;color:#17262f;margin-bottom:8px}
.ccgp__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.ccgp__check{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(23,38,47,.9)}
@media(max-width:980px){.ccgp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.ccgp__grid{grid-template-columns:1fr}.ccgp__actions{position:relative;z-index:9999;flex-direction:column}.ccgp__resultGrid{grid-template-columns:1fr}.ccgp__checks{grid-template-columns:1fr}}

.ccgp__actions--bottom{margin-top:14px}
.ccgp__breakdown{margin-top:14px;padding:12px;border:1px solid rgba(0,0,0,.10);border-radius:12px;background:#fff}
.ccgp__breakdownTitle{font-weight:700;color:#17262f;margin-bottom:10px}
.ccgp__breakdownList{display:flex;flex-direction:column;gap:8px}
.ccgp__brow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ccgp__bname{display:flex;align-items:center;gap:8px;color:rgba(23,38,47,.9);font-size:13px}
.ccgp__bamt{color:#17262f;font-weight:700;font-size:13px;white-space:nowrap}
.ccgp__bcheck{display:inline-block;min-width:14px;color:#17262f;font-weight:900}
.ccgp__breakdownHint{margin-top:8px;color:rgba(23,38,47,.65);font-size:12px}