/* ES30. A common chassis and inset reading surface for equipment, installed
   systems and facility gateways. Existing typography and blueprint controls
   stay authoritative. No card tilt, orbit rings, animation or new art. */
body.eco-application #applicationMain :is(.eq30,.is30,.fo30) {
    --es30-metal:linear-gradient(135deg,#80b5c8,#305a70 18%,#112e40 54%,#527e93 94%,#061826);
    --es30-face:linear-gradient(115deg,#234b6070,transparent 32%),linear-gradient(155deg,#12354a,#081f30 56%,#0d2e43);
    --es30-depth:0 2px 0 #03111c,0 7px 0 #061724,0 8px 0 #3e667b,0 18px 26px #0006,inset 0 1px #c1f1ff59,inset 0 -2px #010f19;
    --es30-ink:#eaf7ff;--es30-muted:#bdd5e2;
}
/* The border is a material edge with visible thickness. Contents stay level. */
body.eco-application #applicationMain :is(.eq22-page.eq30 .eco-equipment-card-fo07,.eq22-page.eq30 .eq-record,.is30 .is17-register .is17-system,.is30 .is6-panel,.is30 .is30-query,.fo30 .fo-workspace) {
    position:relative;isolation:isolate;overflow:visible;transform:none;
    border:1px solid transparent;border-right-width:3px;border-bottom-width:5px;border-radius:9px;
    background:var(--es30-face) padding-box,var(--es30-metal) border-box;
    box-shadow:var(--es30-depth);
}
body.eco-application #applicationMain :is(.eq22-page.eq30 .eco-equipment-card-fo07,.eq22-page.eq30 .eq-record,.is30 .is6-panel,.is30 .is30-query,.fo30 .fo-workspace)::before,
body.eco-application #applicationMain .is30 .is17-register .is17-system::after {
    content:"";position:absolute;inset:5px 5px 4px;z-index:-1;pointer-events:none;opacity:1;
    border:0;border-top:1px solid #b7ecff40;border-bottom:1px solid #041420;
    border-radius:5px;background:linear-gradient(135deg,#b3e9ff1a,transparent 21%);
}
body.eco-application #applicationMain :is(.eq22-page.eq30 .eco-equipment-card-fo07,.fo30 .fo-workspace) {border-top:3px solid var(--equipment-card-accent,var(--fo-edge,#70e3f5));}
body.eco-application #applicationMain :is(.eq22-page.eq30 .eco-equipment-card-fo07,.fo30 .fo-workspace):is(:hover,:focus-visible),
body.eco-application #applicationMain .is30 .is17-system:focus-within {
    background:var(--es30-face) padding-box,var(--es30-metal) border-box;
    box-shadow:var(--es30-depth),0 0 0 1px #7cd7ee55;transform:none;
}
body.eco-application #applicationMain :is(.eq30,.is30,.fo30) :is(a,button,summary):focus-visible {outline:2px solid #bcf4ff;outline-offset:4px;}

/* Register rows: correct, larger item art and one readable evidence surface. */
body.eco-application #applicationMain .eq22-page.eq30 .eq-records {gap:1.35rem!important;padding:.45rem .2rem 1rem!important;}
body.eco-application #applicationMain .eq22-page.eq30 .eq-record {
    border-radius:9px!important;border-color:transparent!important;border-left:3px solid var(--eq-record-accent)!important;
    background:var(--es30-face) padding-box,var(--es30-metal) border-box!important;
}
body.eco-application #applicationMain .eq22-page.eq30 .eq-record-summary {
    min-height:8rem;padding:1.15rem 1.4rem!important;border-radius:6px;
}
body.eco-application #applicationMain .eq22-page.eq30 .eq-record-summary:hover {background:linear-gradient(95deg,#64c8ed10,transparent 65%);}
body.eco-application #applicationMain .eq22-page.eq30 .eq-record-summary:focus-visible {outline-offset:-6px;}
body.eco-application #applicationMain .eq22-page.eq30 .eq30-record-art {
    display:grid;place-items:center;flex:0 0 6.25rem;width:6.25rem;height:5.8rem;padding:0;
    border:0;background:none;box-shadow:none;
}
body.eco-application #applicationMain .eq22-page.eq30 .eq30-record-art img {
    display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none;max-height:none;
    mix-blend-mode:normal;filter:drop-shadow(2px 7px 4px #00101c77);
}
body.eco-application #applicationMain .eq22-page.eq30 .eq-identity-copy>strong {font-size:1rem;line-height:1.45;}
body.eco-application #applicationMain .eq22-page.eq30 .eq-detail-body {
    margin:0 .8rem .8rem;padding:1.25rem;border:1px solid #476f8380;border-radius:5px;
    background:linear-gradient(120deg,#031622,#092636);box-shadow:inset 0 3px 8px #0006,0 1px #a5dded25;
}
body.eco-application #applicationMain .eq22-page.eq30 .eco-equipment-card-fo07__topics {border-top-color:#719cb355;box-shadow:0 -1px #04121c44;}

