/* One form language for desktop, small screens and both themes. */
:root{--mf-bg:#fff;--mf-soft:#f4f7fd;--mf-line:#dbe4f1;--mf-text:#172b49;--mf-muted:#61738c;--mf-accent:#2458d9;--mf-error:#a72134;--mf-error-bg:#fff0f2}
html[data-theme="dark"]{--mf-bg:#253448;--mf-soft:#1e2b3d;--mf-line:#435671;--mf-text:#e4ebf5;--mf-muted:#b1c1d7;--mf-accent:#9bbfff;--mf-error:#ffadb7;--mf-error-bg:#442934}
.mh-guided-surface{color:var(--mf-text);background:var(--mf-bg)!important;max-width:100%;min-width:0}
.mh-guided-root[hidden],.mh-flow-section[hidden],.mh-flow-feedback[hidden],.mh-flow-actions button[hidden]{display:none!important}
.mh-guided-root [hidden],.mh-form-confirm [hidden]{display:none!important}
.mh-guided-surface h2[data-form-title]{font-size:21px;margin:0 0 6px;line-height:1.3}
.mh-area-members{margin-top:18px;border:1px solid var(--mf-line);border-radius:12px;padding:14px;background:var(--mf-soft)}.mh-area-members summary{font-size:14px;font-weight:750;cursor:pointer}.mh-area-members[open]>div{margin-top:14px!important}
.mh-guided-surface .mh-flow-steps{display:flex;gap:8px;list-style:none;padding:0;margin:20px 0 16px;counter-reset:none}
.mh-flow-steps li{flex:1;min-width:0;padding:10px 8px;border:1px solid var(--mf-line);border-radius:11px;color:var(--mf-muted);background:var(--mf-soft);font-size:12px;font-weight:750;line-height:1.4;text-align:center}
.mh-flow-steps li[aria-current]{border-color:var(--mf-accent);color:var(--mf-accent);box-shadow:inset 0 -2px var(--mf-accent)}
.mh-flow-steps li[data-done="true"]{color:var(--mf-text)}
.mh-flow-heading{margin:0 0 16px;font-size:18px;letter-spacing:-.02em;color:var(--mf-text)}
.mh-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.mh-flow-grid>*{min-width:0;grid-column:auto!important;margin:0!important}
.mh-flow-grid>.mh-flow-wide,.mh-flow-grid>.checkgrid,.mh-flow-grid>.mh-flow-note{grid-column:1/-1!important}
.mh-guided-surface label{display:block;margin-bottom:7px;color:var(--mf-muted);font-size:13px;font-weight:700}
.mh-guided-surface :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){width:100%;min-height:44px;border:1px solid var(--mf-line);border-radius:11px;background:var(--mf-soft);color:var(--mf-text);padding:10px 12px;font:inherit;box-sizing:border-box}
.mh-guided-surface [aria-invalid="true"]{border-color:var(--mf-error)!important;outline:2px solid var(--mf-error-bg)}
.mh-guided-surface :is(input,select,button,a):focus-visible,.mh-form-confirm button:focus-visible{outline:3px solid #79a4ff;outline-offset:3px}
.mh-flow-review{margin:18px 0;border:1px solid var(--mf-line);border-radius:13px;overflow:hidden;background:var(--mf-soft)}
.mh-flow-review>div{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr);gap:14px;padding:13px 16px;border-bottom:1px solid var(--mf-line)}
.mh-flow-review>div:last-child{border-bottom:0}.mh-flow-review dt{font-size:12px;font-weight:750;color:var(--mf-muted)}.mh-flow-review dd{margin:0;font-size:14px;font-weight:650;white-space:pre-line;overflow-wrap:anywhere;color:var(--mf-text)}
.mh-flow-note{padding:12px 14px;border-radius:11px;background:var(--mf-soft);color:var(--mf-muted);font-size:13px;line-height:1.6}
.mh-flow-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--mf-line);background:var(--mf-bg)}
.mh-flow-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.mh-flow-actions .btn{min-height:44px;padding:10px 18px;border-radius:11px;font-weight:750}
.mh-flow-feedback{padding:12px 14px;color:var(--mf-error)!important;background:var(--mf-error-bg)!important;border:1px solid var(--mf-error);border-radius:11px;font-size:14px;line-height:1.5}
.mh-form-confirm{width:min(480px,calc(100vw - 28px));box-sizing:border-box;max-height:calc(100dvh - 28px);overflow:auto;border:1px solid var(--mf-line);border-radius:20px;padding:24px;background:var(--mf-bg);color:var(--mf-text);box-shadow:0 25px 80px #020c2540}
.mh-form-confirm::backdrop{background:#07112699;backdrop-filter:blur(3px)}.mh-form-confirm h2{margin:0 0 14px;font-size:21px}.mh-form-confirm p{line-height:1.65;white-space:pre-line;color:var(--mf-muted)}
.mh-form-notice{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;z-index:2147483647;border:1px solid var(--mf-line);border-left:4px solid #29a77b;border-radius:13px;background:var(--mf-bg);color:var(--mf-text);padding:15px 20px;box-shadow:0 12px 40px #0003;line-height:1.5;font-size:14px}
.mh-form-notice[data-kind="error"]{border-left-color:var(--mf-error)}
.mh-guided-surface .checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mh-guided-surface .checkgrid label{display:flex;align-items:center;gap:10px;background:var(--mf-soft);border:1px solid var(--mf-line);border-radius:10px;padding:12px;min-height:44px;box-sizing:border-box;color:var(--mf-text);margin:0}
.mh-form-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mh-form-tools button{min-height:44px}
.mh-guided-surface [role="status"]{color:var(--mf-muted);line-height:1.5;overflow-wrap:anywhere}
.mh-guided-surface [data-error="true"],.mh-guided-surface [data-kind="error"]{color:var(--mf-error)!important;background:var(--mf-error-bg);padding:12px;border-radius:10px}
.mh-flow-heading:focus,.mh-flow-review-step h3:focus{outline:none}
.mh-export-review .modal{border-radius:20px!important;padding:24px!important}.mh-export-review ul{list-style:none;padding:0!important;display:grid;gap:8px}.mh-export-review li{background:var(--mf-soft);border:1px solid var(--mf-line);border-radius:10px;padding:12px;color:var(--mf-text)}
.mh-form-confirm header{display:flex;justify-content:space-between;align-items:start;gap:12px}.mh-form-confirm [data-close]{border:1px solid var(--mf-line);background:var(--mf-soft);color:var(--mf-text);border-radius:10px;min-height:40px;min-width:40px;font-size:22px}.mh-form-confirm label{display:block;margin:16px 0;color:var(--mf-muted)}.mh-form-confirm input{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--mf-line);border-radius:10px;background:var(--mf-soft);color:var(--mf-text);padding:10px;margin-top:7px}
.mh-history :is(.mh-history-head,.mh-history-body,.mh-history-footer),.favorite-history-dialog{background:var(--mf-bg)!important;color:var(--mf-text)!important}.mh-history :is(.mh-history-message,.mh-history-hint,.mh-history-subtitle,.mh-history-restore-note),.favorite-history-dialog .muted{color:var(--mf-muted)!important}
.mh-history .mh-history-message[data-kind="error"],#favoriteHistoryMessage[data-kind="error"]{color:var(--mf-error)!important}
.print-mode-box{background:var(--mf-bg)!important;color:var(--mf-text)!important;border:1px solid var(--mf-line)!important;border-radius:20px!important}.print-mode-box :is(.print-mode-option,.print-week-choice){background:var(--mf-soft)!important;color:var(--mf-text)!important;border-color:var(--mf-line)!important;min-height:48px}.print-mode-sub{color:var(--mf-muted)!important}
.mh-guided-root:not(.mh-guided-page)>.mh-guided-surface{width:min(640px,100%)!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;padding:24px!important;border-radius:20px!important;box-sizing:border-box;overscroll-behavior:contain}
#editorOverlay>.mh-guided-surface{width:min(1100px,100%)!important}
#editorOverlay .mh-flow-grid{display:block}#editorOverlay #edTableWrap{max-height:51dvh}#editorOverlay table{min-width:0!important}#editorOverlay :is(th,td){padding:10px 8px}#editorOverlay .inp{min-width:76px}
#editorOverlay .mh-flow-review-step .mh-flow-review{max-height:50dvh;overflow:auto}
#editorOverlay>.mh-guided-surface>div:first-child,#addShiftOverlay>.mh-guided-surface>div:first-child{padding:0!important;border-bottom:0!important}
.mh-catalogue-swatch{display:inline-block;width:27px;height:27px;border-radius:9px;border:1px solid var(--mf-line)}
.mh-flow-shift-preview{display:inline-block;border-radius:9px;padding:9px 12px;color:#102039;font-weight:800;font-size:14px}
#editorOverlay td:last-child{white-space:nowrap}#editorOverlay td:last-child button+button{margin-left:6px}
.mh-guided-page{max-width:720px;margin-inline:auto}.mh-guided-page>.mh-flow-body{min-height:240px}
@media(max-width:640px){
 .mh-guided-root:not(.mh-guided-page){padding:10px!important}.mh-guided-root:not(.mh-guided-page)>.mh-guided-surface{max-height:calc(100dvh - 20px)!important;padding:18px!important;border-radius:17px!important}
 .mh-flow-grid{grid-template-columns:1fr;gap:15px}.mh-flow-steps li{font-size:11px;padding:9px 4px}.mh-flow-steps{gap:5px!important}
 .mh-guided-surface .checkgrid{grid-template-columns:1fr}.mh-flow-review>div{grid-template-columns:1fr;gap:5px;padding:12px 14px}
 .mh-flow-footer{position:sticky;bottom:-18px;padding-bottom:12px;z-index:2}.mh-flow-actions{flex-wrap:nowrap}.mh-flow-actions .btn{flex:1;padding-inline:12px}
 #editorOverlay table,#editorOverlay tbody,#editorOverlay tr,#editorOverlay td{display:block;width:auto!important}#editorOverlay thead{display:none}#editorOverlay tbody{display:grid;gap:12px;padding:3px}#editorOverlay tr{border:1px solid var(--mf-line);background:var(--mf-soft);padding:10px;border-radius:12px;box-shadow:none}
 #editorOverlay td{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;padding:6px!important}#editorOverlay td::before{content:attr(data-label);font-size:12px;font-weight:750;color:var(--mf-muted);flex:0 0 75px}#editorOverlay td:has([data-k="label"]){display:block}#editorOverlay .inp{min-width:0;max-width:190px}#editorOverlay .colorpop{position:relative;max-width:210px}
 .mh-guided-page>.mh-flow-body{min-height:0}#profilePageGrid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.mh-guided-root *{scroll-behavior:auto!important;transition:none!important}}