/* Customer progressive interface: UI-only layer over legacy app. */
.mb-simple-customer{position:relative;z-index:12;border:1px solid #b9d2c6;border-radius:11px;background:#f3f9f6;padding:11px;margin:8px 3px 10px;color:#173f33;box-sizing:border-box}
.mb-simple-customer .mb-simple-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:14px}
.mb-simple-toggle{display:flex;gap:4px;flex-wrap:wrap}
.mb-simple-toggle button{padding:6px 8px;min-height:36px;font-size:12px;border-radius:8px;margin:0}
.mb-simple-toggle button.active{background:#215349;color:#fff;border-color:#215349}
.mb-simple-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.mb-simple-steps button{white-space:normal;min-height:52px;padding:6px 4px;font-weight:600;line-height:1.2;font-size:11px;border:1px solid #b8cfc3;border-radius:8px;background:white;color:#2a5145;margin:0}
.mb-simple-steps button.active{color:#fff;background:#24564d;border-color:#24564d}
.mb-simple-progress{font-size:12px;color:#51695d;margin:8px 2px}
.mb-simple-substeps{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.mb-simple-substeps[hidden]{display:none!important}
.mb-simple-substeps button{flex:1 1 40%;padding:7px 4px;min-height:39px;font-size:12px;white-space:normal;line-height:1.2;margin:0}
.mb-simple-substeps button.active{color:#fff;background:#24564d;border-color:#24564d}
.mb-simple-stage-body{background:#fff;border:1px solid #dae6df;border-radius:8px;padding:9px 10px;line-height:1.45;font-size:13px}
.mb-simple-intro{margin:0 0 8px!important;font-weight:550;color:#244e41}.mb-simple-note{margin:7px 0 0!important;color:#5b6c64;font-size:11px}
.mb-simple-actions,.mb-simple-photo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.mb-simple-photo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.mb-simple-actions button,.mb-simple-photo-actions button{margin:0;min-width:0;min-height:43px;padding:7px 4px;font-size:12px;white-space:normal}
.mb-simple-quote{font-weight:700;color:#16473b;font-size:16px}
.mb-simple-footer{display:flex;gap:7px;justify-content:space-between;margin-top:8px;align-items:stretch}
.mb-simple-footer button{min-height:43px;margin:0;padding:7px 10px;font-weight:650}
.mb-simple-footer #mbSimpleNext{flex:1}
.mb-simple-warning{margin:6px 0 0;background:#fff8eb;border:1px solid #eccba1;border-radius:7px;color:#744515;font-size:12px;padding:8px}
.mb-simple-warning.mb-simple-error{border-color:#dba6a1;background:#fff2f0;color:#a12520}
/* Customer sees one obvious next action; all original forms remain mounted. */
body.mb-simple-client .settings-nav,body.mb-simple-client .mb-customer-guide,body.mb-simple-client .mb-guided-footer{display:none!important}
body.mb-simple-client .settings>#mbMirrorQuick,body.mb-simple-client .settings>#mbBedFacadeToggleWrap{display:none!important}
body.mb-simple-client .mb-presentation-dock #mbModelTools,body.mb-simple-client .mb-presentation-dock #mbInformationTools{display:none!important}
body.mb-simple-client .mb-presentation-dock #mbPhotoCalibration{display:none!important}
body.mb-simple-client.mb-simple-stage-1 .settings>#categoryPane,
body.mb-simple-client.mb-simple-stage-1 .settings>#generalDimensions,
body.mb-simple-client.mb-simple-stage-1 .settings>#sectionWorkspace,
body.mb-simple-client.mb-simple-stage-1 .settings>#finishesPane,
body.mb-simple-client.mb-simple-stage-1 .settings>#orderPane,
body.mb-simple-client.mb-simple-stage-3 .settings>#categoryPane,
body.mb-simple-client.mb-simple-stage-3 .settings>#generalDimensions,
body.mb-simple-client.mb-simple-stage-3 .settings>#sectionWorkspace,
body.mb-simple-client.mb-simple-stage-3 .settings>#finishesPane,
body.mb-simple-client.mb-simple-stage-3 .settings>#orderPane{display:none!important}
body.mb-simple-client.mb-simple-stage-1 .settings>#mbDoorChoice,
body.mb-simple-client.mb-simple-stage-1 .settings>#mbBaseQuick,
body.mb-simple-client.mb-simple-stage-3 .settings>#mbDoorChoice,
body.mb-simple-client.mb-simple-stage-3 .settings>#mbBaseQuick{display:none!important}
body.mb-simple-client.mb-simple-stage-2 .settings>#mbDoorChoice{display:none!important}
body.mb-simple-client.mb-simple-stage-2.mb-simple-sub-3 .settings>#mbDoorChoice{display:block!important}
body.mb-simple-client.mb-simple-stage-2 .settings>#mbBaseQuick{display:none!important}
body.mb-simple-client.mb-simple-stage-2.mb-simple-sub-1 .settings>#mbBaseQuick{display:block!important}
body.mb-simple-client.mb-simple-stage-3 .mb-essential-toolbar>.view-buttons{display:none!important}
body.mb-simple-client.mb-simple-stage-3 .mb-essential-toolbar #mbPhotoProjectBar .mb-photo-view-actions button:not(#mbPhotoBefore):not(#mbPhotoInRoom):not(#mbPhotoModel):not(#mbPhotoBase):not(#mbPhotoDefine){display:none!important}
body.mb-simple-client.mb-simple-stage-1 .mb-essential-toolbar{display:none!important}
body.mb-simple-client.mb-simple-stage-4 .mb-simple-customer{margin-bottom:10px}
/* Original technical mode: no mandatory visual restrictions. The switch remains usable. */
body.mb-advanced-client .mb-simple-customer{background:transparent;border:0;padding:3px;margin:3px 0;position:relative}
body.mb-advanced-client .mb-simple-customer>*:not(.mb-simple-heading){display:none!important}
body.mb-advanced-client .mb-simple-customer #mbSimpleTitle{display:none}
body.mb-advanced-client .mb-simple-customer .mb-simple-heading{justify-content:flex-end;margin:0}
@media(max-width:1199px){body.mb-simple-client.mb-simple-stage-3 main>.layout{grid-template-rows:minmax(0,2.2fr) minmax(0,1fr)}body.mb-simple-client .mb-simple-steps button{font-size:10px;min-height:44px}}
@media(max-width:599px){body.mb-simple-client.mb-simple-stage-1 .mb-simple-note{display:none} .mb-simple-customer{padding:8px 7px;margin:4px 0}.mb-simple-steps{gap:3px}.mb-simple-steps button{font-size:9px;min-height:50px;padding:5px 2px}.mb-simple-actions button{font-size:11px}.mb-simple-heading>strong{font-size:13px}.mb-simple-toggle button{min-height:32px;font-size:10px}}
@media(prefers-reduced-motion:reduce){body.mb-simple-client *{scroll-behavior:auto!important}}

/* Front closure available on the finishing/placement steps; no override of hidden for unsupported categories. */
#mbFrontClosure button{margin:4px 0;white-space:normal;width:100%}#mbFrontClosure .grid input,#mbFrontClosure select{width:100%;min-width:0}#mbFrontClosure [hidden]{display:none!important}
body.mb-simple-client #mbFrontClosure{display:none!important}body.mb-simple-client.mb-simple-stage-2.mb-simple-sub-3 #mbFrontClosure:not([hidden]),body.mb-simple-client.mb-simple-stage-3 #mbFrontClosure:not([hidden]){display:block!important}

/* Two explicit entry routes, shared project. */
.mb-entry-choices{display:grid;gap:8px;margin:8px 0}
.mb-simple-customer .mb-entry-choice{display:flex;align-items:center;text-align:left;gap:10px;white-space:normal;min-height:76px;width:100%;margin:0;padding:10px;border:1px solid #b8cfc3;border-radius:10px;background:#fff;color:#244e41}
.mb-simple-customer .mb-entry-choice:hover,.mb-simple-customer .mb-entry-choice[aria-pressed=true]{border-color:#24564d;background:#edf7f1}
.mb-entry-icon{font-size:24px;flex:0 0 32px;text-align:center;color:#24564d}.mb-entry-copy{display:grid;gap:4px;min-width:0}.mb-entry-copy strong{font-size:14px;line-height:1.25}.mb-entry-copy small{font-size:12px;font-weight:400;line-height:1.35;color:#53695e}
.mb-simple-routebar{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;margin:7px 0;flex-wrap:wrap}.mb-simple-routebar[hidden],.mb-simple-footer button[hidden]{display:none!important}.mb-simple-routebar button{font-size:12px;min-height:36px;margin:0;padding:5px 8px}
body.mb-simple-client.mb-simple-no-photo #mbPhotoProjectBar,body.mb-simple-client.mb-simple-no-photo .mb-photo-entry{display:none!important}
@media(max-width:599px){.mb-entry-copy strong{font-size:13px}.mb-entry-copy small{font-size:11px}.mb-entry-choice{padding:8px!important}}

@media(max-width:899px){body.mb-responsive-workspace.mb-simple-choose-entry main>.layout,body.mb-responsive-workspace.mb-simple-choose-entry main.mb-settings-open>.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.6fr) minmax(0,1fr)}body.mb-responsive-workspace.mb-simple-choose-entry .layout>.settings{grid-row:1;grid-column:1;border-top:0;border-bottom:2px solid #244e47;border-radius:0 0 10px 10px}body.mb-responsive-workspace.mb-simple-choose-entry .layout>.viewer{grid-row:2;grid-column:1}}