/* Installed register keeps its readable layout; art and action columns have
   distinct light and recess, with no platform beneath the equipment. */
body.eco-application #applicationMain .is30 .is17-register {gap:1.75rem;}
body.eco-application #applicationMain .is30 .is17-register .is17-system {
    border-left:3px solid var(--is17-accent);padding:1.5rem 1.55rem 1.5rem 1rem;
    background:var(--es30-face) padding-box,var(--es30-metal) border-box;box-shadow:var(--es30-depth);
}
body.eco-application #applicationMain .is30 .is17-register .is17-system-art {height:16rem;}
body.eco-application #applicationMain .is30 .is17-register .is17-system-art::before {content:none;display:none;}
body.eco-application #applicationMain .is30 .is17-register .is17-system-art>img {filter:drop-shadow(3px 10px 6px #0009);}
body.eco-application #applicationMain .is30 .is17-register .is6-card-facts {
    padding:1rem 1rem .9rem;margin-top:1.1rem;border:0;border-top:1px solid #041622;
    border-radius:4px;background:linear-gradient(110deg,#041724d9,#0b283bcc);box-shadow:inset 0 3px 8px #0005,0 1px #98d7eb26;
}
body.eco-application #applicationMain .is30 .is17-register .is17-system-action {
    padding:1rem .3rem 1rem 1.25rem;border-left:1px solid #4f7d924d;
    background:linear-gradient(90deg,#020f192b,transparent);box-shadow:-1px 0 #020e1855;
}

/* Configuration date belongs to the register: current snapshot always visible,
   editable date inside the same progressive filter drawer used elsewhere. */
body.eco-application #applicationMain .is30 .is30-query {margin:0 0 .65rem;padding:1.1rem 1.35rem;}
body.eco-application #applicationMain .is30 .is30-querybar {display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
body.eco-application #applicationMain .is30 .is30-snapshot {display:flex;align-items:center;gap:.85rem;margin-right:auto;min-width:0;}
body.eco-application #applicationMain .is30 .is30-date-icon {display:grid;place-items:center;width:2.6rem;height:2.6rem;flex:0 0 2.6rem;color:#87e9f7;}
body.eco-application #applicationMain .is30 .is30-date-icon svg {display:block;width:100%;height:100%;}
body.eco-application #applicationMain .is30 .is30-snapshot .is6-eyebrow {margin:0 0 .2rem;font-size:.75rem;}
body.eco-application #applicationMain .is30 .is30-snapshot strong {font-size:1.15rem;line-height:1.4;color:var(--es30-ink);}
body.eco-application #applicationMain .is30 .is30-count {color:var(--es30-muted);font-size:.9rem;padding-right:.7rem;}
body.eco-application #applicationMain .is30 .is30-filter-panel {margin-top:1rem;padding:1.1rem;border:1px solid #446d81;border-radius:4px;background:linear-gradient(120deg,#031723,#0a2c3d);box-shadow:inset 0 3px 8px #0006;}
body.eco-application #applicationMain .is30 .is30-filter-panel>p {margin:0 0 .8rem;color:var(--es30-muted);font-size:.9rem;}
body.eco-application #applicationMain .is30 .is30-date-fields {display:flex;flex-wrap:wrap;align-items:end;gap:1rem;}
body.eco-application #applicationMain .is30 .is30-date-field {display:grid;gap:.45rem;flex:0 1 18rem;min-width:0;max-width:100%;}
body.eco-application #applicationMain .is30 .is30-date-field label {font-size:.85rem;color:#c5e3ef;}
body.eco-application #applicationMain .is30 .is30-date-field input {box-sizing:border-box;width:100%;min-width:0;min-height:2.85rem;padding:.6rem .8rem;border:1px solid #54869a;border-radius:0;background:#061b29;color:#f0faff;color-scheme:dark;font:inherit;}
body.eco-application #applicationMain#applicationMain .is30 .is30-query [hidden] {display:none!important;}

/* Details use the same chassis, with cyan/green/gold accents and quiet reading
   bays. Natural panel height removes the large empty installation-record block. */
