/* command-family-2026-09-25.5
   Full Scene correction: artwork becomes the header backdrop, with a soft integrated
   reading zone on the left and compact standardized action bars across the four
   overview command-center pages. */
.eco-command-root { --eco-command-title-size:clamp(2rem,3.1cqw,3rem); }
.eco-command-root .eco-command-header {
    --ech-edge:color-mix(in srgb,var(--eco-color-cyan,#52d9ff) 58%,#28556d);
    --ech-ground:#072738; --ech-text:var(--eco-color-text-primary,#f5fbff);
    --ech-copy:var(--eco-color-text-secondary,#cce4ee);
    --ech-cyan:var(--eco-color-cyan,#52d9ff);
    container:eco-command-head / inline-size; isolation:isolate;
    display:block; position:relative; inline-size:100%; min-inline-size:0;
    margin:0; padding:0 0 .8rem; overflow:clip;
    border:1px solid var(--ech-edge); border-radius:var(--eco-radius-panel,.75rem);
    color:var(--ech-text); font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif);
    background:
      linear-gradient(#55dfff08 1px,transparent 1px),
      linear-gradient(90deg,#55dfff08 1px,transparent 1px),
      radial-gradient(ellipse at 76% 62%,#0ca7ea21,transparent 54%),
      linear-gradient(180deg,#0a3144,#08283b 86%);
    background-size:24px 24px,24px 24px,auto,auto;
    box-shadow:inset 0 1px #b5edff20,inset 0 -1px #36cbea22,0 .3rem 1rem #00101c24;
}
.eco-command-root .eco-command-header *, .eco-command-root .eco-command-header *::before,
.eco-command-root .eco-command-header *::after { box-sizing:border-box; }
.eco-command-root .eco-command-topline {
    position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between;
    gap:.5rem 1.25rem; flex-wrap:wrap; padding:.7rem 1.4rem; min-block-size:2.65rem;
    border-block-end:1px solid #55dfff2b;
    background:linear-gradient(95deg,#0b374ba6,#071e3194);
}
#applicationMain .eco-command-header .eco-command-breadcrumb,
.eco-command-root .eco-command-header .eco-command-breadcrumb {
    display:flex!important; align-items:center; flex-wrap:wrap; gap:.55rem;
    position:static; inline-size:auto; max-inline-size:100%; min-inline-size:0; margin:0!important; padding:0!important;
    border:0; background:none; box-shadow:none; min-block-size:1.35rem;
    font:400 var(--eco-breadcrumb-size,.8125rem)/1.5 var(--eco-font-body,"Segoe UI",Arial,sans-serif);
}
.eco-command-root .eco-command-breadcrumb a { color:#9becff; text-decoration:none; }
.eco-command-root .eco-command-breadcrumb a:hover { color:#e8fbff; text-decoration:underline; }
.eco-command-root .eco-command-breadcrumb [aria-current] { color:#e8f7ff; font-weight:650; }
.eco-command-root .eco-command-breadcrumb [aria-hidden] { color:#7caec6; }
.eco-command-root .eco-command-context {
    display:flex; align-items:center; justify-content:flex-end; gap:.35rem .9rem; flex-wrap:wrap;
    min-inline-size:0; font-size:var(--eco-font-size-metadata,.75rem); line-height:1.5; color:#c9e5f2;
}
.eco-command-root .eco-command-context>span+span { padding-inline-start:.9rem; border-inline-start:1px solid #66dcff36; }
.eco-command-root .eco-command-stage {
    position:relative; min-block-size:17.75rem; display:flex; align-items:stretch; overflow:clip;
}
.eco-command-root [data-command-header="facilities"] .eco-command-stage { min-block-size:18rem; }
.eco-command-root [data-command-header="environmental"] .eco-command-stage { min-block-size:17.75rem; }
.eco-command-root [data-command-header="fleet"] .eco-command-stage { min-block-size:17.4rem; }
.eco-command-root [data-command-header="accounting"] .eco-command-stage { min-block-size:17.9rem; }
.eco-command-root .eco-command-scene {
    position:absolute; inset:0; z-index:0; pointer-events:none; min-inline-size:0;
}
.eco-command-root .eco-command-scene img {
    display:block; inline-size:100%; block-size:100%; object-fit:cover; object-position:right center;
    filter:brightness(1.02) saturate(1.03);
}
.eco-command-root [data-command-header="facilities"] .eco-command-scene img { object-position:right center; }
.eco-command-root [data-command-header="environmental"] .eco-command-scene img { object-position:center center; }
.eco-command-root [data-command-header="fleet"] .eco-command-scene img { object-position:center center; }
.eco-command-root [data-command-header="accounting"] .eco-command-scene img { object-position:right center; }
.eco-command-root .eco-command-stage::before {
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:
      linear-gradient(90deg,#082b3eea 0%,#082b3ed9 24%,#082b3ea8 39%,#082b3e54 52%,#082b3e10 64%,transparent 78%),
      linear-gradient(180deg,transparent 0%,transparent 72%,#07283ad4 100%);
}
.eco-command-root .eco-command-stage::after {
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:radial-gradient(ellipse at 74% 20%,#60effd12,transparent 48%);
}
.eco-command-root .eco-command-copy {
    position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start;
    inline-size:min(42rem,48%); max-inline-size:42rem; min-inline-size:0;
    margin:1.25rem 0 1rem 1.35rem; padding:1.1rem 1.15rem 1.1rem .2rem;
    background:none; border:0; box-shadow:none; backdrop-filter:none;
}
.eco-command-root .eco-command-copy::before {
    content:""; position:absolute; inset:.25rem .25rem .25rem -1rem; z-index:-1;
    border-radius:1rem; background:linear-gradient(90deg,#0a3142b5,#0a31426b 62%,transparent 100%);
}
.eco-command-root .eco-command-copy :is(h1,.eco-command-tagline,.eco-command-description,.eco-command-eyebrow) {
    text-shadow:0 1px 3px #021422cc;
}
.eco-command-root .eco-command-eyebrow {
    display:flex; align-items:center; gap:.6rem; margin:0 0 .55rem; color:#85e9ff;
    font:800 var(--eco-font-size-eyebrow,.6875rem)/1.45 var(--eco-font-body,"Segoe UI",Arial,sans-serif);
    letter-spacing:.1em; text-transform:uppercase;
}
.eco-command-root .eco-command-mark { display:inline-grid; place-items:center; flex:0 0 1.3rem; inline-size:1.3rem; block-size:1.3rem; }
.eco-command-root .eco-command-mark :is(.eco-ui-icon,img,svg) { inline-size:1.3rem; block-size:1.3rem; max-inline-size:100%; object-fit:contain; }
.eco-command-root .eco-command-copy h1 {
    margin:0; color:var(--ech-text); font-family:var(--eco-font-heading,"Arial Narrow","Roboto Condensed","Segoe UI",sans-serif);
    font-size:var(--eco-command-title-size); font-weight:760; line-height:1.02; letter-spacing:-.03em;
    text-wrap:balance; overflow-wrap:normal; word-break:normal;
}
.eco-command-root .eco-command-tagline { margin:.6rem 0 0; color:#8aebf6; font:700 1rem/1.38 var(--eco-font-body,"Segoe UI",Arial,sans-serif); }
.eco-command-root .eco-command-description { margin:.7rem 0 0; max-inline-size:36ch; color:var(--ech-copy); font:400 var(--eco-font-size-body,.875rem)/1.62 var(--eco-font-body,"Segoe UI",Arial,sans-serif); text-wrap:pretty; }
.eco-command-root .eco-command-primary-slot { margin-block-start:1rem; inline-size:min(14rem,100%); max-inline-size:100%; }
.eco-command-root .eco-command-primary,
.eco-command-root .eco-command-secondary {
    display:flex; align-items:center; justify-content:space-between; gap:1.1rem;
    min-block-size:2.75rem; min-inline-size:0; padding:.66rem .95rem; border:1px solid #42c8eb9e;
    font:750 var(--eco-font-size-button,.8125rem)/1.4 var(--eco-font-body,"Segoe UI",Arial,sans-serif);
    letter-spacing:0; text-transform:none; text-decoration:none!important;
    box-shadow:inset 0 1px #defaff20,inset 0 -1px #01223570;
    transition:background-color .15s ease,border-color .15s ease;
}
.eco-command-root .eco-command-primary {
    inline-size:100%; max-inline-size:100%; border-color:#74e6ff; border-radius:var(--eco-radius-control,.4rem);
    color:#022030; background:linear-gradient(135deg,#83edfa,#39c9e5 80%);
    box-shadow:inset 0 1px #e8ffff99,0 .2rem .65rem #00192f50;
}
.eco-command-root .eco-command-primary:hover { color:#001b29; background:linear-gradient(135deg,#a0f5ff,#58dced); border-color:#b3f5ff; }
.eco-command-root .eco-command-primary>:last-child,
.eco-command-root .eco-command-secondary>:last-child { flex:0 0 auto; font-size:1.1rem; font-weight:400; line-height:1; }
.eco-command-root .eco-command-actions {
    position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:0; padding:0 1rem; margin:.2rem 0 0;
}
.eco-command-root .eco-command-secondary {
    flex:1 1 10rem; color:#e0f5ff; background:linear-gradient(145deg,#123d52f0,#062538f4); border-radius:0;
}
.eco-command-root .eco-command-secondary+.eco-command-secondary { margin-inline-start:-1px; }
.eco-command-root .eco-command-secondary:first-child { border-start-start-radius:.4rem; border-end-start-radius:.4rem; }
.eco-command-root .eco-command-secondary:last-child { border-start-end-radius:.4rem; border-end-end-radius:.4rem; }
.eco-command-root .eco-command-secondary:hover { position:relative; z-index:1; border-color:#a1efff; color:#fff; background:linear-gradient(145deg,#19506b,#093449); }
.eco-command-root .eco-command-header .is-unavailable { color:#a7bdcc; cursor:default; background:#0b2837; box-shadow:inset 0 1px #defaff0d; }
.eco-command-root .eco-command-secondary small,.eco-command-root .eco-command-reason {
    display:block; font-size:.6875rem; line-height:1.4; font-weight:400; margin-block-start:.2rem;
}
.eco-command-root .eco-command-utilities {
    position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:.25rem 1.3rem; margin:.65rem 1.1rem 0;
}
.eco-command-root .eco-command-utilities a {
    display:inline-flex; gap:.4rem; align-items:center; min-block-size:1.6rem; color:#bbdeeb;
    font:600 .75rem/1.5 var(--eco-font-body,"Segoe UI",Arial,sans-serif); text-decoration:none;
}
.eco-command-root .eco-command-utilities a:hover { text-decoration:underline; color:#edfbff; }
.eco-command-root .eco-command-header a:focus-visible { outline:var(--eco-focus-width,2px) solid var(--eco-focus-color,#a9f1ff); outline-offset:-3px; }
.eco-fleet-workspace #applicationMain>.eco-fleet-map-page.eco-command-root { padding-block-start:var(--eco-page-start,1.125rem)!important; }
@container eco-command-head (max-width:64rem) {
    .eco-command-root .eco-command-topline { padding:.6rem 1rem; }
    .eco-command-root .eco-command-stage { min-block-size:16.8rem; }
    .eco-command-root .eco-command-copy { inline-size:min(44rem,54%); max-inline-size:none; margin-inline-start:1rem; margin-block-start:1rem; }
    .eco-command-root .eco-command-copy h1 { font-size:clamp(1.9rem,3.35cqw,2.5rem); }
    .eco-command-root .eco-command-description { max-inline-size:34ch; }
}
@container eco-command-head (max-width:52rem) {
    .eco-command-root .eco-command-stage { min-block-size:15.6rem; }
    .eco-command-root .eco-command-copy { inline-size:62%; margin:.95rem 0 .8rem .9rem; padding:.95rem .95rem .95rem .15rem; }
    .eco-command-root .eco-command-copy::before { inset:.2rem .2rem .2rem -.8rem; }
    .eco-command-root .eco-command-copy h1 { font-size:2rem; }
    .eco-command-root .eco-command-description { max-inline-size:33ch; }
}
@container eco-command-head (max-width:34rem) {
    .eco-command-root .eco-command-topline { align-items:flex-start; }
    .eco-command-root .eco-command-context { justify-content:flex-start; }
    .eco-command-root .eco-command-context>span+span { border:0; padding-inline-start:0; }
    .eco-command-root .eco-command-stage { min-block-size:18.5rem; }
    .eco-command-root .eco-command-scene img { object-position:center center; }
    .eco-command-root .eco-command-stage::before {
        background:
          linear-gradient(180deg,#082b3eed 0%,#082b3ecc 28%,#082b3e94 44%,#082b3e40 58%,#082b3ed9 100%);
    }
    .eco-command-root .eco-command-copy {
        inline-size:auto; max-inline-size:none; margin:.85rem .85rem 5.8rem; padding:.85rem .85rem .75rem 0;
    }
    .eco-command-root .eco-command-copy::before { inset:.15rem .15rem .15rem -.7rem; }
    .eco-command-root .eco-command-copy h1 { font-size:1.9rem; }
    .eco-command-root .eco-command-description { max-inline-size:42ch; }
    .eco-command-root .eco-command-actions {
        display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:.45rem;
        padding:0 .85rem; margin-top:-4.8rem; position:relative; z-index:2;
    }
    .eco-command-root .eco-command-secondary,
    .eco-command-root .eco-command-secondary + .eco-command-secondary {
        margin:0; border-radius:.4rem;
    }
}
@container eco-command-head (max-width:23rem) {
    .eco-command-root .eco-command-stage { min-block-size:20rem; }
    .eco-command-root .eco-command-actions { grid-template-columns:minmax(0,1fr); margin-top:-4.2rem; }
    .eco-command-root .eco-command-copy h1 { font-size:1.72rem; }
    .eco-command-root .eco-command-description { font-size:.84rem; }
    .eco-command-root .eco-command-context { font-size:.6875rem; gap:.3rem .6rem; }
}
@media (prefers-reduced-motion:reduce) { .eco-command-root .eco-command-header * { transition:none!important; } }
@media (forced-colors:active) {
    .eco-command-root .eco-command-header,.eco-command-root .eco-command-topline { background:Canvas; box-shadow:none; border-color:CanvasText; }
    .eco-command-root .eco-command-scene,.eco-command-root .eco-command-stage::before,.eco-command-root .eco-command-stage::after,.eco-command-root .eco-command-copy::before { display:none; }
    .eco-command-root .eco-command-copy { inline-size:100%; max-inline-size:none; margin:0; padding:1rem; }
    .eco-command-root .eco-command-stage { min-block-size:0; }
    .eco-command-root .eco-command-copy :is(h1,p) { text-shadow:none; }
    .eco-command-root .eco-command-header :is(.eco-command-primary,.eco-command-secondary) { background:ButtonFace; color:ButtonText; border-color:ButtonText; box-shadow:none; }
}
@media print {
    .eco-command-root .eco-command-header { break-inside:avoid; box-shadow:none; }
    .eco-command-root .eco-command-actions,.eco-command-root .eco-command-utilities,.eco-command-root .eco-command-primary-slot { display:none; }
}