/* EcoTracer application frame / Revision293.3.
   Loaded once AFTER page styles by _Layout. This is the sole boundary authority.
   Bounded !important declarations bridge legacy page !important widths/crumbs.
   The bridge touches only page roots, immediate page shells and breadcrumbs;
   technical graphics, panels, sidebar and internal component geometry are excluded.
   New pages use .eco-page > .eco-shell; remove legacy rules as domains migrate. */
#applicationMain {
    width: 100%; min-width: 0;
    container: eco-app-frame / inline-size;
}
#applicationMain > :is(
    .eco-page, .solutions-page, .solutions-overview, .accounting-page,
    .home-page, .facilities-page, .facility-workspace-page, .facility-module-page,
    .operations-page, .operations-command-page, .storage-page, .storage-detail-page,
    .processing-page, .pump-page, .pump-detail-page, .carbon-page,
    .data-quality-page, .calibration-page, .ledger-page, .credit-estimates-page,
    .registry-readiness-page, .carbon-markets-page, .market-registries-page, .registry-details-page,
    .eco-page-frame, .container, .container-fluid,
    div:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), section:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), main:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]))
) {
    --eco-frame-gutter: calc(var(--eco-page-gutter) + var(--eco-shell-gutter));
    box-sizing: border-box;
    width: 100% !important; max-width: var(--eco-workspace-max-width) !important;
    min-width: 0 !important; margin-inline: auto !important;
    padding: var(--eco-page-start) var(--eco-frame-gutter) var(--eco-page-end) !important;
}
#applicationMain > :is(
    .eco-page, .solutions-page, .solutions-overview, .accounting-page,
    .home-page, .facilities-page, .facility-workspace-page, .facility-module-page,
    .operations-page, .operations-command-page, .storage-page, .storage-detail-page,
    .processing-page, .pump-page, .pump-detail-page, .carbon-page,
    .data-quality-page, .calibration-page, .ledger-page, .credit-estimates-page,
    .registry-readiness-page, .carbon-markets-page, .market-registries-page, .registry-details-page,
    .eco-page-frame, .container, .container-fluid,
    div:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), section:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), main:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]))
) > :is(
    .eco-shell, .solutions-shell, .home-page-container, .facilities-page-container,
    .facility-workspace-container, .facility-module-container, .operations-page-container,
    .operations-command-container, .storage-page-container, .storage-detail-container,
    .processing-container, .pump-page-container, .pump-detail-container,
    .accounting-page-container, .accounting-v6-container, .data-quality-page-container,
    .calibration-page-container, .ledger-page-container, .credit-estimates-page-container,
    .registry-readiness-page-container, .carbon-markets-page-container,
    .market-registries-page-container, .registry-details-page-container,
    [data-eco-page-shell], div:has(> :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), section:has(> :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]))
) {
    box-sizing: border-box;
    width: 100% !important; max-width: none !important; min-width: 0 !important;
    margin-inline: 0 !important; padding: 0 !important;
    /* Preserve existing display, named containers and graphics inside this shell. */
}
@container eco-app-frame (max-width: 48.75rem) {
    #applicationMain > :is(
    .eco-page, .solutions-page, .solutions-overview, .accounting-page,
    .home-page, .facilities-page, .facility-workspace-page, .facility-module-page,
    .operations-page, .operations-command-page, .storage-page, .storage-detail-page,
    .processing-page, .pump-page, .pump-detail-page, .carbon-page,
    .data-quality-page, .calibration-page, .ledger-page, .credit-estimates-page,
    .registry-readiness-page, .carbon-markets-page, .market-registries-page, .registry-details-page,
    .eco-page-frame, .container, .container-fluid,
    div:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), section:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), main:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]))
) { --eco-frame-gutter: 1.125rem; --eco-page-start: 1.125rem; --eco-page-end: 3rem; }
}
@container eco-app-frame (max-width: 32.5rem) {
    #applicationMain > :is(
    .eco-page, .solutions-page, .solutions-overview, .accounting-page,
    .home-page, .facilities-page, .facility-workspace-page, .facility-module-page,
    .operations-page, .operations-command-page, .storage-page, .storage-detail-page,
    .processing-page, .pump-page, .pump-detail-page, .carbon-page,
    .data-quality-page, .calibration-page, .ledger-page, .credit-estimates-page,
    .registry-readiness-page, .carbon-markets-page, .market-registries-page, .registry-details-page,
    .eco-page-frame, .container, .container-fluid,
    div:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), section:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), main:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]))
) { --eco-frame-gutter: .875rem; --eco-page-start: 1.25rem; }
}
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) {
    display: flex; flex-wrap: wrap; align-items: baseline;
    gap: .375rem var(--eco-breadcrumb-gap);
    min-width: 0; max-width: 100%; padding: 0 !important;
    margin: 0 0 var(--eco-breadcrumb-after) !important;
    color: var(--eco-breadcrumb-current) !important; background: transparent;
    font-family: var(--eco-font-body) !important;
    font-size: var(--eco-breadcrumb-size) !important;
    line-height: 1.5 !important; font-weight: 650;
    overflow-wrap: anywhere; white-space: normal !important;
}
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) :is(a,span,strong,li),
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) :is(ol,ul) {
    min-width: 0; max-width: 100%; font-family: inherit !important;
    font-size: inherit !important; line-height: inherit !important;
    overflow-wrap: anywhere; white-space: normal !important;
}
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) :is(ol,ul) {
    display: flex; flex-wrap: wrap; align-items: baseline;
    gap: .375rem var(--eco-breadcrumb-gap); margin: 0 !important; padding: 0 !important; list-style: none;
}
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) a,
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) a :is(span,strong) {
    color: var(--eco-breadcrumb-link) !important; font-weight: 700 !important;
    text-decoration: none; text-underline-offset: .2em;
}
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) a:hover,
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) a:hover :is(span,strong) {
    color: var(--eco-breadcrumb-hover) !important; text-decoration: underline;
}
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) > span[aria-hidden="true"],
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) .workspace-breadcrumb-separator,
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) .breadcrumb-item + .breadcrumb-item::before {
    color: var(--eco-breadcrumb-separator) !important;
}
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) > :is(span,strong):last-child:not([aria-hidden="true"]),
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) :is([aria-current="page"],.workspace-breadcrumb-current,.breadcrumb-item.active) {
    color: var(--eco-breadcrumb-current) !important; font-weight: 650;
}
#applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) a:focus-visible {
    outline: var(--eco-focus-width) solid var(--eco-focus-color);
    outline-offset: var(--eco-focus-offset); border-radius: .125rem;
}
@media (forced-colors: active) {
    #applicationMain { --eco-breadcrumb-current: CanvasText; --eco-breadcrumb-link: LinkText; --eco-breadcrumb-hover: LinkText; --eco-breadcrumb-separator: GrayText; }
    #applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) { color: CanvasText !important; }
    #applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) a, #applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) a :is(span,strong) { color: LinkText !important; }
    #applicationMain :is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]) a:focus-visible { outline-color: Highlight; }
}
@media print {
    #applicationMain > :is(
    .eco-page, .solutions-page, .solutions-overview, .accounting-page,
    .home-page, .facilities-page, .facility-workspace-page, .facility-module-page,
    .operations-page, .operations-command-page, .storage-page, .storage-detail-page,
    .processing-page, .pump-page, .pump-detail-page, .carbon-page,
    .data-quality-page, .calibration-page, .ledger-page, .credit-estimates-page,
    .registry-readiness-page, .carbon-markets-page, .market-registries-page, .registry-details-page,
    .eco-page-frame, .container, .container-fluid,
    div:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), section:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i])), main:has(:is(.eco-breadcrumb, .facility-breadcrumb, .solutions-breadcrumb, .workspace-breadcrumb, .pump-detail-breadcrumb, .breadcrumb, nav[aria-label="Breadcrumb" i], nav[aria-label="Breadcrumbs" i]))
) { padding: 0 !important; }
}