body.eco-application #applicationMain .is30 .is17-context {align-items:start;gap:1.5rem;}
body.eco-application #applicationMain .is30 .is6-panel {--is30-accent:#70dcf4;padding:1.5rem 1.6rem;border-top:2px solid var(--is30-accent);}
body.eco-application #applicationMain .is30 .is17-context>.is6-panel:nth-child(2) {--is30-accent:#8ae7bc;}
body.eco-application #applicationMain .is30 .is30-equipment-panel {--is30-accent:#edca7b;}
body.eco-application #applicationMain .is30 .is6-panel>.is6-eyebrow {color:var(--is30-accent);}
body.eco-application #applicationMain .is30 .is6-panel>h2 {margin-bottom:1.1rem;text-align:left;}
body.eco-application #applicationMain .is30 .is6-specs {
    margin:0;padding:1.15rem 1.2rem;gap:1.2rem 1.6rem;border-radius:5px;
    background:linear-gradient(130deg,#041925,#0b2a3c);box-shadow:inset 0 3px 7px #0005,0 1px #97d4e531;
}
body.eco-application #applicationMain .is30 .is6-specs>div {min-width:0;padding-bottom:.8rem;border-bottom:1px solid #47768a44;}
body.eco-application #applicationMain .is30 .is6-specs dd {margin:.35rem 0 0;font-size:1rem;line-height:1.5;}
body.eco-application #applicationMain .is30 .is6-specs dd small {display:block;margin-top:.3rem;color:var(--es30-muted);font-size:.83rem;}
body.eco-application #applicationMain .is30 .is6-stages {position:relative;margin:0;padding:.2rem .25rem;background:none;gap:.55rem;}
body.eco-application #applicationMain .is30 .is6-stages li {position:relative;min-height:3.2rem;margin:0;padding:.25rem 0;gap:.9rem;border:0;font-size:1rem;line-height:1.45;}
body.eco-application #applicationMain .is30 .is6-stages li::before {
    display:grid;place-items:center;align-self:start;flex:0 0 2.8rem;width:2.8rem;height:2.8rem;
    color:var(--is30-accent);font-size:1rem;background:linear-gradient(140deg,#306278,#0a2538 62%);
    border:1px solid #79b5c777;border-bottom:3px solid #031723;border-radius:5px;
    box-shadow:inset 0 1px #d5f6ff4d,0 2px 0 #446b7b;z-index:1;
}
body.eco-application #applicationMain .is30 .is6-stages li:not(:last-child)::after {content:"";position:absolute;left:1.35rem;top:2.7rem;bottom:-.9rem;width:2px;background:linear-gradient(#72d5c477,#2c586733);pointer-events:none;}
body.eco-application #applicationMain .is30 .is6-stages+p {margin:1.1rem 0 0;padding-top:.85rem;border-top:1px solid #50748655;}
body.eco-application #applicationMain .is30 .is6-asset-list {gap:1rem;margin:.25rem 0 0;}
body.eco-application #applicationMain .is30 .is6-asset-list>.is6-row {
    display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem 1.1rem;min-width:0;
    padding:1.1rem;border:1px solid #365d73;border-bottom:3px solid #021520;border-radius:6px;
    background:linear-gradient(115deg,#1d435866,#092335);box-shadow:inset 0 1px #a8dbee26,0 1px #6594a03b;
}
body.eco-application #applicationMain .is30 .is6-asset-list .is17-asset-art {grid-column:1;grid-row:1/3;align-self:center;display:block;width:6.5rem;height:6.5rem;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(2px 6px 5px #00111d88);}
body.eco-application #applicationMain .is30 .is6-asset-list .is17-asset-copy {grid-column:2;min-width:0;}
body.eco-application #applicationMain .is30 .is6-asset-list>.is6-row>.eco-button {grid-column:2;justify-self:start;margin-top:.35rem;max-width:100%;}
body.eco-application #applicationMain .is30 .is6-asset-list>.is6-row:not(:has(.is17-asset-art)) {grid-template-columns:minmax(0,1fr);}
body.eco-application #applicationMain .is30 .is6-asset-list>.is6-row:not(:has(.is17-asset-art))> * {grid-column:1;}
body.eco-application #applicationMain .is30 details.is6-panel {padding:0;}
body.eco-application #applicationMain .is30 details.is6-panel>summary {min-height:3.5rem;margin:0;padding:1.1rem 1.4rem;list-style-position:inside;}
body.eco-application #applicationMain .is30 details.is6-panel>summary:hover {background:#72b8da0a;}
body.eco-application #applicationMain .is30 details.is6-panel>summary:focus-visible {outline-offset:-5px;}
body.eco-application #applicationMain .is30 details.is6-panel>:not(summary) {margin-inline:1.4rem;}

