/* Section 08 UX M2: scoped additive styles. M1 remains intact. */
.s08-panel{border:1px solid #aecacb;border-radius:12px;padding:12px;margin:12px 0;background:#f3f9f8;color:#173943;min-width:0}
.s08-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.s08-actions .btn{flex:1 1 145px;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere}
.s08-actions [aria-pressed=true]{background:#123b49;color:#fff;border-color:#123b49}
.s08-field{display:block;margin:8px 0;font-weight:650}
.s08-field input,.s08-field select{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;margin-top:5px;font-size:16px}
.s08-progress{font-weight:650;font-size:14px;margin:8px 0}
.s08-assignment{background:#edf6f5;border-left:3px solid #538b84;padding:8px;overflow-wrap:anywhere}
.s08-assignment strong,.s08-assignment span{display:block}
.s08-assignment[data-kind=none],.s08-assignment[data-kind=missing],.s08-assignment[data-kind=needs-body]{background:#fff6e5;border-color:#927135}
.s08-review-group{border:1px solid #bacdd0;border-radius:10px;margin:10px 0;padding:8px;min-width:0}
.s08-review-group summary{font-weight:750;min-height:44px;overflow-wrap:anywhere}
.s08-review-group button{min-height:48px;white-space:normal;overflow-wrap:anywhere}
.s08-ux-m2-enabled .s08-replaced,.s08-ux-m2-enabled #reviewPanel [hidden],.s08-ux-m2-enabled #equipmentList [hidden]{display:none!important}
.s08-error{color:#8a2020;font-weight:650}
.s08-error:empty,#s08Message:empty{display:none}
.s08-ux-m2-enabled :is(#inspectView,#reviewPanel,#mechanicalSetup) :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #166e9c;outline-offset:3px}
.s08-ux-m2-enabled :is(#itemTitle,#s08ReviewTitle,#sanitarySetup h2,#mechanicalSetup input,#mechanicalSetup select,#inspectView input,#inspectView textarea){scroll-margin-top:var(--s08-header-height,110px);scroll-margin-bottom:110px}
@media(max-width:650px){
 .s08-ux-m2-enabled > .top{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px}
 .s08-ux-m2-enabled > .top h1{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}
 .s08-ux-m2-enabled > .top .menuBtn{position:static!important;grid-column:2;grid-row:1;align-self:start;min-height:44px;max-width:100%}
 .s08-ux-m2-enabled > .top .sub{grid-column:1/-1;grid-row:2;overflow-wrap:anywhere}
 .s08-ux-m2-enabled > .top .bar{grid-column:1/-1;grid-row:3}
 .s08-ux-m2-enabled #sectionNav{display:none}
 .s08-ux-m2-enabled :is(#inspectView,#reviewPanel,#mechanicalSetup) :is(input,select,textarea){max-width:100%;min-width:0;font-size:16px}
 .s08-ux-m2-enabled #status button{min-height:44px;white-space:normal}
 .s08-ux-m2-enabled #nav button{min-height:48px;white-space:normal}
 .s08-ux-m2-enabled #mechanicalSetup .venueTop{flex-wrap:wrap;gap:8px}
 .s08-ux-m2-enabled #mechanicalSetup .venueName{overflow-wrap:anywhere}
 .s08-ux-m2-enabled #mechanicalSetup [data-sbody]{min-width:22px;min-height:22px}
 .s08-ux-m2-enabled #mechanicalSetup .bodyRow{min-height:44px}
 .s08-ux-m2-enabled .s08-panel{padding:10px}
 /* BR-06 R1: keep the existing fixed nav in both focus states.
    Changing its position on Notes blur moves the target between press and release. */
 .s08-ux-editing #qa2ReviewOpen{display:none!important}
}
@media(prefers-reduced-motion:reduce){.s08-ux-m2-enabled{scroll-behavior:auto}}