/* UI11: only the two explicitly enhanced maintenance forms. */
.mf-form{--mf-line:#d5e2e8;--mf-ink:#1c3c4d;min-width:0;}
#dialog.mf-dialog{width:min(1000px,calc(100vw - 24px));}
.mf-form [hidden]{display:none!important;}
.mf-context{border-left:3px solid #0b7c86;background:#f2f8f9;padding:14px 16px;border-radius:7px;margin:0 0 16px;}
.mf-context h3{font-size:20px;line-height:1.3;margin:7px 0;overflow-wrap:anywhere;}
.mf-context .eyebrow{font-size:10px;margin:0;color:#35717d;}
.mf-context p{margin:4px 0;}
.mf-screen{min-width:0;}
.mf-screen>h4{margin:22px 0 8px;}
.mf-disclosure{border:1px solid var(--mf-line);border-radius:8px;padding:10px 14px;margin:12px 0;}
.mf-disclosure summary{cursor:pointer;font-size:13px;font-weight:650;}
.mf-form .mf-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;}
.mf-form label{min-width:0;}
.mf-form .mf-readings>label,.mf-form .mf-screen>label{display:flex;flex-direction:column;gap:7px;margin:12px 0;}
.mf-form .mf-readings input,.mf-form .mf-screen select,.mf-form .mf-screen textarea{min-width:0;width:100%;box-sizing:border-box;}
.mf-form .mf-field-hint{font-size:11px;color:#4d6979;font-weight:400;line-height:1.5;}
.mf-result-hint{font-size:13px;line-height:1.55;color:#375968;padding:11px 13px;background:#edf7f8;border:1px solid #cce2e5;border-radius:7px;margin:12px 0;}
.mf-form .item-guidance{margin:16px 0;}
.mf-form .item-guidance .instruction-text{font-size:14px;line-height:1.55;}
.mf-form .mf-facts{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:0 16px;margin:10px 0;font-size:13px;}
.mf-facts dt,.mf-facts dd{padding:10px 0;border-bottom:1px solid #e1e9ed;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;}
.mf-facts dt{color:#516e7d;font-weight:500;}.mf-facts dd{font-weight:600;color:var(--mf-ink);}
.mf-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.mf-review-card{border:1px solid var(--mf-line);border-radius:9px;padding:15px;min-width:0;background:#fff;}
.mf-review-card h4{font-size:15px;margin:0 0 10px;}
.mf-comparison .mf-review-card:last-child{border-top:3px solid #19848a;background:#f6fbfb;}
.mf-form .mf-confirm{display:flex;flex-direction:row;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.5;}
.mf-confirm input{width:20px!important;min-height:20px!important;height:20px;flex:none;margin:1px 0;}
.mf-form .evidence-editor{padding:16px;border:1px solid var(--mf-line);border-radius:9px;}
.mf-form .evidence-editor legend{font-size:14px;font-weight:700;}
.mf-form .evidence-editor .small{font-size:12px;line-height:1.5;}
.mf-form .operation-persons{max-height:290px;overflow:auto;border:1px solid var(--mf-line);border-radius:8px;padding:14px;}
.mf-form .operation-persons label{margin:10px 0;}
.mf-form .wl-guide-body{scrollbar-gutter:stable;}
.mf-form .wl-guide-steps{position:sticky;top:0;background:white;z-index:2;margin-top:0;}
.mf-form .wl-guide-steps li{font-size:12px;}
.mf-form :focus-visible{outline:2px solid #176b8c;outline-offset:3px;}
@media(max-width:640px){
 .mf-form .mf-readings,.mf-comparison{grid-template-columns:1fr;}
 .mf-form .mf-facts{grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr);gap:0 10px;font-size:12px;}
 .mf-context{padding:11px 12px;}.mf-context h3{font-size:17px;}
 .mf-form .wl-guide-steps{gap:5px;}.mf-form .wl-guide-steps li{font-size:10px;padding:8px 2px;line-height:1.4;}
 #dialog.mf-dialog .modal{padding:14px;}.mf-form>.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
 .mf-form>.actions button{font-size:12px;min-height:42px;padding:9px;white-space:normal;}
 .mf-form #fw-discard{order:3;}.mf-form #fw-keep{order:4;}.mf-form #fw-save{grid-column:2;}
 .mf-form .mf-review-card{padding:12px;}.mf-form .evidence-editor{padding:12px;}
}
/* Avoid inherited generic-dialog spacing pushing the actual readings below the fold. */
#dialog.mf-dialog #fw-form{gap:0;}
#dialog.mf-dialog .modal-head{padding:8px 0 12px;margin-top:0;margin-bottom:8px;position:static;}
#dialog.mf-dialog .modal>p{font-size:12px;margin:2px 0 10px;line-height:1.45;}
.mf-form .mf-context h3{border:0;padding:0;margin:5px 0;font-size:19px;}
.mf-form .wl-guide-heading{border:0;padding:0;margin:6px 0 12px;font-size:17px;}
.mf-form .mf-context{padding:11px 14px;margin-bottom:12px;}
.mf-form .mf-readings>label{margin:7px 0;}
.mf-form .mf-screen>.item-guidance{margin:12px 0;}
.mf-form .mf-screen>h4{margin:14px 0 4px;}
#dialog.mf-dialog #fw-error:empty{display:none;}
#dialog.mf-dialog #fw-form>.actions{gap:8px;padding-top:10px;margin-top:4px;}
#dialog.mf-dialog #fw-keep{margin-right:auto;}
@media(max-width:640px){
 #dialog.mf-dialog .modal-head h2{font-size:20px;}
 #dialog.mf-dialog .mf-context h3{font-size:17px;}
 #dialog.mf-dialog #fw-form>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
 #dialog.mf-dialog #fw-form>.actions button{min-width:0;flex:none;margin:0;font-size:12px;}
 #dialog.mf-dialog #fw-keep{grid-column:1;grid-row:2;}
 #dialog.mf-dialog #fw-discard{grid-column:2;grid-row:2;}
 #dialog.mf-dialog #fw-form>.actions [id$="-back"]{grid-column:1;grid-row:1;}
 #dialog.mf-dialog #fw-form>.actions [id$="-next"],#dialog.mf-dialog #fw-save{grid-column:2;grid-row:1;}
 #dialog.mf-dialog #fw-form[data-logistics-step="0"]>.actions [id$="-next"]{grid-column:1/-1;}
}

/* UI36 direct forms: scroll the content, keep existing draft/save actions reachable. */
#dialog.mf-dialog .mf-direct{display:flex;flex-direction:column;max-height:calc(92dvh - 126px);overflow:hidden;}
.mf-direct>.mf-screen{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-right:4px;}
.mf-direct>#fw-local-state,.mf-direct>#fw-error,.mf-direct>.actions{flex-shrink:0;}
.mf-direct>#fw-local-state{font-size:12px;margin:8px 0 3px;}
.mf-direct .mf-screen>label{display:flex;flex-direction:column;gap:7px;}
.mf-direct .mf-screen>label>textarea{min-height:104px;}
.mf-direct .mf-disclosure label{display:block;margin:10px 0;}
.mf-direct .mf-disclosure .checkline{display:flex;flex-direction:row;}
.mf-direct .mf-disclosure input[type=checkbox]{width:20px;min-height:20px;flex:none;}
.mf-direct .mf-result-hint{color:#294956;}
.mf-direct>.actions #fw-save{min-width:160px;}
@media(max-width:640px){
 #dialog.mf-dialog{width:calc(100vw - 12px);max-height:96dvh;}
 #dialog.mf-dialog .mf-direct{max-height:calc(96dvh - 126px);}
 #dialog.mf-dialog .mf-direct>.actions #fw-save{grid-column:1/-1;grid-row:1;}
 .mf-direct .operation-persons{max-height:240px;}
}