/* EcoTracer Connected summaries 12. Opt-in 2D catalog treatment.
   Presentation accents never replace explicit status text. */
.eco-one-row-page .eco-summary-panel.eco-primary-summary {
    container:eco-summary / inline-size;
    min-width:0; margin:1rem 0; padding:0;
    color:#f0f8fc; border:0; border-radius:0;
    background:transparent;
    font-family:var(--eco-font-body,"Segoe UI",sans-serif);
}
.eco-one-row-page .eco-summary-panel.eco-primary-summary * {box-sizing:border-box}
.eco-one-row-page .eco-primary-summary .eco-summary-heading {
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;
    min-width:0;padding:0 .125rem .5rem;border:0;
}
.eco-one-row-page .eco-primary-summary .eco-summary-heading h2 {
    margin:0;color:#f0f8fc;font:650 .9375rem/1.4 var(--eco-font-body,"Segoe UI",sans-serif);letter-spacing:0;
}
.eco-one-row-page .eco-primary-summary .eco-summary-scope {color:#aecbd9;font-size:.75rem;line-height:1.4}
.eco-one-row-page .eco-primary-summary .eco-summary-status {
    display:inline-flex;align-items:center;gap:.45rem;max-width:100%;
    color:#b5d2df;font-size:.75rem;line-height:1.4;overflow-wrap:anywhere;
}
.eco-one-row-page .eco-primary-summary .eco-summary-status-dot {flex:0 0 .35rem;width:.35rem;height:.35rem;border-radius:50%;background:currentColor}
.eco-one-row-page .eco-primary-summary .eco-summary-status.warning {color:#f5d684}
.eco-one-row-page .eco-primary-summary .eco-summary-status.critical {color:#ffaaa6}
.eco-one-row-page .eco-primary-summary .eco-summary-row {
    display:grid;grid-template-columns:repeat(var(--eco-primary-columns,4),minmax(0,1fr));gap:0;
    min-width:0;margin:0;padding:0;
    border:1px solid #24576a;border-radius:.5rem;overflow:hidden;background:#071f2b;
}
.eco-one-row-page .eco-primary-summary .eco-summary-metric {
    --summary-accent:#52d9ff;
    display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:.75rem;
    grid-template-rows:subgrid;grid-row:span 3;align-content:start;
    min-width:0;min-height:0;padding:.875rem;
    border-top:2px solid var(--summary-accent);
    border-inline-start:1px solid #52d9ff21;
}
.eco-one-row-page .eco-primary-summary .eco-summary-metric:first-child {border-inline-start:0}
.eco-one-row-page .eco-primary-summary .eco-summary-metric:nth-child(6n+2){--summary-accent:#55ee9b}
.eco-one-row-page .eco-primary-summary .eco-summary-metric:nth-child(6n+3){--summary-accent:#f5c84c}
.eco-one-row-page .eco-primary-summary .eco-summary-metric:nth-child(6n+4){--summary-accent:#bda7ef}
.eco-one-row-page .eco-primary-summary .eco-summary-metric:nth-child(6n+5){--summary-accent:#ffb181}
.eco-one-row-page .eco-primary-summary .eco-summary-metric:nth-child(6n){--summary-accent:#8faeff}
.eco-one-row-page .eco-primary-summary .eco-summary-metric dt {
    display:grid;grid-column:1/-1;grid-row:1/3;
    grid-template-columns:subgrid;grid-template-rows:subgrid;
    min-width:0;margin:0;padding:0;color:#d3e6ee;
    font:600 .8125rem/1.4 var(--eco-font-body,"Segoe UI",sans-serif);
    letter-spacing:.015em;text-transform:none;
}
.eco-one-row-page .eco-primary-summary .eco-summary-label {grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere}
.eco-one-row-page .eco-primary-summary .eco-summary-glyph {
    grid-column:1;grid-row:1/3;align-self:center;
    display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;
    color:var(--summary-accent);
    filter:drop-shadow(0 0 .375rem color-mix(in srgb,var(--summary-accent) 18%,transparent));
}
.eco-one-row-page .eco-primary-summary .eco-summary-glyph .eco-summary-outline {
    display:block;width:100%;height:100%;max-width:none;
    fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
.eco-one-row-page .eco-primary-summary .eco-summary-value {
    grid-column:2;grid-row:2;
    display:flex;flex-wrap:wrap;align-items:baseline;align-content:start;gap:.3125rem;
    min-width:0;margin:.125rem 0 0;padding:0;color:#f0f8fc;
    font:700 1.375rem/1.2 var(--eco-font-body,"Segoe UI",sans-serif);
    font-variant-numeric:tabular-nums;letter-spacing:-.03125rem;
}
.eco-one-row-page .eco-primary-summary .eco-summary-value>span {max-width:100%;overflow-wrap:anywhere}
.eco-one-row-page .eco-primary-summary .eco-summary-value small {color:#aecbd9;font:400 .75rem/1.4 var(--eco-font-body,"Segoe UI",sans-serif);letter-spacing:0}
.eco-one-row-page .eco-primary-summary .eco-summary-note {
    grid-column:2;grid-row:3;
    min-width:0;margin:.375rem 0 0;padding:0;color:#aecbd9;
    font:400 .75rem/1.5 var(--eco-font-body,"Segoe UI",sans-serif);overflow-wrap:anywhere;
}
.eco-one-row-page .eco-primary-summary .eco-summary-signal.is-error {color:#ffb3ad}
.eco-one-row-page .eco-primary-summary .eco-summary-signal.is-active {color:#f5d684}
.eco-one-row-page .eco-summary-panel.eco-primary-summary .eco-summary-footnote {
    margin:0;padding:.5rem .125rem 0;border:0;
    color:#aecbd9;font:400 .75rem/1.5 var(--eco-font-body,"Segoe UI",sans-serif);
}
.eco-one-row-page .eco-summary-panel.eco-primary-summary .eco-summary-footnote strong {color:#c7e1ed;font-weight:650}
@container eco-summary (max-width:65.625rem) {
    .eco-one-row-page .eco-primary-summary .eco-summary-row {grid-template-columns:repeat(2,minmax(0,1fr))}
    .eco-one-row-page .eco-primary-summary .eco-summary-metric:nth-child(2n+1){border-inline-start:0}
    .eco-one-row-page .eco-primary-summary .eco-summary-metric:nth-child(n+3){border-top:2px solid var(--summary-accent)}
}
@container eco-summary (max-width:32.5rem) {
    .eco-one-row-page .eco-primary-summary .eco-summary-row {grid-template-columns:minmax(0,1fr)}
    .eco-one-row-page .eco-primary-summary .eco-summary-metric {
        grid-template-columns:2.25rem minmax(0,1fr);column-gap:.75rem;
        border-inline-start:0;padding:.875rem;min-height:0;
    }
    .eco-one-row-page .eco-primary-summary .eco-summary-metric:nth-child(n+2){border-top:2px solid var(--summary-accent)}
    .eco-one-row-page .eco-primary-summary .eco-summary-glyph {width:2.25rem;height:2.25rem}
    .eco-one-row-page .eco-primary-summary .eco-summary-value {font-size:1.375rem}
}
@media (forced-colors:active) {
    .eco-one-row-page .eco-summary-panel.eco-primary-summary {background:Canvas;color:CanvasText;border-color:CanvasText}
    .eco-one-row-page .eco-summary-panel.eco-primary-summary :is(dt,dd,small,h2,.eco-summary-note,.eco-summary-scope,.eco-summary-status,.eco-summary-signal,.eco-summary-footnote,.eco-summary-footnote strong){color:CanvasText}
    .eco-one-row-page .eco-primary-summary .eco-summary-glyph {filter:none;color:CanvasText}
    .eco-one-row-page .eco-summary-panel.eco-primary-summary :is(.eco-summary-metric,.eco-summary-heading,.eco-summary-footnote){border-color:CanvasText}
}

/* One existing journey per page, enhanced in place. Numbered non-opted-in journeys
   on other pages do not opt into this treatment. */
.eco-one-row-page .eco-journey-wrap {container:eco-journey / inline-size;min-width:0;margin:1rem 0}
.eco-one-row-page .eco-connected-journey {
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;
    min-width:0;margin:0;padding:0;border:1px solid #24576a;border-radius:.5rem;
    background:#071f2b;overflow:hidden;
}
.eco-one-row-page .eco-connected-journey.eco-equipment-journey {grid-template-columns:repeat(4,minmax(0,1fr))}
.eco-one-row-page .eco-connected-journey > a {
    --journey-accent:#52d9ff;
    position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr) .75rem;
    align-items:center;gap:.625rem;min-width:0;min-height:4.375rem;margin:0;padding:.75rem;
    border:0;border-top:2px solid var(--journey-accent);border-inline-start:1px solid #24576a;
    border-bottom:2px solid transparent;border-radius:0;
    background:transparent;color:#e6f7ff;text-decoration:none;
    font-family:var(--eco-font-body,"Segoe UI",sans-serif);
}
.eco-one-row-page .eco-connected-journey > a:first-child {border-inline-start:0}
.eco-one-row-page .eco-connected-journey > a:nth-child(6n+2){--journey-accent:#55ee9b}
.eco-one-row-page .eco-connected-journey > a:nth-child(6n+3){--journey-accent:#f5c84c}
.eco-one-row-page .eco-connected-journey > a:nth-child(6n+4){--journey-accent:#bda7ef}
.eco-one-row-page .eco-connected-journey > a:nth-child(6n+5){--journey-accent:#ffb181}
.eco-one-row-page .eco-connected-journey > a:nth-child(6n){--journey-accent:#8faeff}
.eco-one-row-page .eco-connected-journey > a > span {min-width:0}
.eco-one-row-page .eco-connected-journey .edj-icon {display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--journey-accent)}
.eco-one-row-page .eco-connected-journey .eco-summary-outline {display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.eco-one-row-page .eco-connected-journey strong {display:block;margin:0;color:#e6f7ff;font-size:.8125rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.eco-one-row-page .eco-connected-journey small {display:block;margin:.125rem 0 0;color:#b7d2df;font-size:.6875rem;font-weight:400;line-height:1.4;overflow-wrap:anywhere}
.eco-one-row-page .eco-connected-journey b {color:var(--journey-accent);font-size:.875rem;font-weight:600}
.eco-one-row-page .eco-connected-journey > a.is-current {background:#0d3140;border-bottom-color:var(--journey-accent)}
.eco-one-row-page .eco-connected-journey > a[href]:hover {background:#103747}
.eco-one-row-page .eco-connected-journey > a[href]:focus-visible {outline:2px solid var(--journey-accent);outline-offset:-4px;background:#103747}
.eco-one-row-page .eco-connected-journey > a[aria-disabled="true"] {opacity:.6;cursor:default}
.eco-one-row-page .eco-connected-journey > a[aria-disabled="true"] b {visibility:hidden}
.eco-one-row-page .eco-route-panel .eco-journey-wrap {margin:0}
.eco-one-row-page .eco-route-panel .eco-connected-journey {border:0;border-radius:0}
.eco-one-row-page .eco-route-panel .px-caption {margin:0;padding:.625rem 1rem;font-size:.6875rem;line-height:1.5}
@container eco-journey (max-width:68rem) {
    .eco-one-row-page .eco-connected-journey {grid-template-columns:repeat(3,minmax(0,1fr))}
    .eco-one-row-page .eco-connected-journey.eco-equipment-journey {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container eco-journey (max-width:38rem) {
    .eco-one-row-page .eco-connected-journey {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container eco-journey (max-width:24rem) {
    .eco-one-row-page .eco-connected-journey,
    .eco-one-row-page .eco-connected-journey.eco-equipment-journey {grid-template-columns:minmax(0,1fr)}
    .eco-one-row-page .eco-connected-journey > a {border-inline-start:0}
}
@media (forced-colors:active) {
    .eco-one-row-page .eco-primary-summary .eco-summary-row,.eco-one-row-page .eco-connected-journey {background:Canvas;border-color:CanvasText}
    .eco-one-row-page .eco-connected-journey :is(a,strong,small,b,.edj-icon) {color:CanvasText}
    .eco-one-row-page .eco-connected-journey > a {border-color:CanvasText}
    .eco-one-row-page .eco-connected-journey > a.is-current {border-bottom:4px solid Highlight}
    .eco-one-row-page .eco-connected-journey > a[href]:focus-visible {outline-color:Highlight}
}

.eco-one-row-page .eco-summary-count-5 {--eco-primary-columns:5}
.eco-one-row-page .eco-summary-count-6 {--eco-primary-columns:6}
.eco-one-row-page .eco-summary-count-1 {--eco-primary-columns:1}
.eco-one-row-page .eco-summary-count-1 .eco-summary-row {grid-template-columns:minmax(0,1fr)}
.eco-one-row-page .eco-primary-summary .eco-summary-text-value {font-size:1rem;line-height:1.4;letter-spacing:0}
.eco-one-row-page .eco-primary-summary :is(.is-warning,.warning,.critical,.negative,.preview-blocked) {color:#ffbf8a}
.eco-one-row-page .eco-primary-summary :is(.is-error,.failed) {color:#ffb3ad}
.eco-one-row-page .eco-record-context {display:block;min-width:0;margin:.625rem 0;color:#b7d2df;font:400 .8125rem/1.65 var(--eco-font-body,"Segoe UI",sans-serif);overflow-wrap:anywhere}
.eco-one-row-page .eco-record-context p {margin:.35rem 0;color:inherit;font:inherit}
.eco-one-row-page .eco-record-context strong {color:#e6f7ff;font-weight:650}
.eco-one-row-page .eco-record-context a {color:#52d9ff;text-decoration:underline;text-underline-offset:.2em}
.eco-one-row-page .eco-record-context .is-warning {color:#f5d684}
.eco-one-row-page .eco-record-context .is-error {color:#ffb3ad}
.eco-one-row-page :is(.preview-panel,.run-panel) > .eco-record-context {padding:1rem 1.25rem 0;margin:0}
.eco-one-row-page .eco-evidence-facts {display:block;margin:0;padding:1rem}
.eco-one-row-page .eco-evidence-facts > div {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.75rem;padding:.625rem 0;border-bottom:1px solid #28546a}
.eco-one-row-page .eco-evidence-facts > div:last-child {border-bottom:0}
.eco-one-row-page .eco-evidence-facts dt {margin:0;color:#b7d2df;font-size:.75rem;line-height:1.5;font-weight:500}
.eco-one-row-page .eco-evidence-facts dd {margin:0;min-width:0;color:#e6f7ff;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
.eco-one-row-page .eco-evidence-facts small {display:block;color:#b7d2df;font-size:.75rem;line-height:1.5}
@container eco-summary (max-width:32.5rem) {.eco-one-row-page .eco-summary-panel.eco-primary-summary .eco-summary-row{grid-template-columns:minmax(0,1fr)}}
@media print {.eco-one-row-page .eco-summary-panel.eco-primary-summary{break-inside:avoid}.eco-one-row-page .eco-journey-wrap{display:none}}