/* ES23. Shared filter disclosure behavior, scoped to Equipment and Agitators.
   Search remains visible. Advanced fields remain usable without JavaScript. */
body.eco-application #applicationMain .eq22-page .eq23-query {
    display:block!important; padding:1rem 1.25rem!important; margin:0!important;
    border-top:0!important; min-width:0; container:eq23-query / inline-size;
}
body.eco-application #applicationMain .eq22-page .eq23-query [hidden] { display:none!important; }
body.eco-application #applicationMain .eq22-page .eq23-querybar { display:flex; align-items:end; flex-wrap:wrap; gap:.75rem; min-width:0; }
body.eco-application #applicationMain .eq22-page .eq23-querybar > :is(.eq-field,.ag-field) { flex:1 1 24rem; min-width:0; }
body.eco-application #applicationMain .eq22-page .eq23-querybar :is(.eq-form-actions,.ag-filter-actions) { display:flex; flex:0 1 auto; gap:.75rem; margin:0!important; padding:0!important; }
body.eco-application #applicationMain .eq22-page .eq23-querybar :is(input,button) { min-height:2.9rem!important; }
body.eco-application #applicationMain .eq22-page .eq23-querybar :is(.eq-field,.ag-field) label { font-size:.82rem!important; }
body.eco-application #applicationMain .eq22-page .eq23-querybar .eq22-inline-action { min-height:2.9rem!important; margin:0!important; }
body.eco-application #applicationMain .eq22-page .eq23-query .eco-technical-filter-toggle {
    display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
    flex:0 1 auto; padding:.65rem 1rem; border:1px solid #4a889e; border-radius:0;
    color:#d6f5ff; background:linear-gradient(135deg,#173e53,#0a273c);
    box-shadow:inset 0 1px #a7e9ff30,0 3px 8px #0003;
    font:700 .95rem/1.4 "Eco Workspace Technical 78","Chakra Petch",sans-serif;
    cursor:pointer; min-width:0; max-width:100%;
}
body.eco-application #applicationMain .eq22-page .eq23-query .eco-technical-filter-toggle:hover,
body.eco-application #applicationMain .eq22-page .eq23-query .eco-technical-filter-toggle[aria-expanded="true"] { border-color:#7ae5f4; background:linear-gradient(135deg,#1b5063,#103449); }
body.eco-application #applicationMain .eq22-page .eq23-query .eco-technical-filter-toggle > svg { display:block; width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:1.7; flex:none; }
body.eco-application #applicationMain .eq22-page .eq23-query .eco-technical-filter-toggle b { display:grid; place-items:center; min-width:1.4rem; height:1.4rem; padding:0 .25rem; color:#0a2536; background:#8aebcb; font-size:.78rem; }
body.eco-application #applicationMain .eq22-page .eq23-query .eco-technical-chevron { display:block; width:.45rem; height:.45rem; margin-left:.3rem; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); flex:none; }
body.eco-application #applicationMain .eq22-page .eq23-query .eco-technical-filter-toggle[aria-expanded="true"] .eco-technical-chevron { transform:rotate(225deg); }
body.eco-application #applicationMain .eq22-page .eq23-query .eco-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body.eco-application #applicationMain .eq22-page .eq23-filter-panel {
    display:grid; gap:1rem; margin-top:1rem; padding:1rem 1.15rem; min-width:0;
    border:1px solid #46829a; border-top:2px solid #76dcec;
    background:linear-gradient(120deg,#13374b,#092739 82%);
    box-shadow:inset 0 1px #c7f5ff17,0 8px 20px #0003;
}
body.eco-application #applicationMain .eq22-page .eq23-filter-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:.4rem 1rem; min-width:0; }
body.eco-application #applicationMain .eq22-page .eq23-filter-heading strong { color:#e4f8ff; font-size:1rem; }
body.eco-application #applicationMain .eq22-page .eq23-filter-heading > span { color:#aecdda; font-size:.84rem; }
body.eco-application #applicationMain .eq22-page .eq23-filter-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:1rem; min-width:0; }
body.eco-application #applicationMain .eq22-page .eq23-filter-fields :is(.eq-field,.ag-field) { min-width:0; }
body.eco-application #applicationMain .eq22-page .eq23-filter-fields :is(input,select) { width:100%; min-width:0; }
body.eco-application #applicationMain .eq22-page .eq23-filter-panel .eq-type-strip { padding:.9rem 0 0!important; border-top:1px solid #497d8f66; margin:0; gap:.5rem; }
body.eco-application #applicationMain .eq22-page .eq23-filter-panel .eq-type-strip > .eq-control-label { flex-basis:100%; color:#acd4e1; }
body.eco-application #applicationMain .eq22-page .eq23-applied { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; padding-top:.9rem; min-width:0; }
body.eco-application #applicationMain .eq22-page .eq23-applied-label { font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; color:#a9cdda; margin-right:.15rem; }
body.eco-application #applicationMain .eq22-page .eq23-filter-chip { display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:.35rem; max-width:100%; padding:.3rem .6rem; border:1px solid #377b72; color:#d6f8e9; background:#102f31; font-size:.84rem; overflow-wrap:anywhere; }
body.eco-application #applicationMain .eq22-page .eq23-filter-chip small { color:#9bc8b9; font-size:.75rem!important; }
body.eco-application #applicationMain .eq22-page .eq23-filter-chip > span { min-width:0; }
body.eco-application #applicationMain .eq22-page .eq23-clear { margin-left:auto; padding:.4rem .2rem; color:#9de6f5; font-size:.84rem; white-space:nowrap; }

