/* Workspace 80. Summaries precede selection; compact controls disclose editing.
   Shared button and summary owners retain their appearance and interactions. */
body.eco-application #applicationMain .selection-bar80 {
    display:flex; flex-wrap:wrap; align-items:flex-start; gap:.6rem 1rem; min-inline-size:0;
}
body.eco-application #applicationMain .scope-picker80 {
    container:scope-picker80 / inline-size;
    flex:1 1 40rem; min-inline-size:0; margin:0; padding:0;
    border:1px solid #326278; border-radius:0; background:#0b2b3c;
}
body.eco-application #applicationMain .scope-picker80 > summary {
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding:.45rem .75rem; list-style:none; cursor:pointer; color:#d9edf5;
}
body.eco-application #applicationMain .scope-picker80 > summary::-webkit-details-marker {display:none;}
body.eco-application #applicationMain .scope-picker80 > summary::marker {content:"";}
body.eco-application #applicationMain .scope-picker80 > summary:focus-visible {outline:2px solid #b8f4ff;outline-offset:3px;}
body.eco-application #applicationMain .scope-picker80 > summary:hover {background:#12394b;}
body.eco-application #applicationMain .scope-current80 {
    display:flex; flex-wrap:wrap; align-items:center; gap:.35rem 1rem; min-inline-size:0;
    font:600 .8rem/1.5 "EcoTracer Button Controls",sans-serif; overflow-wrap:anywhere;
}
body.eco-application #applicationMain .scope-current80 strong {color:#f2fbff;font:700 .9rem/1.5 "EcoTracer Button Controls",sans-serif;}
body.eco-application #applicationMain .scope-caption80 {color:#77d9f0;text-transform:uppercase;font-size:.7rem;letter-spacing:.045em;}
body.eco-application #applicationMain .scope-edit80 {flex-shrink:0;}
body.eco-application #applicationMain .scope-picker80[open] .scope-edit80 > [aria-hidden] {rotate:180deg;}
body.eco-application #applicationMain .scope-form80 {
    display:block; margin:0; padding:.9rem; border:0; border-top:1px solid #326278;
    border-radius:0; background:#0b2b3c;
}
body.eco-application #applicationMain .scope-fields80 {
    display:grid; grid-template-columns:minmax(12rem,1.7fr) repeat(2,minmax(9rem,1fr)) auto;
    align-items:end; gap:.75rem; min-inline-size:0;
}
body.eco-application #applicationMain .scope-fields80 label {
    display:grid; gap:.35rem; margin:0; min-inline-size:0; color:#b9deed;
    font:600 .8rem/1.5 "EcoTracer Button Controls",sans-serif;
}
body.eco-application #applicationMain .scope-fields80 :is(select,input) {
    display:block; inline-size:100%; min-inline-size:0; min-block-size:2.75rem;
    margin:0; padding:.5rem .7rem; border:1px solid #3b697f; border-radius:0;
    color:#f2fbff; background:#06202f; font:600 .9rem/1.4 "EcoTracer Button Controls",sans-serif;
    color-scheme:dark;
}
body.eco-application #applicationMain .scope-fields80 :is(select,input):focus-visible {outline:2px solid #b8f4ff;outline-offset:2px;}
body.eco-application #applicationMain .scope-actions80 {display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;}
body.eco-application #applicationMain :is(.scope-actions80,.accounting-tools-menu81) a {
    color:#8deaff; font:700 .8rem/1.5 "EcoTracer Button Controls",sans-serif;
    text-decoration:none; overflow-wrap:anywhere;
}
body.eco-application #applicationMain :is(.scope-actions80,.accounting-tools-menu81) a:hover {color:#fff;text-decoration:underline;}
/* 81: supplemental destinations live with the journey, not beside scope selection. */
body.eco-application #applicationMain .accounting-journey-tools81 {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;}
body.eco-application #applicationMain .accounting-journey-tools81 > span {color:#b9d9e6;font:500 .75rem/1.5 "EcoTracer Technical",sans-serif;}
body.eco-application #applicationMain .accounting-tools81 {position:relative;flex:none;margin:0;padding:0;border:0;background:none;}
body.eco-application #applicationMain .accounting-tools81 > summary {list-style:none;}
body.eco-application #applicationMain .accounting-tools81 > summary::-webkit-details-marker {display:none;}
body.eco-application #applicationMain .accounting-tools81 > summary::marker {content:"";}
body.eco-application #applicationMain .accounting-tools81[open] > summary > [aria-hidden] {rotate:180deg;}
body.eco-application #applicationMain .accounting-tools-menu81 {
    position:absolute;z-index:20;inset-inline-end:0;inset-block-start:calc(100% + .5rem);
    display:grid;gap:.25rem;inline-size:19rem;max-inline-size:calc(100vw - 3rem);
    padding:.4rem;border:1px solid #52b7d0;background:#0d3042;box-shadow:0 .5rem 1.3rem #0005;
}
body.eco-application #applicationMain .accounting-tools-menu81 a {
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
    min-block-size:2.75rem;padding:.6rem .75rem;
}
body.eco-application #applicationMain .accounting-tools-menu81 a:hover {background:#17465b;}
body.eco-application #applicationMain .accounting-tools-menu81 a:focus-visible {outline:2px solid #b8f4ff;outline-offset:-2px;}
@container accounting-command (max-width:44rem) {
    body.eco-application #applicationMain .accounting-journey-tools81 {inline-size:100%;justify-content:space-between;}
    body.eco-application #applicationMain .accounting-tools-menu81 {max-inline-size:min(19rem,calc(100cqw - 2rem));}
}
@container accounting-command (max-width:24rem) {
    body.eco-application #applicationMain .accounting-journey-tools81 {justify-content:flex-end;}
    body.eco-application #applicationMain .accounting-journey-tools81 > span {flex-basis:100%;}
}
@media (forced-colors:active) {
    body.eco-application #applicationMain .accounting-tools-menu81 {color:CanvasText;background:Canvas;border-color:CanvasText;box-shadow:none;}
}
/* Search stays available. Technology, scope and other filters expand together. */
body.eco-application #applicationMain .workspace-review77 .workspace-dock77.filter-bar80 {
    padding:.65rem .85rem; border:0; border-bottom:1px solid #326278; background:#0d3042;
}
body.eco-application #applicationMain .workspace-review77 .workspace-dock77.filter-bar80 .f53-main {
    grid-template-columns:minmax(0,1fr) auto auto; align-items:center;
}
body.eco-application #applicationMain .workspace-review77 .workspace-dock77.filter-bar80 .f53-main > .f53-search {grid-column:auto;}
body.eco-application #applicationMain .workspace-review77 .workspace-dock77.filter-bar80 .f53-applied {margin-top:.5rem;gap:.4rem;}
body.eco-application #applicationMain .workspace-review77 .workspace-dock77.filter-bar80 .f53-details {margin-top:.65rem;padding-top:.65rem;}
/* Environmental Solutions is the accepted surface reference for both registers. */
body.eco-application #applicationMain :is(.workspace-review77,[data-rp1="fleet"],[data-rp1="mobile"]) {
    --workspace-record80:linear-gradient(115deg,#11374a,#0b2839);
    --workspace-record-hover80:linear-gradient(115deg,#17465b,#0e3043);
    --workspace-register80:#072332; --workspace-detail80:#0e2d3e; --workspace-edge80:#3b697f;
}
body.eco-application #applicationMain :is(.workspace-review77 .esb-register-section,[data-rp1="fleet"],[data-rp1="mobile"]) {
    background:var(--workspace-register80); border-color:var(--workspace-edge80); border-radius:0;
}
body.eco-application #applicationMain :is(.workspace-review77 .deployment-card77,[data-rp1="fleet"] .fleet-operation,[data-rp1="mobile"] .eco-mobile-record) {
    background:var(--workspace-record80); border-color:var(--workspace-edge80);
}
body.eco-application #applicationMain .workspace-review77 .deployment-card77.is-selected {border-inline-start-color:#55ee9b;}
body.eco-application #applicationMain :is(.workspace-review77 .deployment-card77,[data-rp1="fleet"] .fleet-operation,[data-rp1="mobile"] .eco-mobile-record):hover {
    background:var(--workspace-record-hover80); border-color:#65bcd6;
}
body.eco-application #applicationMain [data-rp1="fleet"] .fleet-operation-open:hover {background:transparent;}
body.eco-application #applicationMain [data-rp1="mobile"] .eco-mobile-record[aria-current="true"] {border-color:#97e7f8;}
body.eco-application #applicationMain :is([data-rp1="fleet"],[data-rp1="mobile"]) .rp1-dock {background:#0d3042;border-color:var(--workspace-edge80);}
body.eco-application #applicationMain :is([data-rp1="fleet"] .rp1-operation-tools-body,[data-rp1="mobile"] .eco-mobile-record-tools > div) {background:var(--workspace-detail80);}
body.eco-application #applicationMain :is([data-rp1="fleet"] .rp1-operation-tools,[data-rp1="mobile"] .eco-mobile-record-tools) > summary {background:#082331;}
body.eco-application #applicationMain :is([data-rp1="fleet"] .rp1-operation-tools,[data-rp1="mobile"] .eco-mobile-record-tools) > summary:hover {background:#12394b;}
body.eco-application #applicationMain .fleet-art79 {background:none;opacity:1;}
body.eco-application #applicationMain .fleet-art79 > img {filter:none;opacity:1;}
/* Inline groups keep one command from filling an otherwise empty row. */
body.eco-application #applicationMain .workspace-review77 .esb-detail-footer {justify-content:flex-start;gap:.75rem;}
body.eco-application #applicationMain .workspace-review77 .esb-detail-footer nav {display:flex;flex-wrap:wrap;align-items:stretch;gap:.75rem;}
@container scope-picker80 (max-width:60rem) {
    body.eco-application #applicationMain .scope-fields80 {grid-template-columns:repeat(2,minmax(0,1fr));}
    body.eco-application #applicationMain .scope-fields80 > label:first-child {grid-column:1/-1;}
    body.eco-application #applicationMain .scope-actions80 {grid-column:1/-1;}
}
@container scope-picker80 (max-width:36rem) {
    body.eco-application #applicationMain .scope-picker80 > summary {flex-wrap:wrap;gap:.5rem;}
    body.eco-application #applicationMain .scope-current80 {flex:1 1 100%;}
    body.eco-application #applicationMain .scope-fields80 {grid-template-columns:minmax(0,1fr);}
    body.eco-application #applicationMain .scope-fields80 :is(select,input) {font-size:1rem;}
}
@container workspace-dock77 (max-width:36rem) {
    body.eco-application #applicationMain .workspace-review77 .workspace-dock77.filter-bar80 .f53-main {grid-template-columns:auto auto;justify-content:start;}
    body.eco-application #applicationMain .workspace-review77 .workspace-dock77.filter-bar80 .f53-main > .f53-search {grid-column:1/-1;}
}
@media (forced-colors:active) {
    body.eco-application #applicationMain :is(.scope-picker80,.scope-form80,.scope-fields80 select,.scope-fields80 input,.workspace-review77 .deployment-card77,[data-rp1="fleet"],[data-rp1="mobile"],[data-rp1="fleet"] .fleet-operation,[data-rp1="mobile"] .eco-mobile-record) {background:Canvas;color:CanvasText;border-color:CanvasText;}
}