/* Facility gateways carry the same edge and action band. Existing illustration
   matte filters are retained; no new backgrounds are baked into the artwork. */
body.eco-application #applicationMain .fo30 .fo-workspaces {gap:1.5rem;}
body.eco-application #applicationMain .fo30 .fo-workspace-heading {padding:1.35rem 1.25rem .85rem;}
body.eco-application #applicationMain .fo30 .fo-workspace-copy {padding:1.1rem 1.25rem;}
body.eco-application #applicationMain .fo30 .fo-workspace-footer {padding:1rem 1.25rem;background:linear-gradient(#092133,#031522);border-top:1px solid #54829666;box-shadow:inset 0 1px #bdedff16;border-radius:0 0 5px 5px;}
body.eco-application #applicationMain .fo30 .fo-workspace-art {background:#101d2a;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);}
body.eco-application #applicationMain .fo30 .fo-arrow {border-radius:3px;border-color:#70bad477;background:linear-gradient(135deg,#234d61,#092032);box-shadow:inset 0 1px #bfeeff44,0 2px #00111e;}
body.eco-application #applicationMain .fo30 .fo-followup {background:linear-gradient(120deg,#123348,#081e2d);border-color:#3f687d;box-shadow:inset 0 1px #95ddf330,0 3px 0 #031420;}

@container installed-register-es29 (max-width:74rem) {
    body.eco-application #applicationMain .is30 .is17-register .is17-system-action {padding:0;border:0;background:none;box-shadow:none;}
}
@container (max-width:58rem) {
    body.eco-application #applicationMain .is30 .is17-context {grid-template-columns:minmax(0,1fr);}
    body.eco-application #applicationMain .is30 .is6-asset-list {grid-template-columns:minmax(0,1fr);}
}
@container (max-width:40rem) {
    body.eco-application #applicationMain .is30 .is6-panel {padding:1.1rem;}
    body.eco-application #applicationMain .is30 .is6-specs {padding:.9rem;gap:1rem;}
    body.eco-application #applicationMain .is30 .is6-asset-list>.is6-row {grid-template-columns:5rem minmax(0,1fr);padding:.9rem;gap:.5rem .8rem;}
    body.eco-application #applicationMain .is30 .is6-asset-list .is17-asset-art {width:5rem;height:6rem;}
    body.eco-application #applicationMain .is30 .is30-count {width:100%;order:3;}
    body.eco-application #applicationMain .eq22-page.eq30 .eq30-record-art {flex-basis:5rem;width:5rem;height:5.5rem;}
}
@media (forced-colors:active) {
    body.eco-application #applicationMain :is(.eq22-page.eq30 .eco-equipment-card-fo07,.eq22-page.eq30 .eq-record,.is30 .is17-register .is17-system,.is30 .is6-panel,.is30 .is30-query,.fo30 .fo-workspace) {background:Canvas!important;border-color:CanvasText!important;box-shadow:none;}
    body.eco-application #applicationMain .is30 :is(.is6-specs,.is6-card-facts,.is30-filter-panel,.is6-asset-list>.is6-row) {background:Canvas;box-shadow:none;}
}

/* QA05 / #1: Operations uses Equipment's existing ES30 material and reading rails.
   This opt-in never targets shared headers, summaries, navigation or buttons. */
