/* EcoTracer Compact Blueprint summary console · 2026-09-25.1.
   Four opted-in overview panels. The panel is the query container, not the grid itself.
   Positional icon accents do not encode status. Native values, precision and units stay in Razor. */
.eco-command-summary-panel {
    --eco-command-summary-cyan:var(--eco-color-cyan,#52d9ff);
    --eco-command-summary-green:var(--eco-color-green,#55ee9b);
    --eco-command-summary-gold:var(--eco-color-gold,#f5c84c);
    --eco-command-summary-purple:var(--eco-color-purple,#bda7ef);
    --eco-command-summary-apricot:var(--eco-color-apricot,#ffb181);
    --eco-command-summary-periwinkle:var(--eco-color-periwinkle,#8faeff);
    container:eco-summary-console / inline-size;
    display:block; min-inline-size:0; margin:1.25rem 0 0; padding:0;
    border:1px solid #305566; border-radius:.625rem;
    background:linear-gradient(180deg,#0a2c3e,#071e2c);
    color:var(--eco-color-text-primary,#e5f4fc);
    font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif);
}
.eco-command-summary-panel,.eco-command-summary-panel * {box-sizing:border-box;}
/* Existing page stacks already contribute their own gap; do not double it. */
.facilities-command-page .fc-shell>.eco-command-summary-panel {margin-block-start:.4rem;}
.mo-command-center .cc-summary.eco-command-summary-panel {display:block;margin:max(0rem,calc(1.25rem - var(--eco-space-5,1rem))) 0 0;}
.eco-stack>.eco-command-summary-panel {margin-block-start:max(0rem,calc(1.25rem - var(--eco-content-gap,1rem)));}
.eco-command-summary-panel .eco-command-summary-heading {
    display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap;
    margin:0;padding:.75rem 1rem;border-bottom:1px solid #234555;
}
.eco-command-summary-panel .eco-command-summary-heading h2 {
    margin:0;padding:0;font:650 .875rem/1.5 var(--eco-font-body,"Segoe UI",Arial,sans-serif);
    color:#e4f3fb;letter-spacing:0;text-transform:none;
}
.eco-command-summary-panel .eco-command-summary-heading>span {font-size:.6875rem;line-height:1.5;color:#a7c3d3;}
.eco-command-summary-panel .eco-command-summary {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
    margin:0;padding:0;min-inline-size:0;background:#254453;list-style:none;
}
.eco-command-summary-panel .eco-command-summary--6 {grid-template-columns:repeat(3,minmax(0,1fr));}
.eco-command-summary-panel .eco-command-summary__item {
    --eco-command-tone:var(--eco-command-summary-cyan);
    position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;
    min-inline-size:0;margin:0;padding:1.125rem 1rem 1.0625rem 3.75rem;
    border:0;border-radius:0;background:linear-gradient(180deg,#0a2c3e,#071e2c);
    box-shadow:none;overflow:visible;
}
.eco-command-summary-panel .eco-command-summary__item:nth-child(6n+1) {--eco-command-tone:var(--eco-command-summary-cyan);}
.eco-command-summary-panel .eco-command-summary__item:nth-child(6n+2) {--eco-command-tone:var(--eco-command-summary-green);}
.eco-command-summary-panel .eco-command-summary__item:nth-child(6n+3) {--eco-command-tone:var(--eco-command-summary-gold);}
.eco-command-summary-panel .eco-command-summary__item:nth-child(6n+4) {--eco-command-tone:var(--eco-command-summary-purple);}
.eco-command-summary-panel .eco-command-summary__item:nth-child(6n+5) {--eco-command-tone:var(--eco-command-summary-apricot);}
.eco-command-summary-panel .eco-command-summary__item:nth-child(6n) {--eco-command-tone:var(--eco-command-summary-periwinkle);}
.eco-command-summary-panel .eco-command-summary__icon {
    position:absolute;inset-inline-start:1rem;inset-block-start:1.3125rem;
    display:block;inline-size:1.875rem;block-size:1.875rem;margin:0;padding:0;
    color:var(--eco-command-tone);background:none;border:0;border-radius:0;box-shadow:none;filter:none;
}
.eco-command-summary-panel .eco-command-summary__icon .eco-compact-summary-icon {
    display:block;inline-size:100%;block-size:100%;max-inline-size:100%;color:inherit;filter:none;
}
.eco-command-summary-panel :is(.eco-command-summary__value,.eco-command-summary__label,.eco-command-summary__detail) {margin:0;padding:0;min-inline-size:0;}
.eco-command-summary-panel .eco-command-summary__value {
    order:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:.125rem .3125rem;
    font-size:1.75rem;font-weight:730;line-height:1.13;letter-spacing:-.02em;
    font-variant-numeric:tabular-nums;color:#f2f9fc;text-shadow:none;
    white-space:normal;overflow-wrap:anywhere;
}
.eco-command-summary-panel .eco-command-summary__value>span {min-inline-size:0;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere;}
.eco-command-summary-panel .eco-command-summary__value--text {font-size:1.0625rem;line-height:1.3;letter-spacing:0;}
.eco-command-summary-panel .eco-command-summary__value>small,
.eco-command-summary-panel .eco-command-summary__unit {font-size:.75rem;font-weight:500;line-height:1.4;letter-spacing:0;color:#bad1df;white-space:normal;}
.eco-command-summary-panel .eco-command-summary__label {order:1;margin-top:.3125rem;color:#e5f4fc;font-size:.75rem;font-weight:650;line-height:1.4;letter-spacing:0;text-transform:none;}
.eco-command-summary-panel .eco-command-summary__detail {order:2;margin-top:.375rem;color:#a8c5d5;font-size:.6875rem;font-weight:400;line-height:1.5;overflow-wrap:anywhere;}
.eco-command-summary-panel .eco-command-summary__detail a {color:#8de2f5;text-underline-offset:.16em;}
/* These are existing native disclosures/anchors, kept inside the shared material. */
.eco-command-summary-panel :is(.fc-basis-line,.mo-basis-line,.esb-summary-scope,.eco-command-summary-basis) {
    margin:0;padding:.6875rem 1rem;border-top:1px solid #234555;
    font-size:.6875rem;line-height:1.5;color:#a9c8d8;background:none;
}
.eco-command-summary-panel :is(.fc-basis-line,.mo-basis-line) {display:flex;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;}
.eco-command-summary-panel :is(.fc-basis-line,.mo-basis-line)>span {flex:1 1 24rem;}
.eco-command-summary-panel :is(.fc-basis-line,.mo-basis-line) a {color:#8de2f5;white-space:normal;}
.eco-command-summary-panel :is(.esb-summary-scope,.eco-command-summary-basis)>summary {padding:0;min-block-size:1.5625rem;line-height:1.5625rem;color:#8de2f5;font-weight:500;}
.eco-command-summary-panel :is(.esb-summary-scope,.eco-command-summary-basis) p {margin:.3125rem 0;line-height:1.5;}
.eco-command-summary-panel .esb-summary-scope>div {margin-top:.5rem;padding:0;border:0;background:none;}
/* Query the panel's available width, including an expanded sidebar and browser zoom. */
@container eco-summary-console (max-width:56.25rem) {
    .eco-command-summary-panel .eco-command-summary--4 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@container eco-summary-console (max-width:41.25rem) {
    .eco-command-summary-panel .eco-command-summary--6 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@container eco-summary-console (max-width:25rem) {
    .eco-command-summary-panel .eco-command-summary {grid-template-columns:minmax(0,1fr);}
}
@supports not (container-type:inline-size) {
    .eco-command-summary-panel .eco-command-summary {grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));}
}
/* Trial the same compact family in the existing sidebar on these four overviews.
   This stylesheet is already page-loaded; no Layout, Home, navigation or drawer changes.
   Explicit keys only. Unmatched catalog art stays intact. Header glyphs remain raster.
   The one !important display rule intentionally overrides the inline hidden default
   so the extra SVG cannot leak into pages that do not load this stylesheet. */
#applicationSidebar.eco-technical-sidebar .eco-ui-icon--compact-available.eco-ui-icon--catalog {
    inline-size:1.25rem;block-size:1.25rem;width:1.25rem;height:1.25rem;filter:none;
}
#applicationSidebar.eco-technical-sidebar :is(.sidebar-navigation-icon,.eco-domain-icon,.sidebar-context-icon,.eco-vehicle-nav-mark,.eco-switcher-icon) .eco-ui-icon--compact-available.eco-ui-icon--catalog {
    inline-size:1.25rem;block-size:1.25rem;width:1.25rem;height:1.25rem;filter:none;
}
#applicationSidebar.eco-technical-sidebar .eco-ui-icon--compact-available>img,
#applicationSidebar.eco-technical-sidebar .eco-ui-icon--compact-available>.eco-catalog-contrast-icon {display:none;}
#applicationSidebar.eco-technical-sidebar .eco-ui-icon--compact-available>.eco-compact-nav-icon {
    display:block!important;inline-size:100%;block-size:100%;color:inherit;filter:none;
}
#applicationSidebar.eco-technical-sidebar .eco-vehicle-link-icon .eco-ui-icon--compact-available.eco-ui-icon--catalog {
    inline-size:1.125rem;block-size:1.125rem;width:1.125rem;height:1.125rem;
}
@media (forced-colors:active) {
    .eco-command-summary-panel {color:CanvasText;background:Canvas;border-color:CanvasText;}
    .eco-command-summary-panel .eco-command-summary {background:CanvasText;}
    .eco-command-summary-panel .eco-command-summary__item {background:Canvas;color:CanvasText;}
    .eco-command-summary-panel :is(.eco-command-summary__icon,.eco-command-summary__value,.eco-command-summary__value>small,.eco-command-summary__unit,.eco-command-summary__label,.eco-command-summary__detail,.eco-command-summary-heading h2,.eco-command-summary-heading>span) {color:CanvasText;}
    .eco-command-summary-panel :is(.eco-command-summary-heading,.fc-basis-line,.mo-basis-line,.esb-summary-scope,.eco-command-summary-basis) {border-color:CanvasText;color:CanvasText;}
    .eco-command-summary-panel a,.eco-command-summary-panel summary {color:LinkText;}
}
@media print {
    .eco-command-summary-panel {break-inside:avoid;background:#fff;border-color:#777;color:#000;}
    .eco-command-summary-panel .eco-command-summary {background:#777;}
    .eco-command-summary-panel .eco-command-summary__item {background:#fff;}
    .eco-command-summary-panel :is(h2,span,dd,dt,a,summary,p) {color:#000;text-shadow:none;}
}