body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric {
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20100%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%2352d9ff%22%20stroke-width%3D%22.7%22%20vector-effect%3D%22non-scaling-stroke%22%3E%3Cpath%20opacity%3D%22.23%22%20d%3D%22M9%208H300l11%2011v70H20L9%2078Z%22%2F%3E%3Cpath%20opacity%3D%22.13%22%20d%3D%22M18%2013H294l10%2010v61H25L16%2075Z%22%2F%3E%3Cpath%20opacity%3D%22.32%22%20d%3D%22M9%208h68M249%208h50M20%2089h72M242%2089h57%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2352d9ff%22%20opacity%3D%22.28%22%3E%3Ccircle%20cx%3D%22236%22%20cy%3D%2283%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%2283%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22248%22%20cy%3D%2283%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(var(--eco-metric-grid,#52d9ff0a) 1px,transparent 1px),linear-gradient(90deg,var(--eco-metric-grid,#52d9ff0a) 1px,transparent 1px),linear-gradient(180deg,var(--eco-metric-top,#082a39e6),var(--eco-metric-bottom,#061e2bf2));
    background-size:100% 100%,14px 14px,14px 14px,100% 100%;
    background-position:center,0 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat,no-repeat;
}
/* CP37 — compact Installation summary sizing across every CP36 caller.
   Private summary class names prevent legacy inspector grid placement leaking in.
   Scoped !important typography beats ES22's broad h2/p/dt/small rules without
   changing their page-level styling. The approved card material stays intact. */
@font-face{font-family:"EcoTracer Technical";font-style:normal;font-weight:500;font-display:swap;src:url("../../fonts/ecotracer/chakra-petch-500-v19-1.woff") format("woff")}
@font-face{font-family:"EcoTracer Technical";font-style:normal;font-weight:600;font-display:swap;src:url("../../fonts/ecotracer/chakra-petch-600-v19-1.woff") format("woff")}
@font-face{font-family:"EcoTracer Technical";font-style:normal;font-weight:700;font-display:swap;src:url("../../fonts/ecotracer/chakra-petch-700-v19-1.woff") format("woff")}
body.eco-application #applicationMain .eco-command-header.eco-header-connected-cp36{container-name:eco-command-head eco-connected-cp36;container-type:inline-size;position:relative;isolation:isolate;display:block;width:100%;min-width:0;max-width:none;padding:0!important;margin:0 0 1.25rem!important;overflow:clip;border:1px solid #2f829c;border-radius:.75rem!important;background:#071f2b;box-shadow:inset 0 1px #b5edff20,inset 0 -1px #36cbea22,0 .3rem 1rem #00101c24}
body.eco-application #applicationMain .eco-header-connected-cp36,body.eco-application #applicationMain .eco-header-connected-cp36 *,body.eco-application #applicationMain .eco-header-connected-cp36 *::before,body.eco-application #applicationMain .eco-header-connected-cp36 *::after{box-sizing:border-box}
body.eco-application #applicationMain .eco-header-connected-cp36 > .eco-command-actions{display:grid!important;position:relative;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))!important;margin:0!important;padding:.875rem 1.25rem!important;gap:.75rem!important;border:0;border-block:1px solid #28576b;border-radius:0;background:#092736}
body.eco-application #applicationMain .eco-header-connected-cp36 > .workspace-stage78{margin:0;border-radius:0}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-panel.eco-cp37-summary{position:relative;isolation:isolate;margin:0;padding:0;border:0;border-radius:0;overflow:clip;background:linear-gradient(#52d9ff0b 1px,transparent 1px),linear-gradient(90deg,#52d9ff0b 1px,transparent 1px),linear-gradient(180deg,#072736,#061e2b);background-size:16px 16px,16px 16px,auto;box-shadow:inset 0 0 0 1px #52d9ff12,inset 0 0 2rem #00131f66}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-summary::before,body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-summary::after{content:"";position:absolute;z-index:3;pointer-events:none;inline-size:2.25rem;block-size:.625rem;border-block-start:1px solid #71e8fb;opacity:.78}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-summary::before{inset:.42rem auto auto .65rem;border-inline-start:1px solid #71e8fb;transform:skewX(-42deg)}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-summary::after{inset:.42rem .65rem auto auto;border-inline-end:1px solid #71e8fb;transform:skewX(42deg)}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-heading{position:relative;z-index:2;display:flex;align-items:center;min-block-size:0;margin:0;padding:.75rem 1.25rem;border:0;border-block-end:1px solid #43b7d4;background:linear-gradient(90deg,#082c3cf0,#061f2ceb)}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-heading h2{margin:0!important;padding:0!important;min-width:0;color:#e6f7ff!important;font:700 1rem/1.45 "EcoTracer Technical",sans-serif!important;letter-spacing:.02em;overflow-wrap:anywhere}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics{display:grid;grid-template-columns:repeat(var(--eco-summary-columns-cp36,4),minmax(0,1fr));gap:0;margin:0;padding:0}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric{--inspector-accent:#52d9ff;position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:.75rem;align-content:start;min-inline-size:0;margin:0;padding:1.25rem 1rem 1.1rem;border:0;border-block-start:3px solid var(--inspector-accent);border-inline-start:1px solid #25586a;border-block-end:1px solid #25586a;border-radius:0;color:#f4fcff;text-align:start;box-shadow:inset 0 1px #dffbff0a,inset 0 -1px #52d9ff17}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric:first-child{border-inline-start:0}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric:nth-child(6n+2){--inspector-accent:#55ee9b}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric:nth-child(6n+3){--inspector-accent:#f5c84c}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric:nth-child(6n+4){--inspector-accent:#bda7ef}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric:nth-child(6n+5){--inspector-accent:#ffb181}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric:nth-child(6n){--inspector-accent:#8faeff}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-glyph{position:absolute;inset:1.75rem auto auto 1rem;display:flex;width:2.25rem;height:2.25rem;color:var(--inspector-accent);filter:drop-shadow(0 0 .45rem color-mix(in srgb,var(--inspector-accent) 25%,transparent))}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-glyph :is(svg,img){display:block;width:100%;height:100%;object-fit:contain}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-label{grid-column:2;grid-row:1;min-width:0;margin:0;color:#d9eef5;font:600 .76rem/1.35 "EcoTracer Technical",sans-serif!important;letter-spacing:.025em;text-transform:uppercase;overflow-wrap:anywhere}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-value{grid-column:2;grid-row:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;min-width:0;margin:.3rem 0 0;color:#f4fcff}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-value > span{max-width:100%;font:700 1.9rem/1.1 "EcoTracer Technical",sans-serif!important;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"zero" 0;text-shadow:0 0 .5rem #52d9ff1a;overflow-wrap:anywhere}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-value--text > span{font-size:1.35rem!important;line-height:1.25!important}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-value small{color:#9bd5e8;font:500 .875rem/1.4 "EcoTracer Technical",sans-serif!important;letter-spacing:.02em}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-note{grid-column:2;grid-row:3;min-width:0;margin:.45rem 0 0;color:#b7d8e5;font:500 .78rem/1.5 "EcoTracer Technical",sans-serif!important;letter-spacing:.018em;overflow-wrap:anywhere}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-context{position:relative;margin:0;padding:.75rem 1.25rem;background:linear-gradient(90deg,#072634,#061f2c);border-block-start:1px solid #24576a;color:#aecbd9;font:400 .75rem/1.6 var(--eco-font-body,"Segoe UI",sans-serif)!important;overflow-wrap:anywhere}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-context p{margin:0!important;padding:0;color:inherit;font:inherit!important}
@container eco-connected-cp36 (max-width:62rem){body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container eco-connected-cp36 (max-width:34rem){body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics{grid-template-columns:minmax(0,1fr)}body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric{padding-block:1rem}body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-glyph{top:1.35rem}}
@media (forced-colors:active){body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric,body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-heading,body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-context{background:Canvas!important;color:CanvasText;border-color:CanvasText;box-shadow:none}body.eco-application #applicationMain .eco-header-connected-cp36 :is(.eco-cp37-label,.eco-cp37-value,.eco-cp37-note,.eco-cp37-value small,.eco-cp37-heading h2){color:CanvasText!important;text-shadow:none}body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-summary::before,body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-summary::after{display:none}}
@media print{body.eco-application #applicationMain .eco-header-connected-cp36{overflow:visible;box-shadow:none}body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric{break-inside:avoid}}


/* EcoTracer Mobile Summary MS46R2 START */
/* MS46R2: CP37 private summary classes plus earlier CP36 summary markup. */
/* Restore the CP36 query name without removing the workspace header's name.
   workspace-headers78.css uses an important container shorthand. Both longhands
   must win that shorthand; a normal declaration silently loses on these pages. */
body.eco-application #applicationMain .eco-command-header.eco-header-connected-cp36 {
    container-name: eco-command-head eco-connected-cp36 !important;
    container-type: inline-size !important;
}

/* Container rules handle a narrow content area beside the desktop sidebar.
   Viewport rules also handle missing/unsupported container-query behavior.
   Keep every one-column rule after every two-column rule. */
@media screen and (max-width: 62rem) {
    body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics,
    body.eco-application #applicationMain .eco-header-connected-cp36 .eco-inspector-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media screen {
    @container eco-connected-cp36 (max-width: 62rem) {
        body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics,
        body.eco-application #applicationMain .eco-header-connected-cp36 .eco-inspector-metrics {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
    }
}
@media screen and (max-width: 40rem) {
    body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics,
    body.eco-application #applicationMain .eco-header-connected-cp36 .eco-inspector-metrics {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
@media screen {
    @container eco-connected-cp36 (max-width: 40rem) {
        body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics,
        body.eco-application #applicationMain .eco-header-connected-cp36 .eco-inspector-metrics {
            grid-template-columns: minmax(0, 1fr) !important;
        }
    }
    /* A one-metric summary must not leave a blank second column on a tablet. */
    body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metrics:has(> .eco-cp37-metric:only-child),
    body.eco-application #applicationMain .eco-header-connected-cp36 .eco-inspector-metrics:has(> .eco-inspector-metric:only-child) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* No font scaling, fixed card heights, text clipping, data changes or new motion.
   With sufficient card width the existing CP36 label/value/note wrapping works
   naturally, including long equipment names and Photos + fuel / Compare fuel. */
/* EcoTracer Mobile Summary MS46R2 END */

/* QA02: evidence meters and existing status meaning inside the shared summary.
   Presentation only. No effects on non-summary body panels or legacy callers. */
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric[data-eco-summary-tone="positive"]{--inspector-accent:#55ee9b}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric[data-eco-summary-tone="review"]{--inspector-accent:#f5c84c}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-metric[data-eco-summary-tone="critical"]{--inspector-accent:#ff8a9f}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-meter{display:block;position:relative;block-size:3px;inline-size:100%;margin-block-start:.5rem;background:#284854}
body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-meter::after{content:"";display:block;block-size:100%;inline-size:var(--eco-summary-meter,0%);background:var(--inspector-accent,#52d9ff)}
@media(forced-colors:active){body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-meter{background:Canvas;border-block-end:1px solid CanvasText}body.eco-application #applicationMain .eco-header-connected-cp36 .eco-cp37-meter::after{background:Highlight}}
