.shift-workspace{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(248,242,233,.83));box-shadow:0 14px 32px rgba(66,54,41,.07)}
.shift-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.shift-workspace-heading h2{margin:2px 0 0;font-size:22px;line-height:1.1}.shift-workspace-heading>div>span{display:block;margin-top:7px;color:var(--muted);font-size:9px;line-height:1.45}.shift-workspace-heading>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 12px;border:1px solid #d1c2aa;border-radius:11px;color:#66512f;background:#fffaf0;font-size:9px;font-weight:850;cursor:pointer}.shift-workspace-heading>button svg{width:17px;height:17px}.shift-load-state{display:flex;align-items:center;justify-content:center;gap:9px;min-height:110px;border:1px dashed #d7c9b8;border-radius:15px;color:#81766c;font-size:9px}.shift-load-state i{width:16px;height:16px;border:2px solid #d7c9b8;border-top-color:#697044;border-radius:50%;animation:operation-spin .7s linear infinite}.shift-load-state.is-error{flex-direction:column;padding:16px;border-style:solid;border-color:#e1bbb4;color:#984239;background:#fff6f4;text-align:center}.shift-load-state button{min-height:36px;padding:0 12px;border:0;border-radius:9px;color:#fff;background:#687044;font-size:9px;font-weight:800}.shift-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shift-metrics article{display:grid;min-height:76px;padding:11px;border:1px solid #e3d7c8;border-radius:13px;background:#fffdf9}.shift-metrics small{color:#8b8076;font-size:7px;font-weight:800;text-transform:uppercase}.shift-metrics strong{margin-top:5px;font-size:20px;line-height:1}.shift-metrics span{align-self:end;margin-top:5px;color:#847970;font-size:7.5px}.shift-groups{display:grid;gap:11px;margin-top:12px}.shift-group{overflow:hidden;border:1px solid #e1d4c5;border-radius:15px;background:#fffdf9}.shift-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid #e9dfd3;background:#fbf7f0}.shift-group>header div{display:flex;align-items:center;gap:8px}.shift-group>header span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#fff;background:#737a4a}.shift-group.cleaning>header span{background:#b96f50}.shift-group.general>header span{background:#667c86}.shift-group.urgent>header span{background:#a7463d}.shift-group.closing>header span{background:#4a4f3c}.shift-group>header svg{width:16px;height:16px}.shift-group>header h3{margin:0;font-size:12px}.shift-group>header small{color:#857a70;font-size:8px}.shift-group-list{display:grid}.shift-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border-bottom:1px solid #eee5da}.shift-task:last-child{border:0}.shift-task-main{min-width:0}.shift-task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.shift-task-meta span{padding:3px 6px;border-radius:8px;color:#6a5d53;background:#eee7de;font-size:6.5px;font-weight:850;text-transform:uppercase}.shift-task-meta .urgent{color:#973b34;background:#f6dbd6}.shift-task-meta .service{color:#965c24;background:#f5e4cb}.shift-task-meta .normal{color:#5a703e;background:#e5ecd8}.shift-task-meta .info{color:#666;background:#e9e7e3}.shift-task h4{margin:6px 0 0;font-size:11px;line-height:1.3}.shift-task p{margin:3px 0 0;color:#71685f;font-size:8px;line-height:1.4}.shift-task time{display:block;margin-top:5px;color:#956044;font-size:7.5px;font-weight:800}.shift-task-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;max-width:210px}.shift-task-actions button{min-height:32px;padding:0 9px;border:1px solid #d9c9b4;border-radius:9px;color:#66523a;background:#fffaf2;font-size:7.5px;font-weight:850;cursor:pointer}.shift-task-actions button.primary{border-color:#687044;color:#fff;background:#687044}.shift-task-actions button.approve{border-color:#557246;color:#fff;background:#557246}.shift-task-actions button.problem{border-color:#e0b4ac;color:#983d35;background:#fff4f2}.shift-task-status{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:8px;color:#5d6f3d;background:#e6ecd9;font-size:7px;font-weight:850}.shift-group-empty{padding:17px;color:#8a8077;font-size:8.5px;text-align:center}.shift-handover{display:grid;gap:10px;margin-top:13px;padding:15px;border-radius:16px;color:#fff;background:radial-gradient(circle at 93% 5%,rgba(227,191,106,.22),transparent 34%),linear-gradient(145deg,#46533c,#263227)}.shift-handover h3{margin:2px 0 0;font:700 18px/1.1 Georgia,serif}.shift-handover>div>span{display:block;margin-top:5px;color:rgba(255,255,255,.65);font-size:8px}.shift-handover label{display:grid;gap:5px;color:rgba(255,255,255,.78);font-size:8px;font-weight:800}.shift-handover textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;background:rgba(255,255,255,.07);font:400 13px/1.4 inherit;resize:vertical}.shift-handover textarea:focus{outline:2px solid rgba(240,210,137,.55)}.shift-handover button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:11px;color:#273423;background:linear-gradient(145deg,#f5dea4,#d7b15c);font-size:9px;font-weight:850}.shift-handover button svg{width:16px;height:16px}.shift-handover>p{min-height:14px;margin:0;color:#f2d384;font-size:8px}
.self-onboarding{margin-top:12px;padding:14px;border:1px solid #dfd0b5;border-radius:16px;background:linear-gradient(145deg,#fffaf0,#f6efe2)}.self-onboarding>header{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}.self-onboarding h3{margin:3px 0 0;color:#302c27;font:700 17px/1.15 Georgia,serif}.self-onboarding>header span{display:block;margin-top:5px;color:#7d7268;font-size:8px;line-height:1.4}.self-onboarding>header>strong{display:grid;min-width:48px;height:48px;place-items:center;border:1px solid #d4b96f;border-radius:50%;color:#34432f;background:#f4d98e;font-size:13px}.self-onboarding-progress{overflow:hidden;height:6px;margin-top:11px;border-radius:99px;background:#e5d9c8}.self-onboarding-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#697245,#d4ab54);transition:width .25s ease}.self-onboarding-programs{display:grid;gap:9px;margin-top:11px}.self-onboarding-program{overflow:hidden;border:1px solid #e4d8c8;border-radius:13px;background:rgba(255,255,255,.74)}.self-onboarding-program h4{margin:0;padding:9px 11px;border-bottom:1px solid #e9dfd2;color:#5e503f;font-size:9px}.self-onboarding-program>div{display:grid}.self-onboarding-step{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border-bottom:1px solid #eee5da}.self-onboarding-step:last-child{border:0}.self-onboarding-step>span{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;color:#9a8c77;background:#eee6da}.self-onboarding-step>span svg{width:14px;height:14px}.self-onboarding-step>div{min-width:0}.self-onboarding-step strong{display:block;color:#342f2b;font-size:9px;line-height:1.3}.self-onboarding-step small{display:block;margin-top:2px;color:#82776d;font-size:7.5px;line-height:1.35}.self-onboarding-step button{min-height:32px;padding:0 10px;border:0;border-radius:9px;color:#fff;background:#687044;font-size:7.5px;font-weight:850;cursor:pointer}.self-onboarding-step button:disabled{cursor:wait;opacity:.58}.self-onboarding-step em{color:#5f703f;font-size:7.5px;font-style:normal;font-weight:850}.self-onboarding-step.is-complete>span{color:#fff;background:#697245}.self-onboarding-step.is-complete>div{opacity:.72}.self-onboarding-feedback{min-height:13px;margin:9px 1px 0;color:#687044;font-size:8px;font-weight:700}.self-onboarding-feedback.is-error{color:#9b4037}.self-onboarding-feedback.is-success{color:#54703e}
.operation-dialog,.kiosk-dialog{width:min(92vw,560px);max-height:88vh;max-height:calc(100dvh - 24px);padding:0;overflow:hidden;border:0;border-radius:22px;background:#fffdf9;box-shadow:0 28px 90px rgba(25,28,23,.38)}.operation-dialog::backdrop,.kiosk-dialog::backdrop{background:rgba(31,34,27,.64);backdrop-filter:blur(5px)}.operation-dialog form{display:flex;flex-direction:column;max-height:88vh;max-height:calc(100dvh - 24px);overflow:hidden}.kiosk-dialog form{max-height:88vh;max-height:calc(100dvh - 24px);overflow:auto}.operation-dialog header,.kiosk-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #eadfd1}.operation-dialog header{position:sticky;top:0;z-index:2;flex:none;background:#fffdf9}.operation-dialog header p,.kiosk-dialog header p{margin:0;color:#9c5d3e;font-size:7px;font-weight:900;letter-spacing:1.1px}.operation-dialog header h2,.kiosk-dialog header h2{margin:3px 0 0;font:700 23px/1.1 Georgia,serif}.operation-dialog header span,.kiosk-dialog header span{display:block;margin-top:6px;color:#847a70;font-size:8px}.operation-dialog header button,.kiosk-dialog header button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:#f0ebe4;font-size:22px}.operation-fields{display:grid;flex:1 1 auto;min-height:0;gap:11px;padding:18px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.operation-fields label,.kiosk-dialog form>label{display:grid;gap:6px;color:#4e463f;font-size:9px;font-weight:800}.operation-fields input,.operation-fields textarea,.operation-fields select,.kiosk-dialog input,.kiosk-dialog select{width:100%;min-height:44px;padding:9px 11px;border:1px solid #d9cbbc;border-radius:11px;color:#302b27;background:#fff;font-size:14px;font-weight:400}.operation-fields textarea{min-height:86px;resize:vertical}.operation-error{margin:0 20px 12px;padding:10px;border:1px solid #dfb4ad;border-radius:10px;color:#993f37;background:#fff4f2;font-size:8px}.operation-dialog footer,.kiosk-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #e8ddd1}.operation-dialog footer{position:sticky;bottom:0;z-index:2;flex:none;background:#fffdf9}.operation-dialog footer button,.kiosk-dialog footer button{min-height:40px;padding:0 13px;border:1px solid #d8cbbb;border-radius:10px;color:#665b51;background:#fff;font-size:8px;font-weight:850}.operation-dialog footer .operation-confirm,.kiosk-dialog footer .operation-confirm{border:0;color:#fff;background:#687044}.kiosk-dialog form>label{margin:15px 20px}.kiosk-dialog{width:min(92vw,480px)}
.operation-live-card{grid-template-columns:42px minmax(0,1fr) auto!important}.operation-live-card .work-check{display:grid;width:42px;height:42px}.operation-live-card .work-check:disabled{cursor:default;opacity:1}.operation-live-card .work-check.is-checked{border-color:var(--green);color:#fff;background:var(--green)}.operation-live-card .work-check.is-saving svg{display:none}.operation-live-card .work-check.is-saving::after{content:"";width:18px;height:18px;border:2px solid #d8ccb8;border-top-color:#687044;border-radius:50%;animation:operation-spin .7s linear infinite}.operation-live-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.operation-live-actions button{min-height:38px;padding:0 11px;border:1px solid #dac9b5;border-radius:10px;color:#6a5136;background:#fff9ef;font-size:9px;font-weight:850;cursor:pointer}.operation-live-actions button.is-saving{cursor:wait;opacity:.72}.operation-live-actions .primary{border-color:#667044;color:#fff;background:#667044}.operation-live-actions .problem{border-color:#e0b6ae;color:#963d35;background:#fff4f2}.operation-status-message{padding:18px;border:1px dashed #d9cbbb;border-radius:13px;color:#83786e;font-size:10px;text-align:center}.operation-quick-feedback{display:block;margin-top:8px;color:#66723e;font-size:.78rem;font-weight:650;line-height:1.35}.operation-quick-feedback.is-error{color:#9c3e32}.toast.operation-toast-error{background:#7d302c}
.shift-task-meta .critical{color:#973b34;background:#f6dbd6}.shift-task-meta .high{color:#965c24;background:#f5e4cb}
.shift-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.shift-heading-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 12px;border:1px solid #d1c2aa;border-radius:11px;color:#66512f;background:#fffaf0;font-size:9px;font-weight:850;cursor:pointer}.shift-heading-actions button svg{width:17px;height:17px}.shift-heading-actions #leaveKioskMode{border-color:#677044;color:#fff;background:#677044}
body.worker-session-active .role-trigger,body.worker-session-active #appNotifications,body.worker-session-active .work-shortcut.gift,body.worker-session-active .today-tablet-grid,body.worker-session-active .bottom-nav [data-nav-target="restaurant"],body.worker-session-active .bottom-nav [data-nav-target="communicatie"],body.worker-session-active .bottom-nav [data-nav-target="meer"]{display:none!important}body.worker-session-locked .app-frame{visibility:hidden!important;pointer-events:none!important}
@keyframes operation-spin{to{transform:rotate(360deg)}}
@media(min-width:700px){.shift-workspace{padding:20px}.shift-workspace-heading h2{font-size:25px}.shift-workspace-heading>div>span{font-size:10px}.shift-metrics article{min-height:85px;padding:13px}.shift-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.shift-group.urgent,.shift-group.closing{grid-column:1/-1}.shift-handover{grid-template-columns:repeat(2,minmax(0,1fr));padding:19px}.shift-handover>div,.shift-handover button,.shift-handover>p{grid-column:1/-1}}
@media(max-width:699px){.shift-workspace-heading{flex-direction:column}.shift-heading-actions{width:100%}.shift-heading-actions button{flex:1}.shift-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.self-onboarding-step{grid-template-columns:27px minmax(0,1fr)}.self-onboarding-step button,.self-onboarding-step em{grid-column:2;justify-self:start}.shift-task{grid-template-columns:1fr}.shift-task-actions{justify-content:flex-start;max-width:none}.shift-task-actions button{flex:1}.operation-dialog header,.kiosk-dialog header{padding:16px}.operation-fields{padding:15px 16px}.operation-dialog footer,.kiosk-dialog footer{padding:13px 16px max(13px,env(safe-area-inset-bottom))}.operation-dialog footer button{min-height:46px;flex:1;font-size:13px}.kiosk-dialog form>label{margin:14px 16px}}
@media(max-width:1366px){.work-title-row h1{font-size:clamp(32px,7.5vw,38px)}.work-title-row p:last-child{font-size:14px}.back-button{width:46px;height:46px}.work-main-panel{padding:15px}.work-toolbar h2{font-size:20px}.work-toolbar>span{font-size:11px}.work-segmented{min-height:50px}.work-segmented button{min-height:44px;font-size:12px}.work-item,.shift-task{gap:14px;padding:16px}.work-item{min-height:130px}.work-item h2,.shift-task h4{font-size:16px}.work-item p,.shift-task p{font-size:12px}.work-item em,.shift-task time{font-size:11px}.work-item-copy>div>small{font-size:10px}.work-tag,.shift-task-meta span{font-size:9px}.operation-live-card{grid-template-columns:48px minmax(0,1fr) auto!important}.operation-live-card .work-check{width:48px;height:48px}.operation-live-card .work-check svg{width:22px;height:22px}.operation-live-actions button,.shift-task-actions button{min-height:46px;padding:0 14px;border-radius:11px;font-size:12px}.shift-task-actions{gap:9px}.shift-group>header{padding:14px}.shift-group>header h3{font-size:15px}.shift-group>header small{font-size:11px}.shift-task-status{font-size:10px}.bottom-nav svg{width:25px;height:25px}.bottom-nav span:last-child{font-size:10px}.nav-badge{min-width:18px;height:18px;font-size:8px!important}.operation-dialog header p,.kiosk-dialog header p{font-size:10px}.operation-dialog header h2,.kiosk-dialog header h2{font-size:27px}.operation-dialog header span,.kiosk-dialog header span{font-size:12px}.operation-fields{gap:14px}.operation-fields label,.kiosk-dialog form>label{font-size:12px}.operation-fields input,.operation-fields textarea,.operation-fields select,.kiosk-dialog input,.kiosk-dialog select{min-height:50px;font-size:16px}.operation-fields textarea{min-height:110px}.operation-error{font-size:12px}.operation-dialog footer button,.kiosk-dialog footer button{min-height:48px;font-size:13px}}
@media(max-width:999px){.operation-live-card{grid-template-columns:48px minmax(0,1fr)!important;align-items:start}.operation-live-actions{grid-column:2;justify-content:flex-start;width:100%}.operation-live-actions button{min-width:0;flex:1}}
@media(max-width:699px){.shift-task{padding:16px}.shift-task-actions button{flex:1}.bottom-nav{min-height:calc(78px + env(safe-area-inset-bottom))}.bottom-nav span:last-child{font-size:10px}.work-title-row{gap:13px}.work-page-header{margin-bottom:24px}}

/* MEP quick add: readable, touch-friendly and visually aligned with MORE OS. */
#mep .mep-quick-add{padding:0;overflow:hidden;border-color:#d7c8b4;border-radius:22px;background:#fffdf9;box-shadow:0 18px 42px rgba(58,50,39,.09)}
#mep .mep-quick-header{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;padding:20px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(231,190,103,.22),transparent 40%),linear-gradient(145deg,#45523a,#263427)}
#mep .mep-quick-header>span{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:16px;color:#f3d47f;background:rgba(255,255,255,.09)}
#mep .mep-quick-header svg{width:25px;height:25px}
#mep .mep-quick-header p{margin:0;color:#f1cf77;font-size:11px;font-weight:750;letter-spacing:1.6px}
#mep .mep-quick-header h2{margin:4px 0 0;font:700 24px/1.12 Georgia,serif}
#mep .mep-quick-header small{display:block;margin-top:7px;color:rgba(255,255,255,.76);font-size:14px;font-weight:400;line-height:1.45}
#mep .mep-quick-body{padding:20px}
#mep .mep-quick-subheading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#mep .mep-quick-subheading h3,#mep .mep-custom-heading h3{margin:0;color:#302b27;font-size:18px;font-weight:650;line-height:1.25}
#mep .mep-quick-subheading p,#mep .mep-custom-heading p{margin:5px 0 0;color:#776e65;font-size:13px;font-weight:400;line-height:1.45}
#mep .mep-custom-heading{display:block}
#mep .mep-quick-subheading>span{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;border-radius:99px;color:#5c6f3f;background:#e7ecd9;font-size:10px;font-weight:800;letter-spacing:.8px}
#mep .mep-template-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
#mep .mep-template-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;overflow:hidden;border:1px solid #d7cbbd;border-radius:17px;background:#fffdf9;box-shadow:0 7px 18px rgba(74,58,39,.055)}
#mep .mep-template-grid .mep-template-add{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:13px;width:100%;min-height:92px;padding:13px 14px;border:0;border-radius:0;color:#342e28;background:#fffdf9;font-family:inherit;font-size:15px;font-weight:400;line-height:1.3;text-align:left;transition:background-color .16s ease,transform .16s ease}
#mep .mep-template-grid .mep-template-add>span:nth-child(2){min-width:0}
#mep .mep-template-grid .mep-template-add strong{display:block;overflow-wrap:anywhere;color:#352f29;font-size:17px;font-weight:700;line-height:1.25}
#mep .mep-template-grid .mep-template-add small{display:block;margin-top:5px;overflow-wrap:anywhere;color:#786f66;font-size:14px;font-weight:400;line-height:1.4}
#mep .mep-template-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#765f29;background:linear-gradient(145deg,#f7e5ad,#efd17b)}
#mep .mep-template-icon svg{width:20px;height:20px}
#mep .mep-template-grid .mep-template-add b{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:#687044;font-size:23px;font-weight:450;line-height:1}
#mep .mep-template-delete{display:flex;width:72px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;border:0;border-left:1px solid #e4d8ca;color:#8b4b43;background:#fff7f5;font:700 10px/1.15 inherit;cursor:pointer;transition:color .16s ease,background-color .16s ease}
#mep .mep-template-delete svg{width:20px;height:20px}
#mep .mep-template-delete:disabled{cursor:wait;opacity:.62}
#mep .mep-template-delete.is-saving svg{animation:operation-spin .7s linear infinite}
#mep .mep-template-grid .mep-template-add:focus-visible,#mep .mep-template-delete:focus-visible,#mep .mep-custom-form input:focus-visible,#mep .mep-custom-form select:focus-visible,#mep .mep-custom-submit:focus-visible{outline:3px solid rgba(87,106,65,.3);outline-offset:-3px}
#mep .mep-template-grid .mep-template-add:disabled{cursor:wait;opacity:.58}
#mep .mep-template-grid .mep-template-add.is-saving{background:#f7f2e8}
#mep .mep-template-grid .mep-template-add.is-added{background:#f2f6e9}
#mep .mep-template-grid .mep-template-add.is-saving b,#mep .mep-template-grid .mep-template-add.is-added b{font-size:0}
#mep .mep-template-grid .mep-template-add.is-saving b::after{content:"";width:15px;height:15px;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;border-radius:50%;animation:operation-spin .7s linear infinite}
#mep .mep-template-grid .mep-template-add.is-added b::after{content:"✓";font-size:18px;font-weight:750}
#mep .mep-quick-feedback{display:block;margin:11px 0 0;padding:10px 11px;border-radius:10px;color:#526637;background:#eef3e5;font-size:13px;font-weight:500;line-height:1.4}
#mep .mep-quick-feedback.is-error{color:#903b33;background:#fff0ed}
#mep .mep-quick-feedback[hidden]{display:none}
#mep .mep-quick-divider{display:flex;align-items:center;gap:10px;margin:18px 0}
#mep .mep-quick-divider::before,#mep .mep-quick-divider::after{content:"";height:1px;flex:1;background:#e5d9ca}
#mep .mep-quick-divider span{color:#8b7e70;font-size:10px;font-weight:750;letter-spacing:1px;white-space:nowrap}
#mep .mep-custom-form{display:grid;gap:10px;padding:0}
#mep .mep-custom-form>label,#mep .mep-custom-details label{display:grid;gap:7px;color:#4b443d;font-size:14px;font-weight:550;line-height:1.3}
#mep .mep-custom-form input,#mep .mep-custom-form select{width:100%;min-width:0;height:52px;padding:0 14px;border:1px solid #d9cbbb;border-radius:13px;color:#302b27;background:#fff;font-size:16px;font-weight:400;outline:none}
#mep .mep-custom-form input::placeholder{color:#938a82;font-weight:400}
#mep .mep-custom-form input:focus,#mep .mep-custom-form select:focus{border-color:#b97855;box-shadow:0 0 0 3px rgba(185,120,85,.11)}
#mep .mep-custom-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#mep .mep-custom-submit{display:flex;min-height:52px;align-items:center;justify-content:center;gap:9px;margin-top:2px;padding:0 15px;border:0;border-radius:13px;color:#fff;background:linear-gradient(145deg,#727b49,#59643b);font-size:15px;font-weight:650;box-shadow:0 9px 20px rgba(80,91,52,.18)}
#mep .mep-custom-submit span{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;color:#394126;background:#f0d483;font-size:20px;font-weight:450;line-height:1}
#mep .mep-custom-submit strong{font:inherit}
#mep .mep-custom-submit:disabled{cursor:wait;opacity:.62}
#mep .mep-custom-form.is-saving .mep-custom-submit span{font-size:0}
#mep .mep-custom-form.is-saving .mep-custom-submit span::after{content:"";width:14px;height:14px;border:2px solid rgba(57,65,38,.35);border-top-color:#394126;border-radius:50%;animation:operation-spin .7s linear infinite}
#mep .mep-custom-form.is-saving .mep-custom-submit strong{font-size:0}
#mep .mep-custom-form.is-saving .mep-custom-submit strong::after{content:"Toevoegen…";font-size:15px}
#mep .mep-live-quantity{display:inline-flex;min-height:38px;align-items:center;padding:0 11px;border-radius:10px;color:#53623b;background:#e9eedf;font-size:13px;font-weight:650;white-space:nowrap}
#mep .sync-card{grid-template-columns:44px minmax(0,1fr);gap:13px;padding:17px}
#mep .sync-card>span{width:44px;height:44px}
#mep .sync-card small{font-size:10px}
#mep .sync-card strong{font-size:15px;line-height:1.3}
#mep .sync-card p{font-size:13px;font-weight:400;line-height:1.5}
@media(hover:hover){#mep .mep-template-grid .mep-template-add:hover{background:#f5f8ef}#mep .mep-template-delete:hover{color:#fff;background:#934e45}#mep .mep-custom-submit:hover{filter:brightness(1.04)}}
@media(max-width:699px){#mep .work-page-grid{display:flex;flex-direction:column}#mep.can-quick-add .work-side-panel{order:-1}#mep .mep-quick-header{grid-template-columns:48px minmax(0,1fr);padding:17px}#mep .mep-quick-header>span{width:48px;height:48px}#mep .mep-quick-header h2{font-size:22px}#mep .mep-quick-body{padding:17px}#mep .mep-custom-details{grid-template-columns:1fr 1fr}}
@media(max-width:380px){#mep .mep-custom-details{grid-template-columns:1fr}}

/* Taken & alerts: één servergestuurde, goed leesbare taakweergave. */
#taken .task-summary{min-height:96px;border-color:#dfd2c3;background:#fffdf9;box-shadow:0 10px 28px rgba(64,49,35,.045)}
#taken .task-summary strong{font-size:29px;font-weight:750}
#taken .task-summary span{margin-top:8px;font-size:12px;font-weight:600}
#taken .segmented{min-height:96px;padding:8px;border:1px solid #e1d7cb;background:#eee8df}
#taken .segmented button{min-height:52px;border:1px solid transparent;border-radius:13px;font-size:13px;font-weight:750;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
#taken .segmented button:hover{background:#f8f4ee}
#taken .segmented button:focus-visible{outline:3px solid rgba(100,112,67,.28);outline-offset:2px}
#taken .segmented button:active{transform:translateY(1px)}
#taken .segmented button.is-active{border-color:#d7cab9;color:#30452f;background:#fff;box-shadow:0 6px 16px rgba(59,47,34,.08)}
#taken .task-list{align-items:stretch}
#taken .operation-task-card{display:grid;grid-template-columns:52px minmax(0,1fr)!important;align-content:start;align-items:start;gap:12px 16px;min-height:174px;padding:18px;border:1px solid #e1d5c6!important;border-radius:19px;background:#fffdf9;box-shadow:0 10px 27px rgba(70,54,38,.045);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#taken .operation-task-card:hover{border-color:#cbbba6!important;box-shadow:0 14px 30px rgba(70,54,38,.075);transform:translateY(-1px)}
#taken .operation-task-card.is-done{border-color:#d7dfcf!important;background:#fbfdf8}
#taken .operation-task-card.is-done h4{text-decoration:line-through;text-decoration-color:#8b9982}
#taken .operation-task-card .work-check{display:grid;place-items:center;width:52px;height:52px;border:2px solid #9eaa8d;border-radius:15px;color:transparent;background:#fff;box-shadow:inset 0 0 0 4px #f3f5ee;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}
#taken .operation-task-card .work-check svg{width:25px;height:25px}
#taken .operation-task-card .work-check:hover:not(:disabled){border-color:#50673d;background:#eef3e7;transform:scale(1.03)}
#taken .operation-task-card .work-check:focus-visible{outline:4px solid rgba(83,109,61,.25);outline-offset:3px}
#taken .operation-task-card .work-check:active:not(:disabled){transform:scale(.97)}
#taken .operation-task-card .work-check.is-checked{border-color:#567044;color:#fff;background:#567044;box-shadow:none}
#taken .operation-task-card .work-check.is-saving{cursor:wait;border-color:#7c8969;background:#eef2e8}
#taken .operation-task-card .work-check.is-saving svg{display:none}
#taken .operation-task-card .work-check.is-saving::after{content:"";width:21px;height:21px;border:2px solid #ccd4c1;border-top-color:#53683f;border-radius:50%;animation:operation-spin .7s linear infinite}
#taken .operation-task-card .shift-task-main{align-self:start}
#taken .operation-task-card .shift-task-meta{gap:7px}
#taken .operation-task-card .shift-task-meta span{padding:5px 8px;border-radius:999px;font-size:10px;line-height:1;font-weight:750;letter-spacing:.035em}
#taken .operation-task-card h4{margin-top:9px;color:#28241f;font-size:18px;line-height:1.25}
#taken .operation-task-card p{margin-top:6px;color:#71685f;font-size:13px;line-height:1.5}
#taken .operation-task-card time{margin-top:9px;color:#8b593e;font-size:12px;line-height:1.35}
#taken .operation-task-card .shift-task-actions{grid-column:2;align-self:end;justify-content:flex-start;max-width:none;gap:9px}
#taken .operation-task-card .shift-task-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:46px;padding:0 16px;border-radius:12px;font-size:13px;line-height:1;font-weight:750;transition:filter .16s ease,box-shadow .16s ease,transform .16s ease}
#taken .operation-task-card .shift-task-actions button:hover:not(:disabled){filter:brightness(.98);box-shadow:0 7px 15px rgba(65,49,35,.08);transform:translateY(-1px)}
#taken .operation-task-card .shift-task-actions button:focus-visible{outline:3px solid rgba(100,112,67,.28);outline-offset:2px}
#taken .operation-task-card .shift-task-actions button:active:not(:disabled){transform:translateY(1px)}
#taken .operation-task-card .shift-task-actions button:disabled{cursor:not-allowed;opacity:.62}
#taken .operation-task-card .shift-task-actions .problem{border-color:#dfb8ae;color:#8d4137;background:#fff5f2}
#taken .operation-task-card .shift-task-status{margin:0;padding:8px 11px;border-radius:999px;font-size:11px}
#taken .empty-state{grid-column:1/-1;margin:18px 0;padding:28px;border:1px dashed #d9ccbd;border-radius:17px;background:#fffdf9;font-size:14px}
#taken .empty-state[hidden]{display:none}
#taken .operation-status-message.is-error{grid-column:1/-1;display:grid;gap:5px;border-style:solid;border-color:#e2bbb4;color:#93443a;background:#fff5f3}

@media(max-width:699px){
  #taken .task-summary{min-height:88px}
  #taken .task-summary strong{font-size:27px}
  #taken .task-summary span{font-size:11px}
  #taken .segmented{min-height:auto}
  #taken .segmented button{min-height:48px;font-size:12px}
  #taken .operation-task-card{grid-template-columns:50px minmax(0,1fr)!important;min-height:166px;padding:16px;gap:11px 14px}
  #taken .operation-task-card .work-check{width:50px;height:50px}
  #taken .operation-task-card h4{font-size:17px}
  #taken .operation-task-card p{font-size:13px}
  #taken .operation-task-card .shift-task-actions button{flex:0 1 auto;min-width:104px;min-height:48px}
}

/* MEP en schoonmaak: dezelfde rustige, aanraakvriendelijke bediening als Taken. */
#mep .mep-quick-header{background:#294438}
#mep .mep-quick-header>span{color:#f0b6c8;background:#395748}
#mep .mep-quick-header p{color:#f0b6c8}
#mep .mep-template-icon{color:#405a48;background:#e6ede1}
#mep .mep-custom-submit{background:#405b48;box-shadow:0 9px 20px rgba(44,69,52,.18)}
#mep .mep-custom-submit span{color:#fff;background:#a64d76}
#mep .operation-live-card{grid-template-columns:52px minmax(0,1fr)!important;align-content:start;align-items:start;gap:12px 16px;min-height:166px;padding:18px;border:1px solid #e1d5c6;border-radius:19px;background:#fffdf9;box-shadow:0 10px 27px rgba(70,54,38,.045)}
#mep .operation-live-card .work-check{display:grid;width:52px;height:52px;place-items:center;border:2px solid #9eaa8d;border-radius:15px;color:transparent;background:#fff;box-shadow:inset 0 0 0 4px #f3f5ee;cursor:pointer}
#mep .operation-live-card .work-check.is-checked{border-color:#567044;color:#fff;background:#567044;box-shadow:none}
#mep .operation-live-card .work-item-copy>div{gap:8px}
#mep .operation-live-card .work-tag{padding:5px 8px;border-radius:999px;font-size:10px}
#mep .operation-live-card .work-item-copy>div>small{font-size:11px}
#mep .operation-live-card h2{margin-top:9px;font-size:18px;line-height:1.25}
#mep .operation-live-card p{margin-top:6px;font-size:13px;line-height:1.5}
#mep .operation-live-card em{margin-top:9px;font-size:12px;line-height:1.35}
#mep .operation-live-card .operation-live-actions{grid-column:2;justify-content:flex-start}

#schoonmaak .clean-view-controls{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(330px,1fr);gap:12px;margin:0 0 15px}
#schoonmaak .clean-scope-switch,#schoonmaak .clean-status-switch{display:grid;min-height:62px;padding:6px;border:1px solid #ddd2c5;border-radius:17px;background:#eee9e2}
#schoonmaak .clean-scope-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
#schoonmaak .clean-status-switch{grid-template-columns:repeat(3,minmax(0,1fr))}
#schoonmaak .clean-view-controls button{min-height:48px;padding:0 13px;border:1px solid transparent;border-radius:12px;color:#71685f;background:transparent;font:750 13px/1 inherit;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
#schoonmaak .clean-view-controls button:hover{background:#f8f5f0}
#schoonmaak .clean-view-controls button:focus-visible{outline:3px solid rgba(70,96,75,.26);outline-offset:2px}
#schoonmaak .clean-view-controls button.is-active{border-color:#cad4c6;color:#284536;background:#fff;box-shadow:0 6px 16px rgba(58,52,44,.075)}
#schoonmaak .clean-hero{border-color:#3e5d4a;background:#294438}
#schoonmaak .clean-hero .work-progress-track i{background:#e9a6bd}
#schoonmaak .clean-day-picker{gap:10px;margin-bottom:15px}
#schoonmaak .clean-day-picker button{min-height:102px;border-color:#ddd2c5;border-radius:17px;background:#fffdf9;box-shadow:0 6px 16px rgba(62,50,37,.035)}
#schoonmaak .clean-day-picker button span{font-size:11px}
#schoonmaak .clean-day-picker button strong{font-size:22px}
#schoonmaak .clean-day-picker button small{font-size:10px}
#schoonmaak .clean-day-picker button i{bottom:7px;background:#a64d76}
#schoonmaak .clean-day-picker button.is-active{border-color:#506e58;color:#2f4d3b;background:#edf3ea;box-shadow:0 7px 18px rgba(50,77,58,.09)}
#schoonmaak .work-main-panel{padding:18px;border-radius:21px}
#schoonmaak .work-toolbar h2{font-size:22px}
#schoonmaak .work-toolbar>span{font-size:12px}
#schoonmaak .clean-task-card{grid-template-columns:52px minmax(0,1fr)!important;align-content:start;align-items:start;gap:12px 16px;min-height:178px;padding:18px;border:1px solid #e1d5c6;border-radius:19px;background:#fffdf9;box-shadow:0 10px 27px rgba(70,54,38,.045);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#schoonmaak .clean-task-card:hover{border-color:#cbbba6;box-shadow:0 14px 30px rgba(70,54,38,.07);transform:translateY(-1px)}
#schoonmaak .clean-task-card.is-done{border-color:#d7dfcf;background:#fbfdf8;opacity:1}
#schoonmaak .clean-task-card.is-done h2{text-decoration:line-through;text-decoration-color:#8b9982}
#schoonmaak .clean-task-card .work-check{display:grid;width:52px;height:52px;place-items:center;border:2px solid #9eaa8d;border-radius:15px;color:transparent;background:#fff;box-shadow:inset 0 0 0 4px #f3f5ee;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}
#schoonmaak .clean-task-card .work-check:hover:not(:disabled){border-color:#50673d;background:#eef3e7;transform:scale(1.03)}
#schoonmaak .clean-task-card .work-check:focus-visible{outline:4px solid rgba(83,109,61,.25);outline-offset:3px}
#schoonmaak .clean-task-card .work-check.is-checked{border-color:#567044;color:#fff;background:#567044;box-shadow:none}
#schoonmaak .clean-task-card .work-item-copy>div{gap:8px}
#schoonmaak .clean-task-card .work-tag{padding:5px 8px;border-radius:999px;font-size:10px}
#schoonmaak .clean-task-card .work-item-copy>div>small{font-size:11px}
#schoonmaak .clean-task-card h2{margin-top:9px;color:#28241f;font-size:18px;line-height:1.25}
#schoonmaak .clean-task-card p{margin-top:6px;color:#71685f;font-size:13px;line-height:1.5}
#schoonmaak .clean-task-card em{margin-top:9px;font-size:12px;line-height:1.35}
#schoonmaak .clean-task-card .operation-live-actions{grid-column:2;justify-content:flex-start}
#schoonmaak .clean-task-card .operation-live-actions button{min-height:46px;padding:0 16px;border-radius:12px;font-size:13px}
#schoonmaak .operation-status-message{padding:28px;border-radius:17px;font-size:14px;background:#fffdf9}
#schoonmaak .clean-add-form{gap:16px;padding:0;overflow:hidden;border:1px solid #d7c8b8;border-radius:21px;background:#fffdf9;box-shadow:0 14px 34px rgba(66,52,38,.07)}
#schoonmaak .clean-add-form>header{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:13px;padding:18px;color:#fff;background:#294438}
#schoonmaak .clean-add-form>header>span{display:grid;width:50px;height:50px;place-items:center;border-radius:15px;color:#f2b9ca;background:#3b594a}
#schoonmaak .clean-add-form>header svg{width:25px;height:25px}
#schoonmaak .clean-add-form>header .eyebrow{margin:0;color:#f2b9ca;font-size:10px}
#schoonmaak .clean-add-form>header h2{margin:3px 0 0;font-size:21px;line-height:1.18}
#schoonmaak .clean-add-form>header small{display:block;margin-top:5px;color:rgba(255,255,255,.75);font-size:13px;line-height:1.4}
#schoonmaak .clean-add-form>label,#schoonmaak .clean-add-form>fieldset,#schoonmaak .clean-add-submit,#schoonmaak .clean-add-form>.operation-quick-feedback{margin-inline:18px}
#schoonmaak .clean-add-form>label{display:grid;gap:7px;font-size:14px;font-weight:700}
#schoonmaak .clean-add-form>label input{height:52px;padding:0 14px;border-radius:13px;font-size:16px;font-weight:400}
#schoonmaak .clean-add-form fieldset{padding:0;border:0}
#schoonmaak .clean-add-form legend{margin-bottom:9px;color:#4b443d;font-size:14px;font-weight:700}
#schoonmaak .clean-day-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
#schoonmaak .clean-day-options label{position:relative;display:block;cursor:pointer}
#schoonmaak .clean-day-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#schoonmaak .clean-day-options span{display:grid;min-height:44px;place-items:center;border:1px solid #d9cdbf;border-radius:11px;color:#6e655d;background:#fff;font-size:13px;font-weight:750;transition:border-color .16s ease,color .16s ease,background-color .16s ease}
#schoonmaak .clean-day-options input:focus-visible+span{outline:3px solid rgba(70,96,75,.26);outline-offset:2px}
#schoonmaak .clean-day-options input:checked+span{border-color:#405b48;color:#fff;background:#405b48}
#schoonmaak .clean-add-submit{display:flex;min-height:52px;align-items:center;justify-content:center;gap:9px;margin-bottom:18px;border:0;border-radius:13px;color:#fff;background:#405b48;font-size:15px;font-weight:750;box-shadow:0 9px 20px rgba(44,69,52,.17)}
#schoonmaak .clean-add-submit span{font-size:22px;font-weight:400}
#schoonmaak .clean-help-note{border:1px solid #405b48!important;color:#fff!important;background:#294438!important}
#schoonmaak .clean-help-note>svg{color:#f0b6c8}
#schoonmaak .clean-help-note strong{color:#fff}
#schoonmaak .clean-help-note p{color:rgba(255,255,255,.74)}

@media(max-width:999px){
  #schoonmaak .clean-view-controls{grid-template-columns:1fr}
  #schoonmaak .clean-task-card{grid-template-columns:50px minmax(0,1fr)!important}
  #schoonmaak .clean-task-card .operation-live-actions{grid-column:2}
  #mep .operation-live-card{grid-template-columns:50px minmax(0,1fr)!important}
  #mep .operation-live-card .operation-live-actions{grid-column:2}
}
@media(max-width:699px){
  #schoonmaak .clean-view-controls{gap:9px}
  #schoonmaak .clean-view-controls button{min-height:48px;padding:0 8px;font-size:12px}
  #schoonmaak .clean-day-picker{grid-auto-columns:minmax(86px,92px)}
  #schoonmaak .clean-day-picker button{min-width:86px;min-height:100px}
  #schoonmaak .work-main-panel{padding:14px}
  #schoonmaak .clean-task-card{min-height:170px;padding:16px;gap:11px 14px}
  #schoonmaak .clean-task-card .work-check{width:50px;height:50px}
  #schoonmaak .clean-task-card h2{font-size:17px}
  #schoonmaak .clean-task-card .operation-live-actions button{min-height:48px;flex:0 1 auto}
  #schoonmaak .clean-day-options{grid-template-columns:repeat(4,minmax(0,1fr))}
  #schoonmaak .clean-add-form>header{padding:17px}
  #schoonmaak .clean-add-form>label,#schoonmaak .clean-add-form>fieldset,#schoonmaak .clean-add-submit,#schoonmaak .clean-add-form>.operation-quick-feedback{margin-inline:16px}
  #mep .operation-live-card{min-height:160px;padding:16px}
}