/* Accounting Overview 27.9 — native metrics and destinations; approved header unchanged. */
#applicationMain .eco-accounting-overview-27-9{margin:1rem 0;min-inline-size:0;--accounting-ui:var(--f27-ui,"EcoTracer Header Controls","Segoe UI",sans-serif);}

/* Native metric values and units are kept verbatim. Summary color is decorative. */
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-summary{margin:0;border:1px solid #2f829c;background:#062230;min-inline-size:0;container:eco-accounting-metrics/inline-size;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-summary-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem;border-block-end:1px solid #2f829c;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-summary-heading h2{margin:0;color:#effbff;font:700 1rem/1.4 var(--accounting-ui)!important;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-summary-heading>span{font:500 .8125rem/1.4 var(--accounting-ui);color:#b6dce9;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric{--accounting-accent:#52d9ff;position:relative;min-inline-size:0;display:flex;flex-direction:column;padding:1rem 1.1rem 1.1rem;border-block-start:2px solid var(--accounting-accent);border-inline-end:1px solid #2c5667;background-image:linear-gradient(#52d9ff08 1px,transparent 1px),linear-gradient(90deg,#52d9ff08 1px,transparent 1px),linear-gradient(120deg,#0a2c3a,#061e2b);background-size:16px 16px,16px 16px,100% 100%;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric:nth-child(2){--accounting-accent:#55ee9b;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric:nth-child(3){--accounting-accent:#f5c84c;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric:nth-child(4){--accounting-accent:#bda7ef;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric:last-child{border-inline-end:0;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric:hover{background-image:linear-gradient(#52d9ff0d 1px,transparent 1px),linear-gradient(90deg,#52d9ff0d 1px,transparent 1px),linear-gradient(120deg,#103d4e,#082635);box-shadow:inset 0 0 0 1px var(--accounting-accent);}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric .eco-accounting-metric-label{position:relative;display:flex;align-items:center;gap:.6rem;min-block-size:1.5rem;min-inline-size:0;margin:0;color:var(--accounting-accent);font:700 .8125rem/1.45 var(--accounting-ui)!important;text-transform:uppercase;letter-spacing:.025em;overflow-wrap:anywhere;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric .eco-accounting-metric-value{margin:.6rem 0 .3rem;color:#f4fcff;font:700 clamp(1.5rem,2.4cqw,1.9rem)/1.25 var(--accounting-ui)!important;letter-spacing:.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric .eco-accounting-metric-note{margin:0;color:#bedce9;font:500 .8125rem/1.45 var(--accounting-ui);overflow-wrap:anywhere;}
@container eco-accounting-metrics (max-width:64rem){#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric:nth-child(even){border-inline-end:0;}}
@container eco-accounting-metrics (max-width:30rem){#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metrics{grid-template-columns:minmax(0,1fr);}#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric{border-inline-end:0;}}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric{text-decoration:none;gap:0;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric .eco-summary-outline{inline-size:1.4rem;block-size:1.4rem;flex:0 0 1.4rem;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric-unit{font:600 .875rem/1.4 var(--accounting-ui);color:var(--accounting-accent);white-space:nowrap;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric-link{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-block-start:auto;padding-block-start:.8rem;color:var(--accounting-accent);font:700 .8125rem/1.45 var(--accounting-ui);}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-metric:focus-visible{outline:2px solid #dffcff;outline-offset:-4px;}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap {
    margin:0;padding:.75rem 0 0;border-block-start:0;
    background:linear-gradient(#52d9ff08 1px,transparent 1px),linear-gradient(90deg,#52d9ff08 1px,transparent 1px),linear-gradient(180deg,#071f2b,#061c29);
    background-size:16px 16px,16px 16px,auto;
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey {
    counter-reset:eco-journey-step;display:grid;gap:.45rem;overflow:visible;
    border:0!important;border-radius:0!important;background:transparent!important;
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a {
    --journey-edge:color-mix(in srgb,var(--journey-accent,#52d9ff) 72%,#2d7d96);
    counter-increment:eco-journey-step;position:relative;isolation:isolate;
    grid-template-columns:3.7rem minmax(0,1fr) 1.15rem;gap:.6rem;min-block-size:4.5rem;
    padding:.72rem .8rem .72rem .9rem;border:0!important;background:transparent!important;
    font-family:"EcoTracer Header Controls",var(--eco-font-heading,"Arial Narrow",sans-serif)!important;
    text-decoration:none;overflow:visible;
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a::before,
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a::after {
    content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
    clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,11px 50%);
    background:linear-gradient(120deg,var(--journey-edge),#3ea7c1 58%,var(--journey-edge));
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a::after {
    inset:1px;z-index:-1;
    background:linear-gradient(#52d9ff0d 1px,transparent 1px),linear-gradient(90deg,#52d9ff0d 1px,transparent 1px),linear-gradient(135deg,#092c3b,#061e2b 72%);
    background-size:12px 12px,12px 12px,100% 100%;
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a:first-child::before,
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a:first-child::after {
    clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%);
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a.is-current {filter:drop-shadow(0 0 3px color-mix(in srgb,var(--journey-accent,#52d9ff) 42%,transparent))}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a[href]:hover::after {
    background:linear-gradient(#52d9ff12 1px,transparent 1px),linear-gradient(90deg,#52d9ff12 1px,transparent 1px),linear-gradient(135deg,#0c394b,#082838 72%);
    background-size:12px 12px,12px 12px,100% 100%;
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey > a[href]:focus-visible {outline:2px solid #dffcff;outline-offset:3px}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey .edj-icon {
    display:grid;grid-template-columns:1.35rem 1.8rem;align-items:center;justify-content:start;gap:.35rem;
    inline-size:3.7rem;block-size:2rem;color:var(--journey-accent,#52d9ff);
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey .edj-icon::before {
    content:counter(eco-journey-step,decimal-leading-zero);display:block;
    color:var(--journey-accent,#52d9ff);font:700 .78rem/1 "EcoTracer Header Controls",monospace;
    letter-spacing:.04em;text-align:start;
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey .edj-icon .eco-summary-outline {inline-size:1.7rem;block-size:1.7rem}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey strong {
    color:#f4fcff;font:700 .8125rem/1.35 "EcoTracer Header Controls",var(--eco-font-heading,"Arial Narrow",sans-serif);
    letter-spacing:.025em;text-transform:uppercase;
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey small {
    margin-top:.18rem;color:#bad9e5;font:500 .75rem/1.4 var(--eco-font-body,"Segoe UI",sans-serif);letter-spacing:.005em;
}
#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey b {
    display:grid;place-items:center;inline-size:1.15rem;block-size:1.15rem;border:1px solid color-mix(in srgb,var(--journey-accent,#52d9ff) 62%,#28576b);
    border-radius:50%;color:var(--journey-accent,#52d9ff);font:600 .72rem/1 var(--eco-font-body,"Segoe UI",sans-serif);
}

#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap{container:eco-accounting-journey/inline-size;min-inline-size:0;background:transparent;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;min-inline-size:0;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a{--journey-accent:#52d9ff;display:grid;align-items:center;min-inline-size:0;margin:0;color:#e6f7ff;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a:nth-child(2){--journey-accent:#55ee9b;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a:nth-child(3){--journey-accent:#f5c84c;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a:nth-child(4){--journey-accent:#bda7ef;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a:nth-child(5){--journey-accent:#ffb181;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a:nth-child(6){--journey-accent:#8faeff;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a>span{min-inline-size:0;}
#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey :is(strong,small){display:block;overflow-wrap:anywhere;}
#applicationMain .eco-accounting-overview-27-9 .eco-summary-outline{display:block;}
@container eco-accounting-journey (max-width:76rem){#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey{grid-template-columns:repeat(3,minmax(0,1fr));}}
@container eco-accounting-journey (max-width:42rem){#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey{grid-template-columns:repeat(2,minmax(0,1fr));}}
@container eco-accounting-journey (max-width:28rem){#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey{grid-template-columns:repeat(1,minmax(0,1fr));}}
@media(forced-colors:active){#applicationMain .eco-accounting-overview-27-9 .eco-accounting-journey-wrap .eco-connected-journey>a{border:1px solid CanvasText!important;background:Canvas!important;}#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a::before,#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey>a::after{content:none!important;}#applicationMain .eco-accounting-overview-27-9 :is(a,strong,small,span,b){color:CanvasText!important;}#applicationMain .eco-accounting-overview-27-9 a:focus-visible{outline-color:Highlight;}#applicationMain .eco-accounting-overview-27-9 .eco-connected-journey b{border-color:CanvasText;}}
@media(forced-colors:active){#applicationMain .eco-accounting-overview-27-9 :is(.eco-accounting-summary,.eco-accounting-summary-heading,.eco-accounting-metric){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;}}