/* One coherent row: accepted art, identity, context and disclosure affordance.
   The former inner stage and unused third column no longer divide the row. */
body.eco-application #applicationMain .eq22-page .ag-summary.ag-summary-es23 {
    display:grid!important; grid-template-columns:9rem minmax(11rem,.8fr) minmax(0,1.6fr) 7.5rem!important;
    align-items:center!important; gap:1.25rem!important; padding:1rem 1.25rem!important;
    background:radial-gradient(ellipse at 9% 58%,#308bac20,transparent 48%);
}
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-heading { min-width:0; padding:0!important; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-meta { display:flex; flex-direction:column; align-items:flex-start; gap:.4rem; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-name { display:block; margin-top:.5rem; font-size:1.06rem!important; overflow-wrap:anywhere; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-art { display:flex; justify-content:center; align-items:center; gap:.2rem; height:9rem!important; padding:0!important; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-assembly-art { width:3.36rem; height:8rem; aspect-ratio:auto; max-width:100%; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-assembly-art img { max-height:none!important; object-fit:fill!important; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-assembly-art.ag-assembly-art--fo23 { width:100%; height:8rem; aspect-ratio:auto; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-assembly-art--fo23 img { position:static; inset:auto; width:100%; max-width:100%; height:100%; object-fit:contain!important; transform:none; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-art-caption { color:#9fc5d3; font-size:.65rem!important; line-height:1.3; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-context { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:1rem; margin:0; padding:0; border:0; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-context-item { padding:0 0 0 1rem!important; border:0!important; border-left:1px solid #41768988!important; min-width:0; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-context-item strong { font-size:.93rem!important; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-field-label { display:block; margin-bottom:.4rem; font-size:.73rem; line-height:1.4; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-inspect { grid-column:auto!important; display:flex; justify-content:space-between; padding:.65rem .7rem!important; min-width:0; border:1px solid #3f8198; background:linear-gradient(130deg,#173c51,#0b293c); font-size:.79rem; line-height:1.45; }
body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-chevron { flex:0 0 auto; }

@container (max-width:68rem) {
    body.eco-application #applicationMain .eq22-page .ag-summary.ag-summary-es23 { grid-template-columns:8rem minmax(0,1fr) 9rem!important; gap:1rem!important; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-art { grid-column:1; grid-row:1 / 3; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-heading { grid-column:2; grid-row:1; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-context { grid-column:2 / -1; grid-row:2; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-context-item:first-child { padding-left:0!important; border-left:0!important; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-inspect { grid-column:3!important; grid-row:1; }
}
@container (max-width:42rem) {
    body.eco-application #applicationMain .eq22-page .ag-summary.ag-summary-es23 { grid-template-columns:6.5rem minmax(0,1fr)!important; gap:1rem!important; padding:1rem!important; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-art { grid-row:1; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-card-context { grid-column:1 / -1; grid-row:2; grid-template-columns:minmax(0,1fr); gap:.7rem; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-context-item { padding:.7rem 0 0!important; border:0!important; border-top:1px solid #41768988!important; }
    body.eco-application #applicationMain .eq22-page .ag-summary-es23 .ag-inspect { grid-column:1 / -1!important; grid-row:3; }
    body.eco-application #applicationMain .eq22-page .eq23-querybar > :is(.eq-field,.ag-field) { flex-basis:100%; }
    body.eco-application #applicationMain .eq22-page .eq23-querybar .eco-technical-filter-toggle,
    body.eco-application #applicationMain .eq22-page .eq23-querybar :is(.eq-form-actions,.ag-filter-actions) { flex:1 1 auto; }
    body.eco-application #applicationMain .eq22-page .eq23-querybar .eq22-inline-action { width:100%; }
    body.eco-application #applicationMain .eq22-page .eq23-clear { margin-left:0; }
}
