/* A shared finish screen for the integrated and standalone trip views. */
.cc-trip-summary{--finish-panel:#172738;--finish-soft:#1c3245;--finish-line:#345064;--finish-text:#e7eff8;--finish-muted:#adc0d0;--finish-accent:#6ad8c8;display:grid;gap:16px;color:var(--finish-text);min-width:0;}
.cc-trip-summary.hidden{display:none!important;}
[data-theme=light] .cc-trip-summary{--finish-panel:#fff;--finish-soft:#f0f6f7;--finish-line:#d1e1e5;--finish-text:#193448;--finish-muted:#526b7c;--finish-accent:#087d70;}
.cc-finish-heading{display:flex;align-items:center;gap:12px;min-width:0;}
.cc-finish-check{display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid color-mix(in srgb,var(--finish-accent) 32%,transparent);border-radius:16px;background:color-mix(in srgb,var(--finish-accent) 12%,var(--finish-panel));color:var(--finish-accent);}
.cc-finish-heading>div{min-width:0;}
.cc-trip-summary .cc-finish-heading :is(h1,h3){font-size:clamp(21px,4vw,26px)!important;line-height:1.2;letter-spacing:-.6px;margin:0!important;color:var(--finish-text);}
.cc-finish-heading p{font-size:12px;color:var(--finish-muted);margin:6px 0 0;line-height:1.5;}
.cc-finish-vehicle{font-size:12px;line-height:1.5;color:var(--finish-muted);margin:-4px 0 0;overflow-wrap:anywhere;}
.cc-finish-vehicle[hidden]{display:none;}
.cc-finish-cost{display:grid;gap:8px;min-width:0;padding:22px;border:1px solid color-mix(in srgb,var(--finish-accent) 35%,var(--finish-line));border-radius:20px;background:linear-gradient(125deg,color-mix(in srgb,var(--finish-accent) 13%,var(--finish-panel)),var(--finish-panel));}
.cc-finish-label{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.45;font-weight:500;color:var(--finish-muted);}
.cc-finish-amount{font-size:clamp(36px,7vw,48px);line-height:1.15;letter-spacing:-1.5px;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--finish-text);}
.cc-finish-consumption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding-top:14px;margin-top:8px;border-top:1px solid color-mix(in srgb,var(--finish-accent) 20%,transparent);font-size:12px;line-height:1.5;color:var(--finish-muted);}
.cc-finish-consumption strong{font-size:18px;color:var(--finish-accent);font-variant-numeric:tabular-nums;}
.cc-finish-fuel{font-size:11px;line-height:1.5;color:var(--finish-muted);}
.cc-finish-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.cc-finish-stats>div{display:grid;align-content:start;gap:10px;padding:16px;border:1px solid var(--finish-line);border-radius:16px;background:var(--finish-soft);min-width:0;}
.cc-finish-stats svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--finish-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.cc-finish-stats strong{font-size:clamp(20px,4vw,26px);line-height:1.3;letter-spacing:-.5px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.cc-finish-actions{display:grid;gap:10px;padding-top:4px;}
.cc-trip-summary .cc-finish-actions :is(button,a){display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:50px!important;margin:0!important;padding:12px 16px!important;border-radius:14px!important;font:650 14px/1.4 system-ui,sans-serif!important;text-decoration:none;box-shadow:none!important;cursor:pointer;transition:background .15s,border-color .15s;}
.cc-trip-summary .cc-finish-primary{background:#6ad8c8!important;color:#093c38!important;border:1px solid #6ad8c8!important;}
.cc-trip-summary .cc-finish-secondary{background:transparent!important;color:var(--finish-text)!important;border:1px solid var(--finish-line)!important;}
.cc-trip-summary .cc-finish-primary:hover{background:#83e3d4!important;}
.cc-trip-summary .cc-finish-secondary:hover{background:var(--finish-soft)!important;border-color:var(--finish-accent)!important;}
.cc-trip-summary .cc-finish-actions :focus-visible{outline:2px solid var(--finish-accent);outline-offset:3px;}
.cc-trip-summary .cc-finish-actions :disabled{opacity:1!important;background:var(--finish-soft)!important;color:var(--finish-accent)!important;border-color:var(--finish-line)!important;cursor:default;}
body.cc-app.cc62-app #ccTravelBody>#tripLiveCard:has(.cc-trip-summary:not(.hidden)){padding:24px!important;}
#screenSummary>.cc-trip-summary{width:min(100%,680px);margin:0 auto;}
@media(max-width:1000px){body.cc-app.cc62-app #tripLiveCard{scroll-margin-top:calc(var(--cc62-top,12px) + 56px);}}
@media(max-width:600px){body.cc-app.cc62-app #ccTravelBody>#tripLiveCard:has(.cc-trip-summary:not(.hidden)){padding:18px!important;}.cc-finish-cost{padding:18px;}.cc-finish-stats>div{padding:14px;}.cc-finish-stats{gap:10px;}}
@media(max-width:360px){.cc-trip-summary{gap:14px;}.cc-finish-heading{gap:10px;}.cc-finish-check{width:40px;height:40px;border-radius:13px;}.cc-finish-stats>div{padding:12px;}}
@media(prefers-reduced-motion:reduce){.cc-trip-summary .cc-finish-actions :is(button,a){transition:none;}}