/* ES30 material adapted to the native ES22 disclosure records. Opt-in pages
   keep their connected header, summary values and shared blueprint controls. */
body.eco-application #applicationMain .eq22-page.eq39r1 :is(.eq22-register,.st-tank-grid){gap:1.35rem!important;padding:.35rem .2rem 1rem!important}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record{
    --record-edge:#70e3f5;position:relative;isolation:isolate;min-width:0;
    border:1px solid transparent;border-right-width:3px;border-bottom-width:5px;border-left:3px solid var(--record-edge);border-radius:9px;
    background:var(--es30-face) padding-box,var(--es30-metal) border-box;box-shadow:var(--es30-depth);overflow:visible;
}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record:nth-child(6n+2){--record-edge:#8ae7bc}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record:nth-child(6n+3){--record-edge:#edca7b}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record:nth-child(6n+4){--record-edge:#bea5ef}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record:nth-child(6n+5){--record-edge:#efb48f}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record:nth-child(6n+6){--record-edge:#a6b9f6}
body.eco-application #applicationMain .eq22-page.eq39r1 #distribution-storage .eq22-record{--record-edge:#8ae7bc}
body.eco-application #applicationMain .eq22-page.eq39r1 #water-storage .eq22-record{--record-edge:#edca7b}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record::before{
    content:"";position:absolute;inset:5px 5px 4px;z-index:-1;pointer-events:none;
    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 .eq22-page.eq39r1 .eq22-record-summary{
    grid-template-columns:7rem minmax(0,1fr) minmax(9rem,.4fr) 5rem;gap:1rem;
    min-height:8rem;padding:.95rem 1.25rem;border-radius:6px;background:none;
}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-summary>*{min-width:0}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-summary:hover{background:linear-gradient(95deg,#64c8ed10,transparent 65%)}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-summary:focus-visible{outline-offset:-6px!important}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-art{height:5.8rem;grid-row:auto}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-art::before{display:none;content:none}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-art img{filter:drop-shadow(2px 7px 4px #00101c77)}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-identity{gap:.3rem}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-identity>strong{font-size:1rem;line-height:1.45}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-identity>small{color:var(--record-edge)}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-metric{grid-column:auto;grid-row:auto;gap:.3rem;padding-left:1rem;border-left:1px solid #476f8380}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-metric>strong{font-size:1.5rem;line-height:1.35;font-variant-numeric:tabular-nums lining-nums}
body.eco-application #applicationMain .eq22-page.eq39r1.me-page .eq22-record-metric>strong{font-size:1rem}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-expand{grid-column:auto;grid-row:auto;color:var(--record-edge);font-size:.78rem}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record[open]>.eq22-record-summary{border-bottom:0;background:linear-gradient(95deg,#64c8ed0a,transparent 65%)}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-body{
    margin:0 .8rem .8rem;padding:1.1rem!important;border:1px solid #476f8380!important;border-radius:5px!important;
    background:linear-gradient(120deg,#031622,#092636)!important;box-shadow:inset 0 3px 8px #0006,0 1px #a5dded25!important;
}
body.eco-application #applicationMain .eq22-page.eq39r1 :is(.eq22-asset-inspection,.me-detail-grid){grid-template-columns:minmax(12rem,.65fr) minmax(0,1fr);align-items:center;gap:1.25rem}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-asset-art{background:none!important}
body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-asset-art img{width:100%;height:auto;max-width:24rem;max-height:16rem;object-fit:contain;filter:drop-shadow(2px 7px 4px #00101c77)}
body.eco-application #applicationMain .eq22-page.eq39r1 :is(.eq22-specs,.me-specs)>div{padding:.65rem 0}
body.eco-application #applicationMain .eq22-page.eq39r1 :is(.eq22-specs,.me-specs) dd{font-size:.9rem!important}
body.eco-application #applicationMain .eq22-page.eq39r1 .me-panel{
    border:1px solid transparent!important;border-right-width:3px!important;border-bottom-width:5px!important;border-radius:9px!important;
    background:var(--es30-face) padding-box,var(--es30-metal) border-box!important;box-shadow:var(--es30-depth)!important;
}
/* Sizing only: keep the existing blueprint controls and all native link targets. */
body.eco-application #applicationMain .eq22-page.eq39r1 :is(.eq22-record-body,.me-panel)>[data-eco-header-actions="76"]{
    display:flex!important;flex-wrap:wrap;width:fit-content;max-width:100%!important;gap:.65rem;
    padding:.8rem 0 0!important;margin:0!important;border:0!important;background:none!important;
}
body.eco-application #applicationMain .eq22-page.eq39r1 :is(.eq22-record-body,.me-panel)>[data-eco-header-actions="76"]>a{width:auto;max-width:100%;flex:0 1 auto}
@container(max-width:55rem){
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-summary{grid-template-columns:6rem minmax(0,1fr) 4.5rem;gap:.5rem 1rem;padding:.9rem 1rem}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-art{grid-row:1/3}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-metric{grid-column:2;grid-row:2;padding:0;border:0}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-metric>strong{font-size:1.2rem}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-expand{grid-column:3;grid-row:1/3}
    body.eco-application #applicationMain .eq22-page.eq39r1 :is(.eq22-asset-inspection,.me-detail-grid){grid-template-columns:minmax(0,1fr)!important}
}
@container(max-width:32rem){
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-summary{grid-template-columns:4.5rem minmax(0,1fr);gap:.5rem .7rem;padding:.8rem}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-art{height:4.5rem}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-expand{grid-column:2;grid-row:3;justify-content:flex-start}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-body{margin:0 .4rem .5rem;padding:.8rem!important}
}
@media(forced-colors:active){
    body.eco-application #applicationMain .eq22-page.eq39r1 :is(.eq22-record,.me-panel,.eq22-record-body){background:Canvas!important;color:CanvasText;border-color:CanvasText!important;box-shadow:none!important}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record::before{display:none}
    body.eco-application #applicationMain .eq22-page.eq39r1 .eq22-record-summary:focus-visible{outline-color:Highlight!important}
}