body.eco-application #applicationMain .op30 :is(.op-home1061 .eco-home-workspace,.operations-support-card,.operations-domain-card,.operations-command-activity-panel,.operations-command-empty,.op26-next>a) {
    position:relative;isolation:isolate;min-width:0;transform:none;clip-path:none;
    border:1px solid transparent;border-right-width:3px;border-bottom-width:5px;border-radius:9px;
    background:var(--es30-face) padding-box,var(--es30-metal) border-box;box-shadow:var(--es30-depth);
}
body.eco-application #applicationMain .op30 :is(.op-home1061 .eco-home-workspace,.operations-support-card,.op26-next>a):is(:hover,:focus-visible,:focus-within) {
    background:var(--es30-face) padding-box,var(--es30-metal) border-box;
    box-shadow:var(--es30-depth),0 0 0 1px #7cd7ee55;transform:none;
}
body.eco-application #applicationMain .op30 :is(.operations-command-section-heading,.op-home1061 .eco-landing-section-heading) {
    display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.7rem 1rem;
    margin:1.3rem 0 .9rem;padding:.35rem 0 .8rem;border:0;border-bottom:1px solid #527d914d;background:none;
}
body.eco-application #applicationMain .op30 :is(.operations-command-section-heading h2,.op-home1061 .eco-landing-section-heading h2) {
    margin:0;font:700 1.15rem/1.4 "EcoTracer Technical","Chakra Petch",sans-serif;color:#eaf7ff;letter-spacing:.01em;
}
body.eco-application #applicationMain .op30 .op-home1061 .eco-home-workspace-grid {gap:1.35rem;}
body.eco-application #applicationMain .op30 .op-home1061 .eco-home-card-title {padding:1.25rem 1.25rem .35rem;border:0;background:none;}
body.eco-application #applicationMain .op30 .op-home1061 .eco-home-card-title h3 {color:#edfaff;font-size:1.25rem;}
body.eco-application #applicationMain .op30 .op-home1061 .eco-home-card-art {background:none;mix-blend-mode:normal;height:clamp(130px,14cqw,180px);padding:.2rem 1rem 0;}
body.eco-application #applicationMain .op30 .op-home1061 .eco-home-card-art img {filter:drop-shadow(2px 7px 4px #00101c66);mix-blend-mode:normal;}
body.eco-application #applicationMain .op30 .op-home1061 .eco-home-card-body {padding:.8rem 1.25rem 1.1rem;gap:.85rem;}
body.eco-application #applicationMain .op30 .op-home1061 .op-home1061-counts {
    display:flex;flex-wrap:wrap;gap:.8rem 1rem;min-height:0;margin:0;padding:.8rem;
    border:0;border-top:1px solid #041622;border-radius:4px;background:linear-gradient(110deg,#041724d9,#0b283bcc);box-shadow:inset 0 3px 8px #0005,0 1px #98d7eb26;
}
body.eco-application #applicationMain .op30 .op-home1061 .op-home1061-counts>div {flex-direction:column;gap:.3rem;}
body.eco-application #applicationMain .op30 .op-home1061 .op-home1061-counts dd {color:#ecf8ff;font-size:1.25rem;}
body.eco-application #applicationMain .op30 :is(.support-card-blueprint,.op25-route-art) img {mix-blend-mode:normal;object-fit:contain;}
body.eco-application #applicationMain .op30 :is(.operations-support-card,.operations-command-activity-row) :is(strong,small,p) {overflow-wrap:anywhere;}
@media(max-width:700px){
 body.eco-application #applicationMain .op30 .op26-next{grid-template-columns:minmax(0,1fr);gap:.8rem;}
 body.eco-application #applicationMain .op30 .op-home1061 .eco-home-card-art{height:160px;}
}
@media(forced-colors:active){body.eco-application #applicationMain .op30 :is(.eco-home-workspace,.operations-support-card,.operations-command-activity-panel,.operations-command-empty,.op26-next>a){background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;}}

/* QA05 / #1: installation/project rows use the same compact art-to-identity
   balance as Equipment. Source facts and native destination links remain intact. */
body.eco-application #applicationMain .is30 .is17-register .is17-system {
    grid-template-columns:7rem minmax(0,1fr) minmax(9rem,auto);gap:1.15rem;
    padding:1.2rem 1.3rem;align-items:center;
}
body.eco-application #applicationMain .is30 .is17-register .is17-system-art {height:6.8rem;grid-row:auto;}
body.eco-application #applicationMain .is30 .is17-register .is17-system-copy>p {max-width:70ch;}
body.eco-application #applicationMain .is30 .is17-register .is17-system-action {padding:.6rem 0 .6rem 1rem;}
@container installed-register-es29 (max-width:62rem){
 body.eco-application #applicationMain .is30 .is17-register .is17-system{grid-template-columns:6.25rem minmax(0,1fr);}
 body.eco-application #applicationMain .is30 .is17-register .is17-system-action{grid-column:2;padding:0;border:0;box-shadow:none;background:none;justify-content:flex-start;}
 body.eco-application #applicationMain .is30 .is17-register .is17-system-art{height:6.25rem;grid-row:1/3;}
}
@container installed-register-es29 (max-width:40rem){
 body.eco-application #applicationMain .is30 .is17-register .is17-system{grid-template-columns:minmax(0,1fr);gap:.9rem;padding:1rem;}
 body.eco-application #applicationMain .is30 .is17-register .is17-system-art{width:7rem;height:6.25rem;grid-row:auto;justify-self:start;}
 body.eco-application #applicationMain .is30 .is17-register .is17-system-action{grid-column:1;}
}