:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#342930;background:#f6f0f2;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:0;border-radius:11px;background:#a34564;color:#fff;padding:11px 16px;font-weight:650}button:disabled{opacity:.5;cursor:wait}button.quiet,.secondary{background:#f6e9ee;color:#913b5b}button.line{background:#fff;border:1px solid #dfc4cf;color:#913b5b}.shell{max-width:980px;margin:28px auto;background:#fffaf9;border:1px solid #e8dce0;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px #4a263211}header{background:#fff;padding:25px 30px;border-bottom:1px solid #eee5e8}.brand{font-size:12px;color:#913b5b;letter-spacing:2px;font-weight:800}.brand span{font-size:10px;letter-spacing:1px;margin-left:15px;color:#89727c}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}h1{font:normal 30px Georgia,serif;margin:13px 0 7px}header p{color:#86767e;margin:0;font-size:13px}main{padding:24px 30px;min-height:390px}h2{font:normal 24px Georgia,serif;margin:0 0 12px}h3{font-size:16px;margin:0 0 10px}p{line-height:1.55;color:#786a72}.card{background:#fff;border:1px solid #e9e0e3;border-radius:17px;padding:20px;margin-bottom:15px}.hero{background:linear-gradient(125deg,#823452,#bd6b87);color:#fff;border:0}.hero p{color:#fff;opacity:.95}.hero button{background:white;color:#913b5b}.hero .secondary{background:#ffffff25;color:#fff}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.row+.row{margin-top:12px;padding-top:12px;border-top:1px solid #eee5e8}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.pill{display:inline-block;padding:6px 10px;border-radius:50px;font-size:12px;background:#f8e9ee;color:#913b5b}.pill.ok{background:#e5f4eb;color:#21795b}.pill.wait{background:#fff1db;color:#9c692b}.muted,small{color:#86767e;font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid .card{margin:0}.value{font-size:30px;font-weight:700;color:#913b5b}.field{display:block;font-size:13px;font-weight:650;margin:14px 0}.field input,.field select,.field textarea{display:block;width:100%;margin-top:6px;border:1px solid #e5dce0;background:#fff;border-radius:10px;min-height:44px;padding:11px;color:#342930;font-weight:400}.field textarea{min-height:94px;resize:vertical}nav{position:sticky;bottom:0;display:flex;background:#fff;border-top:1px solid #eee5e8;padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:6px}nav button{flex:1;background:transparent;color:#85747d;font-size:13px}nav button.on{background:#f6e9ee;color:#a34666}footer{text-align:center;font-size:11px;color:#8c7d85;padding:13px}#notice:not(:empty){margin:18px 30px 0;border:1px solid #f0d9ae;background:#fff7e8;color:#785524;padding:13px;border-radius:12px;line-height:1.5}#notice.success{background:#eaf6ee;border-color:#bee3cb;color:#226d51}dialog{width:min(520px,calc(100% - 28px));border:1px solid #e8dce0;border-radius:19px;padding:24px;color:#342930;max-height:90vh}dialog::backdrop{background:#34293070}details{border-top:1px solid #eee5e8;margin-top:16px;padding-top:12px}summary{cursor:pointer;color:#913b5b;min-height:30px}.history{padding-left:18px;color:#786a72;font-size:13px;line-height:1.6}.file{display:block;margin:7px 0;text-align:left;background:#fbf6f7;color:#913b5b;overflow-wrap:anywhere}a{color:#913b5b}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c3829b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){.shell{margin:0;border:0;border-radius:0;min-height:100dvh;box-shadow:none}header{padding:21px 18px}main{padding:18px;min-height:calc(100dvh - 245px)}h1{font-size:27px}#notice:not(:empty){margin:16px 18px 0}.grid{grid-template-columns:1fr}.card{padding:17px}nav{padding-left:5px;padding-right:5px}nav button{padding:10px 5px;font-size:12px}}







.overview-list{margin-top:15px}







.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:15px}.calendar-weekday{text-align:center;font-size:12px;color:#86767e;padding:4px}.calendar-day{padding:8px 3px;min-height:54px;background:#fbf6f7;color:#786a72;font-size:15px}.calendar-day small{display:block;font-size:9px;margin-top:2px;color:inherit}.calendar-day.mine{background:#f6e9ee;color:#913b5b;font-weight:800}.calendar-day.selected,.calendar-mine .selected{background:#913b5b;color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3px #913b5b}.calendar-mine{display:flex;gap:7px;flex-wrap:wrap}.calendar-mine button{font-size:12px;padding:8px 10px}.calendar-roster b{text-align:right}.hero button+button{margin-left:8px}







@media(max-width:650px){html,body{height:100%;overflow:hidden}.shell{height:100dvh;min-height:0;display:flex;flex-direction:column}.page-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}header{padding:12px 18px}h1{font-size:23px;margin:8px 0 5px}.heading{gap:10px}.heading>div{min-width:0}.heading button{flex-shrink:0}main{min-height:0;overflow:visible}nav,footer{flex-shrink:0}nav{position:relative;bottom:auto}footer{padding:6px}}















.retry-link{display:inline-block;min-height:44px;box-sizing:border-box;padding:11px 16px;border-radius:11px;background:#f6e9ee;color:#913b5b;font-weight:650;text-decoration:none}.loading-recovery{animation:loading-recovery 0s 20s both}@keyframes loading-recovery{from{visibility:hidden}to{visibility:visible}}







#attachment-dialog{width:min(900px,calc(100% - 20px));max-height:92vh;max-height:92dvh;padding:16px}.attachment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.attachment-heading h2{font-size:20px;margin:0;overflow-wrap:anywhere;min-width:0}.attachment-heading button{flex-shrink:0}#attachment-status{overflow-wrap:anywhere}#attachment-status:empty{display:none}#attachment-preview img{display:block;max-width:100%;height:auto;margin:14px auto;object-fit:contain}















.field input[type="checkbox"]{width:auto;min-height:auto;margin-right:8px;accent-color:#913b5b}.field span{display:flex;align-items:center;gap:6px}details.card>summary{cursor:pointer;font-weight:650;min-height:30px}















.employee-view{background:#fff4f7;border:1px solid #e8c8d3;border-radius:16px;padding:16px;margin:12px 0}.employee-view h2{font-size:17px;margin:0 0 12px}.view-selects{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.view-selects label{display:grid;gap:5px;flex:1;min-width:140px}.view-selects select{width:100%;min-height:44px;border:1px solid #d5bdc6;border-radius:10px;background:white;padding:8px;color:#35252d;font:inherit}.view-status{font-size:14px;margin:12px 0 0;color:#753c50}















.employee-view{flex-shrink:0;padding:0;margin:8px 0}







.employee-view details{border:0;margin:0;padding:0}







.employee-view summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;min-height:44px;padding:10px 14px;font-weight:650}







.employee-view summary::-webkit-details-marker{display:none}







.employee-view summary small{display:block;font-size:12px;font-weight:400;margin-top:4px;overflow-wrap:anywhere}







.employee-view .view-expand,.employee-view .view-collapse{flex-shrink:0;font-size:13px}







.employee-view .view-collapse{display:none}







.employee-view details[open] .view-expand{display:none}







.employee-view details[open] .view-collapse{display:block}







.employee-view .view-selects{padding:8px 14px 0}







.employee-view .view-status{padding:0 14px 14px}







.reschedule-note{padding:14px;border-radius:12px;background:#f6e9ee;margin-top:12px}.reschedule-note button{margin:4px 6px 0 0}.reschedule-note p{margin:8px 0}















.deletion-report-item{border-top:1px solid #eee5e8;padding:14px 0}.deletion-report-item p{margin:6px 0;overflow-wrap:anywhere}.deletion-reports h4{margin:18px 0 8px}















.registration-error{color:#a0213f;font-size:13px;min-height:1.2em}.registration-request{border-top:1px solid #eee5e8;padding:14px 0}.registration-request h3{margin-top:10px}.registration strong{overflow-wrap:anywhere}.registration .actions button{flex:1}.registration-review{background:#fbf6f7;border-radius:12px;padding:12px}.registration-review p{margin:7px 0}















.hero .owner-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.hero .owner-hero-actions>button{margin:0;background:#fff;color:#913b5b}















.today-order{overflow-wrap:anywhere}.today-order h3{margin:0;min-width:0}.today-order h4{font-size:13px;margin:16px 0 7px}.today-order .pill{max-width:100%}.order-time{color:#342930}.order-items{list-style:none;padding:0;margin:0}.order-items li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid #eee5e8}.order-items li span{min-width:0}.order-items li b{flex-shrink:0}.order-comment p{white-space:pre-wrap;margin:5px 0}.order-debt{background:#fff1db;padding:10px;border-radius:10px;color:#785524}.order-phone a{display:inline-block;min-height:44px;padding:10px 0;font-weight:650}nav button{min-width:0}@media(max-width:650px){nav{flex-wrap:wrap}nav button{flex:1 1 calc(25% - 6px);padding:8px 4px;min-height:44px}.today-order .row{gap:8px}.today-order .row h3{flex:1 1 100%}}















.orders-days{display:flex;gap:8px;margin:0 0 15px}.orders-days button{flex:1;min-height:44px}.orders-days button.selected{background:#a34564;color:#fff}















.order-delivery p{white-space:pre-wrap;margin:5px 0}.order-alert{background:#fff1db;border-left:4px solid #bf7b29;padding:12px;border-radius:10px;color:#785524}.order-early{border-color:#d9ab62}.order-cash{padding:12px;background:#edf6ee;border-radius:10px;color:#296846}.courier-ack{border-color:#d9b0bf}.courier-ack button{width:100%}.courier-ack-notice{color:#785524;white-space:pre-wrap}







.courier-digest-orders{display:grid;gap:10px;margin:14px 0}.courier-digest-orders .today-order{background:#fff;border:1px solid #eadce1}.courier-history-actions{display:flex;flex-wrap:wrap;gap:8px}.courier-history-actions button{flex:1 1 120px;min-height:44px}.courier-history-list{padding-left:22px}.courier-history-list li{margin:10px 0;overflow-wrap:anywhere}















.courier-morning-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.5;margin-top:16px}















[data-sch-people] label{display:block;padding:6px 0}fieldset{min-width:0;margin:12px 0;border:1px solid #ddd;border-radius:10px}.schedule-offer{padding:8px 0;border-bottom:1px solid #eee}







.schedule-edit-calendar{gap:6px;margin-top:10px;margin-bottom:4px}.schedule-edit-day{position:relative;cursor:pointer;min-width:0}.schedule-edit-day input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.schedule-edit-day span{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:#fbf6f7;color:#786a72;font-size:15px;font-weight:650;pointer-events:none}.schedule-edit-day input:checked+span{background:#913b5b;color:#fff}.schedule-edit-day input:focus-visible+span{outline:2px solid #913b5b;outline-offset:2px}.schedule-edit-day:has(input:disabled){cursor:default}.schedule-edit-day input:disabled+span{opacity:.4}







.schedule-edit-day span{flex-direction:column}.schedule-edit-day small{font-size:7px;line-height:1.2;color:inherit;font-weight:400}







.schedule-editor-dialog h2{padding-right:30px}.schedule-dialog-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;color:#86767e;font-size:28px;font-weight:400}.schedule-dialog-close:hover{background:#f6e9ee}







.courier-order.card { padding:0; overflow:hidden; }







.courier-order-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; list-style:none; padding:14px 18px; }







.courier-order-head::-webkit-details-marker { display:none; }







.courier-order-head h3 { margin:0; font-size:16px; }







.courier-order-head .order-time { font-size:13px; color:#342930; }







.courier-order-fold { justify-self:end; align-self:center; font-size:12px; color:#85747d; }







.order-fold-open,.courier-order[open] .order-fold-closed { display:none; }







.courier-order[open] .order-fold-open { display:inline; }







.courier-order-body { padding:0 18px 16px; border-top:1px solid #eee5e8; }







.courier-order-body h4 { font-size:13px; margin:14px 0 5px; }







.courier-order-body p { font-size:14px; margin:5px 0 10px; }







.courier-order .order-status { border-radius:20px; padding:5px 9px; font-size:12px; font-weight:650; max-width:320px; text-align:center; justify-self:end; align-self:start; line-height:1.35; overflow-wrap:anywhere; }







.order-status-assembling { background:#eee4fa; color:#7143a2; }







.order-status-delivery { background:#dff1fc; color:#226f98; }







.order-status-complete { background:#e3f3e8; color:#257744; }







.order-status-cancelled { background:#fde5e7; color:#b43240; }







.order-status-other { background:#f0ecee; color:#72636b; }







.order-contact { padding-top:8px; margin-top:12px; border-top:1px solid #eee5e8; }







@media(max-width:360px) { .courier-order-head { padding:12px; gap:7px; }.courier-order-body { padding:0 12px 12px; }.courier-order .order-status { max-width:125px; } }















.cw-bell{position:relative;min-width:44px;margin-left:auto;margin-right:8px;font-size:20px}.cw-bell span{position:absolute;top:0;right:0;background:#a04367;color:#fff;border-radius:20px;font-size:11px;padding:2px 5px}.cw-event{padding:12px 0;border-bottom:1px solid #eadbe2}.cw-event.unread{border-left:3px solid #a04367;padding-left:10px}.cw-event h3{margin:0 0 5px}.cw-event p,.cw-note{white-space:pre-wrap;overflow-wrap:anywhere}.cw-dialog-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.cw-dialog-head h2{margin:0}#cw-dialog{max-width:620px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-sizing:border-box;border:1px solid #eadbe2;border-radius:18px;padding:20px}#cw-dialog label{display:block;margin-top:14px}#cw-dialog select,#cw-dialog textarea{width:100%;box-sizing:border-box}.cw-note{background:#fff4df;border-radius:8px;padding:10px;font-size:13px}.cw-note-button{font-size:12px;padding:8px 10px;margin:8px 0}.cw-home-events small{white-space:pre-wrap}.heading{gap:8px}















.smm-calendar-wrap{max-width:560px;margin:0 auto 20px;padding:16px}.smm-calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.smm-calendar-nav h3{margin:0;text-align:center;text-transform:capitalize}.smm-calendar-nav button{min-width:44px;font-size:24px;padding:4px 10px}.smm-calendar-wrap .calendar-day{min-height:50px;min-width:0}.smm-calendar-wrap .smm-today:not(.selected){box-shadow:inset 0 0 0 1px #913b5b}.smm-selected-day{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}















.courier-notices.hero.card{padding:18px 20px;min-height:150px;box-sizing:border-box}.cw-banner-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cw-banner-head h2{margin:0;font-size:22px}.cw-banner-head small{color:#fff;opacity:.85;white-space:nowrap}.cw-home-events h3{color:#fff;font-size:16px;margin:14px 0 6px}.courier-notices .cw-home-events p{color:#fff;font-size:14px;margin:0;line-height:1.5}.cw-banner-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cw-banner-actions button{font-size:13px;padding:10px 12px;min-height:44px}.cw-banner-actions button[data-cw-ack]{background:#fff;color:#913b5b}.cw-event summary{cursor:pointer}.cw-event summary h3{display:inline;font-size:15px}.cw-event summary small{display:block;font-size:12px;margin-top:4px}.cw-event p{font-size:14px}.cw-event button{font-size:13px;padding:9px 12px}















.sales-meter{height:12px;background:#f4dfe8;border-radius:8px;overflow:hidden;margin:12px 0}.sales-meter span{display:block;height:100%;background:#bd3867;border-radius:8px}.shift-timer{font-size:26px;font-variant-numeric:tabular-nums}.personal-progress b{white-space:normal}















progress.sales-meter{display:block;width:100%;border:0;appearance:none}progress.sales-meter::-webkit-progress-bar{background:#f4dfe8;border-radius:8px}progress.sales-meter::-webkit-progress-value{background:#bd3867;border-radius:8px}progress.sales-meter::-moz-progress-bar{background:#bd3867;border-radius:8px}















.smm-roster{padding:14px 18px}.smm-roster h3{margin:0 0 10px}.smm-roster-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;font-size:13px}.smm-roster-row span{color:#86767e}.smm-roster-row b{text-align:right;font-weight:500;overflow-wrap:anywhere}.smm-task-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smm-task-counts>div{background:#fbf6f7;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px}.smm-task-counts span{font-size:13px;color:#786a72}.smm-task-counts strong{font-size:28px;color:#913b5b}.smm-people{border:1px solid #eadbe2;border-radius:12px;padding:12px;min-width:0}.smm-people-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:10px}.smm-people-tools button{font-size:12px;padding:5px 8px;min-height:32px}.smm-people-tools span{font-size:12px;margin-left:auto}.smm-people>input{width:100%;box-sizing:border-box;margin-bottom:10px}.smm-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:224px;overflow:auto;padding:2px}.smm-person{display:flex!important;align-items:center;gap:8px;background:#fbf6f7;border-radius:8px;padding:9px 7px;min-height:20px;font-size:13px;cursor:pointer}.smm-person[hidden]{display:none!important}.smm-person input{width:16px;height:16px;flex:none;margin:0}.smm-person span{overflow-wrap:anywhere}.smm-person:has(input:checked){background:#f6e9ee;color:#913b5b}.dialog-with-close h2{padding-right:46px}.universal-dialog-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;padding:0!important;border-radius:10px;background:transparent!important;color:#86767e!important;font-size:28px!important;font-weight:400}.universal-dialog-close:hover{background:#f6e9ee!important}















.smm-people>input{border:1px solid #dbc8d0;border-radius:8px;padding:10px;font:inherit;min-height:40px;background:#fff;color:inherit}















.order-payment-badges{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.order-payment-badge{display:inline-block;padding:5px 9px;border-radius:9px;font-size:12px;background:#edf6ee;color:#296846;line-height:1.35;overflow-wrap:anywhere}.order-payment-due{background:#fff1db;color:#785524}.courier-order-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:14px}.courier-status-actions{display:flex;gap:8px;flex-wrap:wrap}.courier-order-actions .cw-note-action{margin-left:auto;max-width:100%}.courier-order-actions .cw-note-button{margin:0;min-height:44px}.courier-order-actions .courier-status-actions button{padding:10px 12px;font-size:13px}.cw-note-anchor:empty{display:none}















/* Compact courier schedule requests and daily roster. */







.courier-schedule .schedule-requests{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 20px}







.courier-schedule .schedule-requests h3{margin:0 0 8px;font-size:16px}







.courier-schedule .schedule-requests p{margin:6px 0 10px}







.courier-schedule .schedule-preferences{border-left:1px solid #eadde3;padding-left:18px;min-width:0}







.courier-schedule .schedule-swap-pane{min-width:0}







.courier-schedule .schedule-requests button{padding:9px 12px;min-height:40px}







.courier-schedule .schedule-day-roster{padding:14px 18px}







.courier-schedule .schedule-day-roster h3{margin:0 0 8px;font-size:16px}







.courier-schedule .calendar-roster{padding:5px 0;margin:0;gap:8px;font-size:13px;align-items:baseline}







.courier-schedule .schedule-day-roster>p{font-size:12px;margin:8px 0 0}







@media(max-width:560px){.courier-schedule .schedule-requests{grid-template-columns:1fr;gap:12px;padding:14px 16px}.courier-schedule .schedule-preferences{border-left:0;border-top:1px solid #eadde3;padding:12px 0 0}.courier-schedule .calendar-roster b{text-align:right}}







.courier-schedule .calendar-roster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);line-height:1.35}.courier-schedule .calendar-roster>*{min-width:0;overflow-wrap:anywhere}







.courier-schedule .calendar-roster{font-size:12px;line-height:1.3;padding:4px 0}















/* Compact shared cash handover cards. */







.cash-intro{padding:16px 18px}.cash-intro h3{margin:0 0 8px}.cash-help{margin:8px 0 12px}.cash-help summary{cursor:pointer;font-size:13px;color:#a04368}







.cash-record{padding:0;overflow:hidden}.cash-record-summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;list-style:none}.cash-record-summary::-webkit-details-marker{display:none}







.cash-record-title{flex:1;min-width:0}.cash-record-title b{font-size:16px}.cash-record-title small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:#7f7180;overflow-wrap:anywhere}.cash-record-title .cash-record-warning{color:#a34f15}







.cash-record-summary .pill{flex:0 1 auto;max-width:38%;text-align:center;white-space:normal;font-size:11px;line-height:1.35}







.cash-record-toggle{flex:none;font-size:12px;color:#a04368}.cash-record-toggle:after{content:'▾'}.cash-record[open]>.cash-record-summary .cash-record-toggle:after{content:'▴'}







.cash-record-body{padding:0 18px 16px;border-top:1px solid #eadde3}.cash-record-body>p{margin:12px 0}.cash-record-body .actions{gap:8px;flex-wrap:wrap}.cash-record-body button{min-height:40px;padding:9px 12px}







.cash-record-summary:focus-visible{outline:2px solid #a04368;outline-offset:-3px}







@media(max-width:400px){.cash-record-summary{padding:12px;gap:7px}.cash-record-body{padding:0 12px 14px}}















/* Layout only: keep existing palette, typography and action styling. */







.task-heading{margin-bottom:18px}.task-heading .actions{margin-top:0}.task-section{margin-bottom:22px}.task-management{margin-top:24px}.task-archive-items{margin-top:14px}.task-archive-items>.card:last-child{margin-bottom:0}







.navigation-more{position:relative;flex:1;border:0;margin:0;padding:0;min-width:0}.navigation-more>summary{display:flex;align-items:center;justify-content:center;list-style:none;min-height:44px;padding:10px 5px;font-size:13px;color:#85747d;border-radius:11px}.navigation-more>summary::-webkit-details-marker{display:none}.navigation-more>summary.on{background:#f6e9ee;color:#a34666}.navigation-more-items{position:absolute;bottom:calc(100% + 8px);right:0;min-width:180px;max-width:calc(100vw - 20px);padding:8px;background:#fff;border:1px solid #e9e0e3;border-radius:11px;box-shadow:0 8px 24px #4a263211;z-index:20}.navigation-more-items button{display:block;width:100%;text-align:left;flex:none!important;white-space:normal}







@media(max-width:650px){.navigation-more{flex:1 1 calc(25% - 6px)}.navigation-more>summary{font-size:12px;padding:8px 4px}}















/* Approved usability adjustments: positioning only, existing styling preserved. */







#notice:not(:empty){position:sticky;top:8px;z-index:25}







.purchase-batch-dialog[open]{display:flex;flex-direction:column;height:min(90dvh,900px);overflow:hidden}







.purchase-batch-dialog #dialog-content{display:flex;flex-direction:column;min-height:0;flex:1}







.purchase-batch-dialog [data-form="purchase-batch"]{display:flex;flex-direction:column;min-height:0;flex:1}







.purchase-batch-dialog [data-form="purchase-batch"]>p,.purchase-batch-dialog [data-form="purchase-batch"]>.actions{flex-shrink:0}







.purchase-batch-dialog #pb-rows{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px}







.purchase-batch-dialog #form-error:empty{display:none}







.purchase-batch-dialog [data-form="purchase-batch"]>.actions:last-of-type{margin-top:9px}















/* Owner daily courier report */







.morning-schedule{font-size:12px;margin-top:6px}.morning-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:20px 0 14px;font-size:13px}.morning-meta span{color:#85747d}.morning-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.morning-metric{background:#faf3f6;border:1px solid #efdee6;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}.morning-metric span,.morning-metric small{font-size:12px;color:#85747d}.morning-metric strong{font-size:28px;color:#a34666;line-height:1.1}.courier-morning h4{font-size:14px;margin:22px 0 12px}.morning-couriers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.morning-courier{padding:16px;border:1px solid #e9e0e3;border-radius:12px;min-width:0}.morning-courier-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.morning-courier-head strong{font-size:14px;overflow-wrap:anywhere}.morning-courier-head .pill{white-space:nowrap;font-size:11px;flex:none}.morning-courier-money{font-size:24px;font-weight:700;margin:14px 0 3px}.morning-orders{font-size:12px;margin-top:12px}.morning-orders summary,.morning-explanation summary{cursor:pointer;color:#a34666}.morning-orders p{overflow-wrap:anywhere}.morning-zero{font-size:12px}.morning-attention{padding:0 16px 10px;border:1px solid #edccad;background:#fffaf4;border-radius:12px;margin-top:18px;font-size:13px;overflow-wrap:anywhere}.morning-attention h4{margin-top:14px}.morning-reconciliation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.morning-reconciliation section{min-width:0}.morning-reconciliation p{font-size:13px}.morning-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:10px 0;border-bottom:1px solid #eee5e9;font-size:13px;overflow-wrap:anywhere}.morning-cash{padding:10px 0;border-bottom:1px solid #eee5e9;overflow-wrap:anywhere}.morning-explanation{border-top:1px solid #e9e0e3;padding-top:16px;margin-top:20px;font-size:12px}.morning-explanation pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.6}.morning-wait{padding:16px;background:#faf3f6;border-radius:12px}







@media(max-width:500px){.morning-metrics{gap:6px}.morning-metric{padding:10px 8px}.morning-metric strong{font-size:24px}.morning-metric span,.morning-metric small{font-size:11px}.morning-reconciliation{grid-template-columns:1fr;gap:0}.morning-couriers{grid-template-columns:1fr}.morning-courier{padding:14px}.morning-meta{flex-direction:column}}















/* Physical cash book, scoped to cash controls. */







.cash-book-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:16px}







.cash-book-tabs button{min-width:0;padding:12px 4px;font-size:13px}







.cash-book-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}







.cash-book-actions button{min-width:0;overflow-wrap:anywhere}







.cash-record summary{cursor:pointer;overflow-wrap:anywhere}







.cash-record p{overflow-wrap:anywhere}







.cash-book-close{position:absolute;right:12px;top:10px;font-size:25px;min-width:40px}







#dialog:has([data-form="cash-book"]){position:relative;max-height:calc(100dvh - 32px);overflow-y:auto}







#dialog:has([data-form="cash-book"]) h2{padding-right:32px}







[data-form="cash-book"]>.actions{position:sticky;bottom:0;background:white;padding:12px 0 4px;margin-bottom:0;z-index:2}







@media(max-width:360px){.cash-book-actions{grid-template-columns:1fr}.cash-book-tabs button{font-size:12px}}











/* Personal notification acknowledgement, shared by all existing roles. */



.cw-inbox-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px;padding-bottom:12px;border-bottom:1px solid #eee5e8}



.cw-inbox-tools button{font-size:12px;padding:8px 10px}



.cw-read-summary,.cw-read-confirmed,.cw-task-complete{color:#21795b;font-size:13px;font-weight:650}



.cw-read-summary{display:inline-block;margin-top:6px}



.cw-event .actions{align-items:center}.cw-event .actions button{margin:0}



.cw-order-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:5px 0}



.cw-order-status{display:inline-block;border-radius:50px;padding:6px 10px;font-size:12px;font-weight:650;line-height:1.4;white-space:normal}



.cw-status-pickup{background:#e7f2ff;color:#2865a6}.cw-status-complete{background:#e5f4eb;color:#21795b}.cw-status-delivery{background:#fff1db;color:#9c692b}.cw-status-assembling{background:#eee5ff;color:#69449c}.cw-status-other{background:#f1eef0;color:#786a72}



.cw-order-asof{display:block;margin-bottom:8px}



[data-cw-inbox-error]:empty{display:none}







/* Compact courier salary overview; financial values unchanged. */



.salary-overview{padding:18px 20px}.salary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.salary-heading h2{margin:0 0 4px;font-size:24px}.salary-period{font-size:13px;color:#7f7180}.salary-heading button{min-height:42px;padding:10px 14px;white-space:nowrap;margin:0}



.salary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.salary-stat{display:flex;flex-direction:column;justify-content:space-between;gap:8px;background:#faf5f7;border-radius:8px;padding:12px;min-width:0}.salary-stat span{font-size:12px;line-height:1.4;color:#7f7180}.salary-stat strong{font-size:20px;line-height:1.2;overflow-wrap:anywhere}.salary-received{background:#edf5ef}.salary-stats>p{grid-column:1/-1;margin:3px 0;font-size:13px}



.salary-meta{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;margin-top:12px;font-size:12px;color:#7f7180}.salary-test{color:#a04368}.salary-help{margin-top:10px;font-size:12px}.salary-help summary{cursor:pointer;color:#a04368}.salary-help p{margin:8px 0 0;line-height:1.5}



@media(max-width:560px){.salary-overview{padding:14px}.salary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-received{grid-column:1/-1}.salary-heading h2{font-size:22px}.salary-heading button{font-size:13px;padding:9px 10px}}



.salary-stat{padding:10px;gap:5px}.salary-stat strong{font-size:18px}@media(min-width:800px){.salary-stats{grid-template-columns:repeat(5,minmax(0,1fr))}}







/* Compact shared homepage summary: same data and actions across roles. */



.home-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;align-items:stretch}.home-summary-grid>.card{margin:0;min-width:0;padding:20px}.home-summary-grid>.shop-progress{grid-column:1/-1}.home-summary-grid>.workday-plan:nth-child(2){grid-column:1/-1}.shop-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.shop-progress-heading h3{margin:0}.shop-progress-heading>span{color:#85747d;font-size:13px}.shop-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shop-metric{min-width:0}.shop-metric>span{display:block;color:#85747d;font-size:12px;margin-bottom:7px}.shop-metric>strong{font-size:clamp(18px,2.5vw,24px);line-height:1.25;display:block;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.4px}.shop-metric small{font-size:.7em;font-weight:500}.shop-achieved>strong{color:#a34666;font-size:clamp(22px,3vw,30px)}.shop-progress-caption{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:12px;color:#85747d}.shop-progress-caption b{color:#a34666}.shop-progress .sales-meter{height:8px;margin:8px 0 0;width:100%}.shop-period{font-size:11px;line-height:1.5;margin:10px 0 0!important}.home-summary-grid h3{font-size:15px}.owner-receipts .summary-amount{font-size:28px;font-weight:700;color:#a34666;line-height:1.2;margin:18px 0 12px}.summary-amount>span{font-size:18px;font-weight:500}.home-summary-grid .owner-receipts>.muted{font-size:12px;line-height:1.5;margin-bottom:0}.workday-plan .next-shift-info{display:flex;flex-direction:column;gap:12px}.next-shift-info>div{display:flex;flex-direction:column;gap:6px}.next-shift-info .muted{font-size:12px}.next-shift-info strong{font-size:19px;font-weight:650;line-height:1.3}.next-shift-info p{font-size:13px;line-height:1.5;margin:0}.home-summary-grid>.workday-plan:nth-child(2) .next-shift-info{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.home-summary-grid .personal-progress p{font-size:13px;line-height:1.5;margin:10px 0}.home-summary-grid .personal-progress p:last-child{font-size:11px;margin-bottom:0}



@media(max-width:650px){.home-summary-grid{grid-template-columns:1fr;gap:12px}.home-summary-grid>.card{padding:17px;grid-column:1}.shop-progress-heading{flex-wrap:wrap;gap:5px;margin-bottom:16px}.shop-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.shop-achieved{grid-column:1/-1}.shop-metric>strong{font-size:18px}.shop-achieved>strong{font-size:28px}.shop-progress-caption{margin-top:16px}.home-summary-grid>.workday-plan:nth-child(2) .next-shift-info{flex-direction:column;align-items:stretch;gap:12px}.owner-receipts .summary-amount{font-size:26px;margin:12px 0 10px}}







/* Courier history: compact note action and individually folded monthly days. */



.courier-history .cw-note-button{width:auto;min-height:32px;padding:5px 9px;font-size:12px;border-radius:7px;margin:6px 0 0;background:#f5e8ee;color:#9b365d}



.courier-history-list{list-style:none;padding:0;margin:10px 0}.courier-history-list>li{padding:10px 0;margin:0;border-bottom:1px solid #eadde3;line-height:1.5;font-size:14px}.courier-history-list>li:last-child{border-bottom:0}



.history-fold{border:1px solid #eadde3;border-radius:9px;margin-top:8px;overflow:hidden}.history-fold>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px 14px;cursor:pointer;list-style:none;font-size:14px}.history-fold>summary::-webkit-details-marker{display:none}.history-fold>summary>span:not(.history-fold-action){grid-column:1;font-size:12px;color:#7f7180}.history-fold-action{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;color:#a04368}.history-open{display:none}.history-fold[open] .history-open{display:inline}.history-fold[open] .history-closed{display:none}.history-day-body{padding:0 14px 10px;border-top:1px solid #eadde3}.history-fold>summary:focus-visible{outline:2px solid #a04368;outline-offset:-3px}.history-period-total{margin:12px 0 0;font-size:14px}







/* Cash variant 2: primary actions and visible next steps. */



.cash-book-tabs-v2{grid-template-columns:repeat(3,minmax(0,1fr))}



.cash-book-tabs-v2 button{padding:12px 5px;white-space:normal;line-height:1.35}



.cash-book-testing{background:#fff2dc;color:#795a27;border:1px solid #ecd3a3;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:13px;line-height:1.5}



.cash-book-totals{display:flex;gap:28px;color:#86767e;font-size:13px}



.cash-book-totals p{margin:0}.cash-book-totals b{color:#342930}



.cash-book-primary{margin-bottom:22px;display:grid;gap:9px}.cash-book-primary>button{width:100%}.cash-book-primary .cash-book-actions button{width:100%}



.cash-book-primary button{min-height:48px}.cash-book-attention{margin:22px 0 12px}



.cash-book-next>button{width:100%;margin:8px 0}.cash-book-next h3{overflow-wrap:anywhere;margin-top:12px}.cash-book-next>details{margin-top:12px}.cash-book-next>details>summary{font-size:13px;color:#86767e}



.cash-book-state{display:inline-block;background:#fff2dc;color:#795a27;border-radius:7px;padding:6px 8px;font-size:12px}



.cash-book-source-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.cash-book-source-choices button{width:100%;min-height:46px;padding:10px 7px}.cash-book-source-choices button[aria-pressed="true"]{outline:2px solid #973b59;outline-offset:1px}



.cash-book-question{font-weight:700;margin-bottom:10px}.cash-book-income-preview{background:#f8f1f5;padding:12px;border-radius:10px;font-size:13px;line-height:1.5}



#dialog:has([data-form="cash-book-source"]){position:relative;max-height:calc(100dvh - 32px);overflow-y:auto}#dialog:has([data-form="cash-book-source"]) h2{padding-right:32px}



@media(max-width:360px){.cash-book-primary .cash-book-actions{grid-template-columns:1fr 1fr}.cash-book-primary .cash-book-actions button{padding:12px 6px;font-size:13px}.cash-book-tabs-v2 button{font-size:12px}}







/* Staff connection overview: distinct navigation targets, shared role permissions. */



.staff-connect{padding:20px}.staff-connect-heading{margin-bottom:16px}.staff-connect-heading h3{margin:0 0 6px}.staff-connect-heading p{margin:0;font-size:13px;line-height:1.5}.staff-connect-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-connect .staff-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;min-height:88px;padding:16px 18px;text-align:left;border:1px solid #e8d3de;border-radius:12px;background:#fbf5f8;color:#8f3559;white-space:normal}.staff-entry-copy{display:grid;gap:6px;min-width:0}.staff-entry-copy strong{font-size:15px;line-height:1.4}.staff-entry-copy>span{font-size:13px;font-weight:400;line-height:1.5;color:#76656f}.staff-entry-arrow{font-size:23px;line-height:1;flex-shrink:0}.staff-connect .staff-entry:hover{background:#f5e7ee;border-color:#bc7b99}.staff-connect .staff-entry:focus-visible{outline:3px solid #a04367;outline-offset:3px}.staff-connect .staff-entry:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.staff-connect{padding:18px}.staff-connect-links{grid-template-columns:1fr;gap:10px}.staff-connect .staff-entry{min-height:82px;padding:14px 16px}}







/* Keep CRM status aligned inside the order header on narrow screens. */



@media(max-width:650px){.courier-order .order-status{max-width:min(150px,40vw)}}







/* Focused registration queue and grouped staff directory. */



.registration-queue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px}.staff-count{font-size:13px;font-weight:600;padding:6px 10px;background:#f6eaf0;border-radius:20px;color:#8f3559;white-space:nowrap}.registration-empty{padding:24px 16px;background:#faf6f8;border:1px dashed #e8d3de;border-radius:12px;text-align:center}.registration-empty p{margin:8px 0 0}.registration-queue .registration-request{border:1px solid #e8d3de;border-radius:14px;margin:12px 0;padding:18px}.request-profile{margin:12px 0;background:#faf6f8;padding:12px;border-radius:10px}.request-profile summary{cursor:pointer;color:#8f3559;font-weight:600}.registration-queue .actions{display:flex;gap:10px;flex-wrap:wrap}.registration-queue .actions button{margin:0;min-width:120px}



.staff-directory-heading h2{margin:0 0 8px;padding-right:32px}.staff-directory-heading p{margin:0 0 18px}.staff-department-filter{margin-bottom:14px}.staff-birthday-help{font-size:12px;line-height:1.5;margin:0 0 18px}.staff-department{border:1px solid #e8d3de;border-radius:12px;margin-bottom:12px;background:#fff}.staff-department>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:15px 16px;list-style:none}.staff-department>summary:before,.staff-person>summary:before{content:'›';font-size:22px;color:#a04367;flex-shrink:0}.staff-department[open]>summary:before,.staff-person[open]>summary:before{transform:rotate(90deg)}.staff-department>summary .staff-count{margin-left:auto}.staff-department-people{padding:0 12px 12px}.staff-person{border-top:1px solid #efe3e9}.staff-person>summary{display:flex;align-items:center;gap:10px;padding:14px 4px;cursor:pointer;list-style:none}.staff-person-heading{display:grid;gap:5px;min-width:0;flex:1}.staff-person-heading strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.staff-person-heading>span{font-size:12px;color:#76656f}.staff-access{font-size:11px;line-height:1.4;padding:5px 8px;border-radius:20px;white-space:nowrap}.staff-access.is-active{color:#25624c;background:#eaf4ee}.staff-access.is-closed{color:#76656f;background:#f0ecee}.staff-person-body{padding:0 4px 16px}.staff-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}.staff-facts>div{min-width:0}.staff-facts dt{font-size:12px;color:#76656f;margin-bottom:5px}.staff-facts dd{margin:0;font-size:14px;overflow-wrap:anywhere}.staff-birthday{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end;padding:14px;background:#faf6f8;border-radius:10px}.staff-birthday .field{margin:0}.staff-birthday button{margin:0}.staff-birthday p{grid-column:1/-1;font-size:13px;margin:0;overflow-wrap:anywhere}.staff-access-actions{margin-top:14px}.staff-access-actions button{margin:0}.staff-directory-footer{margin-top:18px}.staff-directory-footer button{margin:0;width:100%}.staff-person>summary:focus-visible,.staff-department>summary:focus-visible{outline:2px solid #a04367;outline-offset:2px}.staff-directory [hidden]{display:none!important}@media(max-width:600px){.registration-queue-toolbar{align-items:flex-start;flex-wrap:wrap}.staff-person>summary{flex-wrap:wrap}.staff-access{margin-left:28px}.staff-birthday{grid-template-columns:1fr}.staff-birthday p{grid-column:1}.staff-birthday button{width:100%}.staff-facts{grid-template-columns:1fr}.staff-department>summary{padding:13px 12px}.staff-department-people{padding:0 10px 10px}}







.staff-directory-heading{position:relative}.staff-directory-heading .staff-directory-close{top:0;right:0}







/* Employee directory: compact layout, 09.10.2026 */



#dialog:has(.staff-directory){width:min(560px,calc(100% - 24px));max-height:88vh;max-height:88dvh;padding:22px;box-sizing:border-box;overflow-y:auto;border-radius:20px}



.staff-directory-heading h2{font-family:inherit;font-size:22px;font-weight:650;line-height:1.3;padding-right:44px;margin:0 0 6px;color:#30282d}



.staff-directory-heading p{font-size:13px;line-height:1.5;margin:0 0 20px}



.staff-directory-heading .staff-directory-close{position:absolute;top:-8px;right:-8px;width:44px;height:44px;min-height:44px;padding:0;background:transparent;color:#76656f;font-size:26px;line-height:1;border-radius:12px}



.staff-directory-heading .staff-directory-close:hover{background:#f7edf1}



.staff-directory .staff-department{border:1px solid #eadde3;border-radius:12px;margin:0 0 8px;overflow:hidden}



.staff-directory .staff-department>summary{padding:12px 14px;min-height:28px;gap:10px;color:#44343e;font-size:15px}



.staff-directory .staff-department>summary::-webkit-details-marker,.staff-directory .staff-person>summary::-webkit-details-marker{display:none}



.staff-directory .staff-department>summary:before{font-size:20px;line-height:1;transition:transform .15s}



.staff-directory .staff-department>summary strong{font-weight:600}



.staff-directory .staff-department[open]>summary{background:#faf5f7;border-bottom:1px solid #eadde3}



.staff-directory .staff-count{display:grid;place-items:center;min-width:26px;height:26px;box-sizing:border-box;padding:0 7px;font-size:12px;background:#f4e8ee;color:#913b5b;border-radius:8px}



.staff-directory .staff-department-people{padding:0 12px}



.staff-directory .staff-person:first-child{border-top:0}



.staff-directory .staff-person>summary{padding:13px 2px;gap:8px}



.staff-directory .staff-person-heading strong{font-size:14px;font-weight:600;line-height:1.4}



.staff-directory .staff-person-heading>span{font-size:12px;line-height:1.4}



.staff-directory .staff-person-body{padding:2px 2px 16px}



.staff-directory .staff-facts{gap:12px 16px;margin-bottom:14px}



.staff-directory .staff-birthday{padding:12px}



.staff-directory .staff-birthday input{min-width:0;box-sizing:border-box;width:100%;max-width:100%}



.staff-directory .staff-birthday p:empty{display:none}



.staff-directory .staff-access-actions button{font-size:13px;padding:9px 12px;min-height:40px}



.staff-birthday-note{margin:16px 0 0;font-size:12px;color:#76656f}



.staff-birthday-note>summary{min-height:36px;display:flex;align-items:center;cursor:pointer;line-height:1.5}



.staff-birthday-note>summary:before{content:'ⓘ';margin-right:7px;color:#a04367}



.staff-birthday-note>p{margin:4px 0 0;line-height:1.6;font-size:12px}



.staff-directory-footer{margin-top:14px}



.staff-directory-footer button{min-height:44px;padding:10px 14px;font-size:14px}



@media(max-width:600px){#dialog:has(.staff-directory){padding:18px}.staff-directory-heading h2{font-size:21px}.staff-directory .staff-person>summary{flex-wrap:wrap}.staff-directory .staff-access{margin-left:22px}.staff-directory .staff-facts{grid-template-columns:1fr 1fr}.staff-directory .staff-facts dd{font-size:13px}.staff-directory .staff-birthday{grid-template-columns:1fr}}



@media(prefers-reduced-motion:reduce){.staff-directory .staff-department>summary:before{transition:none}}







.feedback-images { display:grid; gap:12px; }



.feedback-images img { width:100%; height:auto; border-radius:12px; border:1px solid #eadce3; }







/* Shared monthly attendance summary, 09.10.2026 */



.workday-summary{padding:22px;overflow:hidden}



.workday-summary-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:20px}



.workday-summary-heading h3{font-family:inherit;font-size:18px;line-height:1.4;margin:0;font-weight:650}



.workday-summary-heading>span{font-size:12px;color:#76656f;line-height:1.5}



.workday-time{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}



.workday-time>span,.workday-summary-grid>div>span,.workday-earnings>span{font-size:13px;color:#76656f}



.workday-time>strong{font-size:36px;font-weight:650;line-height:1.2;color:#913b5b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}



.workday-time>small,.workday-summary-grid>div>small,.workday-earnings>small{font-size:12px;line-height:1.5;color:#76656f}



.workday-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}



.workday-summary-grid>div{display:flex;flex-direction:column;gap:7px;background:#faf6f8;border:1px solid #f0e4ea;border-radius:12px;padding:14px;min-width:0}



.workday-summary-grid>div>strong{font-size:23px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}



.workday-summary-grid strong small{font-size:13px;font-weight:400}



.workday-earnings{display:flex;flex-direction:column;gap:6px;background:#f7edf2;border-radius:12px;padding:16px;margin-top:12px}



.workday-earnings>strong{font-size:28px;line-height:1.3;color:#913b5b;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}



.workday-earnings>p{font-size:12px;line-height:1.5;color:#76656f;margin:3px 0 0}



.workday-summary .workday-summary-note{font-size:12px;line-height:1.6;margin:16px 0 0;color:#76656f}



.workday-summary-help{margin-top:6px;font-size:12px;color:#76656f}



.workday-summary-help>summary{cursor:pointer;min-height:36px;display:flex;align-items:center;color:#913b5b}



.workday-summary-help>summary:before{content:'›';margin-right:7px;font-size:18px}.workday-summary-help[open]>summary:before{transform:rotate(90deg)}



.workday-summary-help>p{font-size:12px;line-height:1.6;margin:0}



@media(max-width:600px){.workday-summary{padding:18px}.workday-time>strong{font-size:32px}.workday-summary-grid>div{padding:12px}.workday-summary-grid>div>strong{font-size:21px}.workday-earnings>strong{font-size:26px}}







/* Production-only threshold motivation, 09.10.2026 */



.workday-threshold{padding:16px;border:1px solid #e9d4df;border-radius:12px;margin-top:10px;background:linear-gradient(135deg,#fffbfd,#faf3f7)}



.workday-threshold-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#913b5b}



.workday-threshold-heading b{font-size:17px;white-space:nowrap}



.workday-threshold-basis{font-size:12px;color:#76656f;margin:5px 0 12px;line-height:1.5}



.workday-threshold-progress{height:6px;background:#eadce3;border-radius:10px;overflow:hidden}.workday-threshold-progress>span{display:block;height:100%;background:#a04367;border-radius:10px}



.workday-threshold-turnover{font-size:12px;margin:8px 0 14px;line-height:1.6;color:#76656f;overflow-wrap:anywhere}.workday-threshold-turnover small{display:block;font-size:11px}



.workday-threshold-label{font-size:12px;color:#76656f;display:block;line-height:1.5}



.workday-threshold-extra{display:block;font-size:28px;line-height:1.4;color:#913b5b;margin:4px 0;font-variant-numeric:tabular-nums}



.workday-threshold-detail,.workday-threshold-unavailable{font-size:12px;line-height:1.6;color:#76656f;margin:5px 0 12px}



.workday-threshold-total{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #eadce3;font-size:12px;color:#76656f}.workday-threshold-total b{font-size:15px;color:#44343e;white-space:nowrap}



.workday-threshold.is-reached{background:#f2f8f4;border-color:#d7e7dd}.workday-threshold.is-reached .workday-threshold-heading,.workday-threshold.is-reached .workday-threshold-extra{color:#25624c}.workday-threshold.is-reached .workday-threshold-progress>span{background:#498d69}



@media(max-width:600px){.workday-threshold-total{flex-wrap:wrap}}







/* Past attendance entry/review, 09.10.2026 */



.past-shifts-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.past-shifts-heading h3{font-family:inherit;font-size:18px;margin:0 0 6px}.past-shifts-heading p{font-size:12px;line-height:1.6;color:#76656f;margin:0}



.past-shifts-count{display:grid;place-items:center;background:#f6e9ef;color:#913b5b;border-radius:10px;min-width:32px;height:32px;font-size:15px;font-weight:600;flex-shrink:0}.past-shifts-help{font-size:13px;line-height:1.6;color:#76656f;margin:14px 0}



.past-shifts-list{border-top:1px solid #eadce3;padding-top:8px;margin-top:10px}.past-shifts-list>summary{display:flex;align-items:center;min-height:42px;cursor:pointer;font-size:14px;color:#913b5b}.past-shifts-list>summary:before{content:'›';margin-right:8px;font-size:20px}.past-shifts-list[open]>summary:before{transform:rotate(90deg)}



.past-shift-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0e4ea;padding:13px 0}.past-shift-row>div{min-width:0}.past-shift-row b{font-size:14px}.past-shift-row small{display:block;font-size:12px;color:#76656f;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.past-shift-row button{font-size:12px;padding:9px 10px;min-height:40px;margin:0;flex-shrink:0}.past-shift-wait{font-size:12px;color:#913b5b}



.past-shifts-tabs{display:flex;gap:8px;margin:16px 0 0}.past-shifts-tabs button{font-size:12px;min-height:38px;padding:9px 12px;margin:0}



.past-review-row{padding:14px 0;border-top:1px solid #f0e4ea}.past-review-name b{font-size:14px;overflow-wrap:anywhere}.past-review-name span{display:block;font-size:12px;color:#76656f;line-height:1.5;margin-top:4px}.past-review-row p{font-size:13px;line-height:1.6;margin:8px 0}.past-review-comment{white-space:pre-wrap;overflow-wrap:anywhere;color:#76656f}.past-review-row small{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:#76656f}.past-review-row .actions button{font-size:12px;padding:9px 12px;min-height:40px;margin:0}



.past-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.past-time-fields input{width:100%;min-width:0;box-sizing:border-box}.past-check{display:flex;gap:8px;align-items:center;margin:14px 0;font-size:14px}.past-check input{width:18px;height:18px;margin:0}.past-form-error{color:#a22d48;font-size:13px}.past-form-error:empty{display:none}



@media(max-width:380px){.past-shift-row{flex-wrap:wrap}.past-shift-row button{margin-left:auto}}







/* Shared cash layout: padded headers for ledger records without the courier summary wrapper. */



.cash-record>summary:not(.cash-record-summary){display:grid;grid-template-columns:14px minmax(0,1fr);gap:6px 8px;align-items:start;list-style:none;padding:16px 18px;line-height:1.45}



.cash-record>summary:not(.cash-record-summary)::-webkit-details-marker{display:none}



.cash-record>summary:not(.cash-record-summary)::before{content:'▸';grid-column:1;grid-row:1;line-height:1.45}



.cash-record[open]>summary:not(.cash-record-summary)::before{content:'▾'}



.cash-record>summary:not(.cash-record-summary)>b{grid-column:2;min-width:0;overflow-wrap:anywhere;font-size:14px}



.cash-record>summary:not(.cash-record-summary)>p{grid-column:2;margin:0;min-width:0;font-size:12px;line-height:1.5;font-weight:400}



.cash-record:has(>summary:not(.cash-record-summary))[open]>summary{border-bottom:1px solid #eee5e8}



.cash-record:has(>summary:not(.cash-record-summary))>p{margin:12px 18px;font-size:14px;line-height:1.5}



.cash-record:has(>summary:not(.cash-record-summary))>.actions{margin:12px 18px 16px}



.cash-record:has(>summary:not(.cash-record-summary))>button{margin:0 18px 16px;max-width:calc(100% - 36px)}



.card:has([data-book-filter]){padding:16px 18px}



.card:has([data-book-filter]) .grid{gap:12px}



.card:has([data-book-filter]) .field{margin:0;min-width:0}



.card:has([data-book-filter])>.field{margin-top:12px}



.card:has([data-book-filter]) input,.card:has([data-book-filter]) select{min-width:0;max-width:100%}



.cash-book-tabs-v2{gap:8px}.cash-book-tabs-v2 button{overflow-wrap:anywhere}



.cash-book-balance .value{overflow-wrap:anywhere}



.cash-book-next>details>.cash-record{margin-top:12px;margin-bottom:0}



@media(max-width:400px){.cash-record>summary:not(.cash-record-summary){padding:14px 12px;gap:5px 7px}.cash-record:has(>summary:not(.cash-record-summary))>p{margin:12px}.cash-record:has(>summary:not(.cash-record-summary))>.actions{margin:12px}.cash-record:has(>summary:not(.cash-record-summary))>button{margin:0 12px 14px;max-width:calc(100% - 24px)}.card:has([data-book-filter]){padding:14px 12px}}







@media(max-width:400px){.cash-book-tabs-v2 button{padding:12px 3px;font-size:11px;overflow-wrap:normal;word-break:normal}}







/* Purchase editor: one scroll surface, including when the mobile keyboard opens. */



#dialog.purchase-batch-dialog[open]{display:block;position:fixed;inset: auto 0 auto;top:calc(var(--pb-viewport-top, 0px) + 12px);margin:0 auto;height:auto;max-height:calc(var(--pb-viewport-height, 100dvh) - 24px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding:16px}



#dialog.purchase-batch-dialog #dialog-content,#dialog.purchase-batch-dialog [data-form="purchase-batch"]{display:block;min-height:0}



#dialog.purchase-batch-dialog #pb-rows{overflow:visible;min-height:0;padding:3px}



#dialog.purchase-batch-dialog #pb-rows>.card{min-width:0}



#dialog.purchase-batch-dialog [data-pb="close"]{position:sticky!important;top:0!important;float:right;margin-top:-46px;z-index:2}



#dialog.purchase-batch-dialog .field input[type="checkbox"]{display:inline-block;width:20px;min-height:20px;height:20px;vertical-align:middle;margin:0 8px 0 0;padding:0}



#dialog.purchase-batch-dialog input,#dialog.purchase-batch-dialog textarea,#dialog.purchase-batch-dialog select{font-size:16px;max-width:100%;min-width:0}



#dialog.purchase-batch-dialog [data-form="purchase-batch"]>.actions:last-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}



#dialog.purchase-batch-dialog [data-pb="send"]{grid-column:1/-1}



#dialog.purchase-batch-dialog .actions button{min-width:0;white-space:normal;overflow-wrap:anywhere}



@media(max-width:420px){#dialog.purchase-batch-dialog{padding:18px 14px}#dialog.purchase-batch-dialog #pb-rows>.card{padding:14px}}







/* Agreed purchase screens: compact list, individual editor, department overview. */



.pb-page h3{overflow-wrap:anywhere;min-width:0}.pb-check .row,.pb-dept-row .row{align-items:flex-start}.pb-check-actions,.pb-draft-actions{display:grid;gap:9px;margin-top:16px}.pb-draft-row{padding:14px 0;border-bottom:1px solid #eee5e8}.pb-draft-row>p{margin:8px 0;font-size:14px}.pb-draft-row .row{flex-wrap:nowrap;align-items:flex-start}.pb-draft-row .row button{flex-shrink:0;font-size:12px;padding:9px 10px;min-height:40px}.pb-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pb-row-meta button{margin-left:auto;font-size:12px;min-height:32px;padding:7px 10px}.pb-field-error{color:#a12942;font-size:13px;line-height:1.5}.pb-field-error:empty{display:none}.pb-invalid{border-left:3px solid #a12942;padding-left:10px}.pb-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.pb-summary>div{background:#f6e9ee;padding:14px 6px;border-radius:12px;text-align:center}.pb-summary b{display:block;font-size:27px;color:#913b5b;margin-bottom:6px}.pb-summary small{font-size:12px}.pb-dept-row{padding:13px 0;border-bottom:1px solid #eee5e8}.pb-dept-row:first-child{padding-top:0}.pb-dept-row:last-child{border:0;padding-bottom:0}.pb-dept-row h3{margin:0;font-size:14px}.pb-dept-row p{margin:8px 0 0}.pb-list-heading{margin:24px 0 10px}.pb-filters{margin:12px 0 20px}.pb-filters>.actions{display:grid;grid-template-columns:1fr 1fr}.pb-filters select,.pb-filters input{font-size:16px}.pb-category{margin-top:22px}.pb-sent-item>.pb-department{font-size:12px;margin:0 0 6px}.pb-own-draft>summary{padding:12px 0}.pb-own-draft .pb-draft{margin-top:14px}



#dialog.purchase-batch-dialog.pb-item-dialog{width:min(580px,calc(100% - 24px));padding:24px}#dialog.purchase-batch-dialog.pb-item-dialog[open]{height:calc(var(--pb-viewport-height,100dvh) - 24px);max-height:calc(var(--pb-viewport-height,100dvh) - 24px)}



#dialog.purchase-batch-dialog.pb-item-dialog [data-form="purchase-item"]{display:block}



#dialog.purchase-batch-dialog.pb-item-dialog .field{margin:18px 0}#dialog.purchase-batch-dialog.pb-item-dialog .field>input,#dialog.purchase-batch-dialog.pb-item-dialog .field>textarea{font-size:16px}



.pb-category-picker{border:0;padding:0;margin:20px 0}.pb-category-picker legend{font-size:13px;font-weight:650;padding:0;margin-bottom:10px}.pb-chips{display:flex;flex-wrap:wrap;gap:7px}.pb-chips button{font-size:13px;font-weight:500;padding:9px 10px;min-height:42px;max-width:100%;overflow-wrap:anywhere}



#dialog.purchase-batch-dialog.pb-item-dialog .pb-urgent{display:flex;align-items:center;gap:10px}#dialog.purchase-batch-dialog.pb-item-dialog .pb-urgent input{margin:0;width:20px;min-height:20px}



.pb-optionals{border-top:1px solid #eee5e8;margin-top:20px;padding-top:8px}.pb-optionals details{border:0;margin-top:8px;padding-top:0}.pb-optionals summary{background:#f6e9ee;border-radius:10px;padding:12px;font-size:13px;list-style:none}.pb-optionals summary::-webkit-details-marker{display:none}.pb-optionals details[open]>summary{margin-bottom:10px}.pb-optionals img{max-width:100%;max-height:170px;border-radius:10px;display:block;margin:10px 0}.pb-optionals input[type=file]{font-size:13px!important}



#dialog.purchase-batch-dialog.pb-item-dialog [data-form="purchase-item"]>.actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}



@media(max-width:650px){#dialog.purchase-batch-dialog.pb-item-dialog{padding:20px 16px}.pb-dept-row .row{gap:7px}.pb-dept-row .pill{font-size:11px}.pb-summary small{font-size:11px}}







/* Unified Directors home: presentation only, existing actions preserved. */



.director-home{display:grid;gap:16px;min-width:0}



.director-home>.card,.director-home>.hero{margin:0}



.director-home .home-summary-grid{margin:0;min-width:0}



.director-home .home-summary-grid>.card{margin:0}



.director-home>.staff-connect{margin:0}



.director-home>.director-team>summary,.director-home>.director-personal>summary{cursor:pointer;font-weight:700;color:var(--accent,#a63e64);overflow-wrap:anywhere}



.director-home .overview-list .row{gap:12px;flex-wrap:wrap}



.director-home .overview-list .row>b{min-width:0;overflow-wrap:anywhere}



.director-home .director-personal .workday-plan{margin:16px 0 0;box-shadow:none}



@media(max-width:600px){.director-home{gap:12px}.director-home .owner-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.director-home .owner-hero-actions button{flex:1 1 120px;min-width:0}.director-home .home-summary-grid{grid-template-columns:minmax(0,1fr)}}







/* Unified task editor; existing app styling and controls. */



#dialog form[data-form="smm-edit"] .ut-toggle{display:flex;align-items:center;gap:10px;line-height:1.4;margin:12px 0}



#dialog form[data-form="smm-edit"] .ut-toggle input[type="checkbox"]{width:21px;height:21px;min-width:21px;flex:0 0 21px;margin:0;padding:0}



#dialog form[data-form="smm-edit"] .ut-review{padding:16px;border:1px solid #e9e0e3;border-radius:14px;margin-top:18px}



#dialog form[data-form="smm-edit"] .ut-participants,#dialog form[data-form="smm-edit"] .ut-extra{margin:18px 0;padding:12px;border:1px solid #e9e0e3;border-radius:12px}



#dialog form[data-form="smm-edit"] details>summary{font-weight:600;cursor:pointer;overflow-wrap:anywhere}



#dialog form[data-form="smm-edit"] input:not([type="checkbox"]),#dialog form[data-form="smm-edit"] select,#dialog form[data-form="smm-edit"] textarea{font-size:16px}







/* Purchase assignment and task acknowledgement. */



.pb-assignment,.task-execution{padding:14px;border:1px solid #e9e0e3;border-radius:12px;margin:14px 0;overflow-wrap:anywhere}



.pb-assignment input[type="checkbox"]{width:20px;height:20px;flex:0 0 20px}



.pb-assignment select,.pb-assignment input:not([type="checkbox"]){font-size:16px;max-width:100%;min-width:0}







/* Salary layout: presentation only; existing payroll actions and values retained. */



.salary-page{min-width:0}.salary-page>.card,.salary-page .salary-shift{padding:18px;margin-bottom:14px}.salary-page h2{margin-top:0}.salary-shift-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.salary-shift-heading h3{margin:0;min-width:0;line-height:1.4}.salary-shift-heading .pill{flex:0 1 auto;text-align:center;max-width:55%;white-space:normal;line-height:1.35}.salary-shift-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 0;border-bottom:1px solid var(--border,#ebdfe4)}.salary-shift-row span{flex:0 0 auto}.salary-shift-row b{text-align:right;overflow-wrap:anywhere;min-width:0}.salary-shift-actions{margin-top:16px}.salary-shift-actions>button{width:100%;min-height:46px;white-space:normal;line-height:1.4}.salary-section-heading{margin:24px 0 14px}.salary-older{margin:16px 0;padding:16px;border:1px solid var(--border,#ebdfe4);border-radius:16px;background:var(--card,#fff)}.salary-older>summary{font-weight:600;cursor:pointer;overflow-wrap:anywhere}.salary-older>div,.salary-history-item{margin-top:16px}.salary-older .salary-shift:last-child{margin-bottom:0}.salary-payment-amount{font-size:28px;font-weight:700;margin:14px 0}.salary-page .salary-stats,.salary-page .workday-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-page .salary-stat,.salary-page .workday-summary-grid>div{min-width:0;overflow-wrap:anywhere}.salary-page .salary-heading{gap:12px;flex-wrap:wrap}.salary-page .salary-heading h2{margin-bottom:0}.salary-page button{white-space:normal}.salary-page input,.salary-page select{max-width:100%;min-width:0}.salary-page .card{overflow-wrap:anywhere}.salary-page .salary-stat strong{font-size:22px}.salary-page .salary-stat span{line-height:1.45}.salary-page .salary-help,.salary-page .workday-summary-help{margin-top:16px}.salary-page .workday-summary-heading{gap:12px;flex-wrap:wrap}



@media(max-width:420px){.salary-page>.card,.salary-page .salary-shift{padding:16px}.salary-page .salary-heading>button{width:100%;min-height:46px}.salary-page .salary-stats{gap:10px}.salary-page .salary-stat{padding:12px}.salary-page .salary-shift-heading{gap:8px}.salary-page .courier-history-controls{flex-wrap:wrap}}







/* One available cash action spans the same width as the primary action. */



.cash-book-primary .cash-book-actions > button:only-child{grid-column:1 / -1}







/* Header tools and notification modal: shared by existing employee roles. */



.heading>div:first-child{min-width:0}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.header-tools #refresh{margin:0;min-height:44px;white-space:nowrap}.header-tools #cw-bell{margin:0;flex:0 0 auto}.heading:has(.header-tools)>div:first-child{flex:1;overflow-wrap:anywhere}



#cw-dialog .cw-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0;margin-bottom:14px}#cw-dialog .cw-dialog-head h2{padding-right:0;margin:0;min-width:0;overflow-wrap:anywhere}#cw-dialog .cw-dialog-head [data-cw-close]{position:static!important;inset:auto!important;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:-4px -4px 0 0;padding:0!important;display:flex;align-items:center;justify-content:center}#cw-dialog .cw-inbox-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-top:0}#cw-dialog .cw-inbox-tools small{min-width:0}#cw-dialog .cw-inbox-tools button{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4;margin:0}



@media(max-width:480px){.header-tools{gap:6px;align-self:flex-start}.header-tools #refresh{font-size:12px;padding:10px}.header-tools #cw-bell{width:44px;min-width:44px;padding:0}#cw-dialog .cw-inbox-tools{align-items:stretch}#cw-dialog .cw-inbox-tools button{width:100%;min-height:44px}#cw-dialog .cw-dialog-head{gap:12px}}







@media(max-width:640px){#employee-view .view-selects{display:grid;grid-template-columns:minmax(0,1fr)}#employee-view .view-selects label{min-width:0}#employee-view .view-selects select{width:100%;max-width:100%;min-width:0}#employee-view #view-return{justify-self:start}}







/* Director shopping checklist: the purchase fact is separate from task/cash status. */



.pb-shopping-row{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid #eee5e8}



.pb-shopping-check{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;border:2px solid #b799a4;background:transparent;color:#913b5b;font-size:23px}



.pb-shopping-check.is-bought{background:#a34564;color:#fff;border-color:#a34564}



.pb-shopping-content{min-width:0;flex:1;overflow-wrap:anywhere}.pb-shopping-content .row{align-items:flex-start}.pb-shopping-content strong{font-size:17px}



.pb-shopping-quantity{margin:4px 0}.pb-shopping-comment{margin:4px 0;color:#786a72;white-space:pre-wrap}.pb-shopping-content details{margin-top:7px}.pb-shopping-content summary{font-size:13px;padding:6px 0}.pb-shopping-content .card{margin-top:9px}



.pb-shopping-filters,.pb-shopping-checks{margin:16px 0}.pb-shopping-filters>summary,.pb-shopping-checks>summary{padding:10px 0}.pb-shopping-undo{margin:12px 0}.pb-shopping-check:disabled{opacity:.5}







/* Compact director checklist; small visible circles with a safe touch target. */



.pb-shopping-row{gap:8px;padding:8px 0}



.pb-shopping-check{position:relative;isolation:isolate;flex-basis:32px;width:32px;height:32px;min-height:32px;border:0;background:transparent;padding:0;font-size:16px;line-height:32px}



.pb-shopping-check::before{content:"";position:absolute;z-index:-1;width:24px;height:24px;left:50%;top:50%;transform:translate(-50%,-50%);border:1.5px solid #b799a4;border-radius:50%;box-sizing:border-box;background:transparent}



.pb-shopping-check.is-bought{background:transparent;color:#fff;border:0}.pb-shopping-check.is-bought::before{background:#a34564;border-color:#a34564}



.pb-shopping-content strong{font-size:15px;line-height:1.35}.pb-shopping-content .row{gap:6px}



.pb-shopping-quantity,.pb-shopping-comment{font-size:13px;margin:2px 0;line-height:1.4}



.pb-shopping-content>details{margin-top:2px;padding-top:0;border-top:0}



.pb-shopping-content>details>summary{min-height:26px;padding:3px 0;font-size:12px;line-height:20px}



.pb-shopping-content>details>.card{margin-top:5px}



@media(pointer:coarse){.pb-shopping-check{flex-basis:44px;width:44px;height:44px;min-height:44px;line-height:44px}.pb-shopping-content>details>summary{min-height:36px;padding:8px 0}}







.pb-shopping-content strong,.pb-draft-row h3,.pb-sent-item h3,.pb-original-text{white-space:pre-wrap;overflow-wrap:anywhere}



.pb-shopping-content [data-pb="remaining"]{min-height:30px;padding:5px 0;margin:3px 0;background:transparent;text-align:left;font-size:12px}



.pb-remaining-state{font-size:12px;color:#913b5b;margin:3px 0}



.pb-author-state{padding:10px 0;border-bottom:1px solid #eee5e8;font-size:13px}.pb-author-state p{margin:4px 0}



.pb-original{margin-top:5px;padding-top:5px}.pb-original summary{font-size:12px}.pb-original p{font-size:13px}



.pb-item-dialog textarea[name="title"],.pb-item-dialog textarea[name="text"]{min-height:130px;resize:vertical;white-space:pre-wrap}



@media(pointer:coarse){.pb-shopping-content [data-pb="remaining"]{min-height:44px}}







/* Shared category notes, settings and immutable history. */



.ps-section{border-top:1px solid #eee5e8;padding:14px 0}.ps-section h3{margin:0 0 7px}.ps-note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.5}



.ps-inline-actions{display:flex;gap:18px;flex-wrap:wrap}.ps-inline-actions button,.ps-history-action button{background:transparent;padding:5px 0;min-height:36px;font-size:13px}.ps-meta{font-size:12px;color:#786a72;margin:4px 0}.ps-tabs{margin:16px 0}



.ps-setting-row{border-top:1px solid #eee5e8;padding:12px 0}.ps-setting-row .field{margin:0 0 5px}.ps-setting-row button{min-height:36px;padding:6px 0;background:transparent;font-size:13px}



.ps-legacy,.ps-checks{margin-top:16px}.ps-check-card{margin:10px 0}.ps-revision{border-top:1px solid #eee5e8;padding:12px 0}.ps-revision h3{margin:0}.ps-revision details{margin:4px 0}.ps-history-list .ps-note-text{font-size:13px}



.ps-draft-photo{max-width:100%;max-height:200px;object-fit:contain}.ps-page .actions button,.ps-settings .actions button{max-width:100%}.ps-settings input{min-width:0}.ps-revision button{margin-top:8px}



@media(pointer:coarse){.ps-inline-actions button,.ps-history-action button,.ps-setting-row button{min-height:44px}}







/* Amount corrections stay inside the original cash record. */



.cash-record-corrected{border-left:3px solid #a04368}



.cash-record>summary>.cash-correction-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#6b4a58}



.cash-correction-badge{display:inline-block;background:#f8eaf0;color:#923858;border-radius:6px;padding:4px 8px;font-weight:600}



.cash-record .cash-amount-change{margin:12px 18px;padding:10px 12px;background:#fff8fb;border-radius:8px;overflow-wrap:anywhere}



.cash-record .cash-amount-change p{margin:4px 0}



@media(max-width:400px){.cash-record .cash-amount-change{margin:12px}}







/* Cash history: calendar dates, optional search and daily groups. */



.cash-history-search{margin-top:12px}



.cash-history-search>summary{cursor:pointer;color:#a04368;font-weight:600;min-height:40px;display:flex;align-items:center;gap:8px}



.cash-history-search>summary::before{content:'▸'}



.cash-history-search[open]>summary::before{content:'▾'}



.cash-history-search input[type=search]{margin-top:6px}



.cash-day-group{margin:14px 0;border:1px solid #eadde3;border-radius:16px;background:#fff;overflow:hidden}



.cash-day-group>summary{cursor:pointer;padding:16px 18px;font-weight:700;color:#a04368;min-height:48px;overflow-wrap:anywhere}



.cash-day-content{padding:0 12px 2px}



.cash-history-today>h3{margin:20px 0 12px}



.cash-history-filters input[type=date]{width:100%;min-width:0;box-sizing:border-box}



@media(max-width:400px){.cash-day-group>summary{padding:14px 12px}.cash-day-content{padding:0 8px 2px}}







/* Procurement category folders: contents appear only when expanded. */



.ps-collapsible>summary{cursor:pointer;min-height:44px;padding:8px 0;color:#30262d;line-height:1.6}



.ps-collapsible>summary h3{display:inline;margin:0;font-size:16px}



.ps-collapsible>summary .ps-section-hint{font-size:12px;font-weight:400;color:#8b7680;margin-left:12px}



.ps-collapsible[open]>.ps-note-text{margin-top:8px}



.ps-collapsible:not([open]){padding-bottom:8px}



.ps-collapsible>summary:focus-visible{outline:2px solid #a04368;outline-offset:3px;border-radius:4px}







/* Shared line purchases and private ordering. */



.pl-item{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #eadfe4;line-height:1.5;overflow-wrap:anywhere;min-height:46px}



.pl-item>button{flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;border:1.5px solid #b896a5;border-radius:50%;background:transparent;color:#fff}



.pl-item>button[aria-pressed=true]{background:#a04368;border-color:#a04368}



.pl-item>span{min-width:0;white-space:pre-wrap}



.pl-category form{margin:10px 0 18px}.pl-category textarea{width:100%;min-height:160px;font-size:16px}



.pl-error{color:#a12c49;white-space:pre-wrap}.pl-current{padding:12px;background:#f5e9ee;margin:12px 0}



.pl-order{margin:14px 0}.pl-order-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eadfe4}.pl-order-row>span:nth-child(2){flex:1;min-width:0}.pl-order-row button{min-width:38px;padding:8px}



.pl-complete{width:100%;margin:20px 0}.pl-history,.pl-audit{border-top:1px solid #eadfe4;margin-top:22px;padding-top:14px}.pl-audit>summary{font-weight:600;padding:12px 0}



.pl-history-day>summary{padding:12px 0;font-weight:600}.pl-trip,.pl-audit-entry{border-top:1px solid #eadfe4;padding:8px 0}.pl-trip>summary,.pl-audit-entry>summary{padding:8px 0;line-height:1.5}.pl-trip ul,.pl-audit-entry ul{padding-left:20px;line-height:1.7;overflow-wrap:anywhere}



.pl-calendar{padding:10px;border:1px solid #eadfe4;border-radius:12px;margin:12px 0;background:#fff}.pl-calendar-bar{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:13px}.pl-calendar-bar button{background:transparent;padding:8px;font-size:13px}.pl-calendar>p{text-align:center;font-size:14px}.pl-calendar-week,.pl-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.pl-calendar-week span{font-size:12px;padding:8px 0;color:#8b7680}.pl-calendar-grid button{min-width:0;min-height:38px;padding:8px 0;border-radius:50%;background:transparent;font-size:14px}.pl-calendar-grid .pl-date-edge{background:#a04368;color:#fff}.pl-calendar-grid .pl-date-between{background:#f4e7ed;border-radius:0}



@media(pointer:coarse){.pl-item>button{flex-basis:36px;width:36px;height:36px;min-height:36px}.pl-item{min-height:52px}}





.tr-period{min-width:0;margin:12px 0}.tr-period>button{width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px}.tr-calendar{padding:12px;border:1px solid #eadde3;border-radius:14px;margin-top:10px;background:#fff;min-width:0}.tr-bar{display:flex;align-items:center;justify-content:space-between;gap:6px}.tr-bar>span{font-size:12px;text-align:center;min-width:0}.tr-bar>b{text-align:center;min-width:0;font-size:14px}.tr-bar button{min-width:44px;min-height:44px;padding:8px;font-size:13px}.tr-week,.tr-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.tr-week{margin:12px 0 6px;text-align:center;font-size:12px;color:#86767e}.tr-grid button{min-width:0;min-height:40px;padding:4px;border-radius:8px;background:#fbf6f7;color:#786a72;font-size:14px}.tr-grid button.tr-edge{background:#913b5b;color:#fff}.tr-grid button.tr-between{background:#f6e9ee;color:#913b5b}.tr-grid button:disabled{opacity:.35}.tr-period[hidden]{display:none}



/* Purchase check card: shared layout for staff and Directors. */

.pc-check-card .pc-check-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}

.pc-check-card .pc-check-top>div{min-width:0}

.pc-check-card .pc-check-top h3{margin:0;font-size:19px;line-height:1.35}

.pc-check-card .pc-check-top .pill{flex:none;white-space:nowrap;margin:0}

.pc-check-card .pc-check-department{margin:4px 0 0;font-size:14px;color:var(--muted,#86767e)}

.pc-check-card .pc-check-text{margin:18px 0;line-height:1.5}

.pc-check-card .pc-check-timing{padding:12px;border-radius:12px;background:var(--soft,#faf2f5);margin:0 0 18px;font-size:14px;line-height:1.5}

.pc-check-card .pc-check-timing strong,.pc-check-card .pc-check-timing span{display:block}

.pc-check-card .pc-check-timing span{margin-top:2px;color:var(--muted,#86767e)}

.pc-check-card .pc-check-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}

.pc-check-card .pc-check-actions button{display:block;width:100%;min-height:48px;margin:0;white-space:normal;font-size:15px;text-align:center}

.pc-check-card .pc-check-actions button[data-pl="check"]:not(:disabled){background:var(--accent,#a34564);color:#fff}

.pc-check-card .pc-check-actions button:disabled{opacity:1;background:var(--soft,#faf2f5);color:var(--muted,#86767e)}

.pc-check-card .pc-check-footer{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--muted,#86767e)}



/* Optional item reference photo stays at the right edge. */

.pl-item>span{flex:1;min-width:0;overflow-wrap:anywhere}

.pl-item .pl-photo-button{flex:none;width:auto;height:auto;min-height:44px;min-width:58px;font-size:13px;padding:8px;align-self:flex-start;margin:0;border:0;border-radius:10px;background:#f6e9ee;color:#913b5b}

.pl-photo-large{display:block;max-width:100%;max-height:60vh;object-fit:contain;margin:0 auto}

.pl-trip li .pl-photo-button{margin:6px 0 6px 10px;font-size:13px}



/* Admin cash actions: one full-width action per row. */

.cash-book-primary-admin .cash-book-actions{grid-template-columns:minmax(0,1fr);align-items:start}

.cash-book-primary-admin .cash-book-actions>button,

.cash-book-primary-admin .cash-daily-check>button{width:100%;min-height:48px;padding:14px 16px;font-size:14px;line-height:1.4}

.cash-book-primary-admin .cash-daily-check{min-width:0}

.cash-book-primary-admin .cash-daily-check>p{margin:8px 0 0}



.schedule-planner .planner-pickers{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.schedule-planner .planner-preview-note{color:var(--muted,#8b6b7a);margin:8px 0 16px}

.schedule-planner .planner-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:12px 0}

.schedule-planner .planner-weekday{text-align:center;font-size:12px;color:#8b6b7a;padding:4px 0}

.schedule-planner .planner-day{min-width:0;min-height:68px;padding:7px 2px;border:1px solid #ecdde4;border-radius:12px;background:#fff;color:#624050;display:flex;flex-direction:column;justify-content:center;gap:5px;overflow:hidden}

.schedule-planner .planner-day strong{font-size:16px}

.schedule-planner .planner-day small{font-size:11px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.schedule-planner .planner-day.mine{background:#a63260;color:#fff;border-color:#a63260}

.schedule-planner .planner-day.mine strong,.schedule-planner .planner-day.mine small{color:#fff}

.schedule-planner .planner-day.selected{outline:2px solid #79405a;outline-offset:1px}

.schedule-planner .planner-day-detail{border-top:1px solid #ecdde4;padding-top:12px;margin-top:14px}

.schedule-planner .planner-staff{display:flex;flex-wrap:wrap;gap:12px}

.schedule-planner .planner-staff label{display:flex;align-items:center;gap:7px;min-height:44px}

.schedule-planner .planner-wish{border-top:1px solid #ecdde4;padding:12px 0}

.schedule-planner .planner-wish:first-of-type{border-top:0}

.schedule-planner .planner-wish p{margin:5px 0;overflow-wrap:anywhere}

.schedule-planner .planner-submit{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}

@media(max-width:540px){.schedule-planner .planner-pickers{grid-template-columns:1fr}.schedule-planner .planner-grid{gap:4px}.schedule-planner .planner-day{min-height:60px}.schedule-planner .planner-submit button{width:100%}}



.schedule-planner .planner-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}

.schedule-planner .planner-tabs button.planner-tab-active{background:#a63260;color:#fff}

.schedule-planner .planner-wish-note{background:#fff4e3;border-radius:12px;padding:4px 12px;margin:12px 0;color:#805d2a}

.schedule-planner .planner-day{position:relative}

.schedule-planner .planner-day.has-wish{box-shadow:inset 0 0 0 2px #daa03a}

.schedule-planner .planner-wish-mark{position:absolute;right:3px;top:2px;background:#ffe5a4;color:#6c4700;border-radius:4px;padding:0 3px;font-size:11px}

.schedule-planner .planner-calendar-legend{display:flex;gap:14px;flex-wrap:wrap;color:#8b6b7a;font-size:12px}

.schedule-planner .planner-roster{margin:12px 0}

.schedule-planner .planner-roster>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:12px;padding:12px 0;border-bottom:1px solid #eadde4}

.schedule-planner .planner-empty-role{color:#9a6b19}

.schedule-planner .planner-matrix-scroll{overflow-x:auto;max-width:100%;margin:12px 0}

.schedule-planner .planner-matrix{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px;font-size:12px}

.schedule-planner .planner-matrix th,.schedule-planner .planner-matrix td{border-bottom:1px solid #eee5ea;text-align:center;height:29px;padding:2px}

.schedule-planner .planner-matrix th:first-child{width:145px;text-align:left}

.schedule-planner .planner-matrix .matrix-group th{background:#f7eaf1;padding:8px;color:#9b3b60;text-align:left}

.schedule-planner .planner-matrix td.work{background:#efd8e4;color:#9b3b60}

.schedule-planner .planner-matrix .selected{border-left:2px solid #be829f;border-right:2px solid #be829f}

.schedule-planner .planner-matrix th button{padding:1px;border:0;min-width:0;width:100%;min-height:32px;background:transparent;color:inherit;border-radius:0;font-size:11px}

.schedule-planner .planner-review{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}

.schedule-planner .planner-workflow{font-size:12px;border-top:1px solid #eadce4;padding-top:12px;margin-top:16px}

@media(max-width:540px){.schedule-planner .planner-tabs button{flex:1;padding:9px 8px}.schedule-planner .planner-roster>div{grid-template-columns:1fr 1.5fr}.schedule-planner .planner-review>.actions{width:100%}}



/* Centered recurring-task builder; isolated from other dialogs. */

#dialog.permanent-dialog{width:min(690px,calc(100% - 28px));margin:auto;padding:24px;max-height:90dvh;overflow:auto}

#dialog.permanent-dialog #dialog-content{max-width:620px;margin:0 auto;min-width:0}

#dialog.permanent-dialog h2{padding:0 30px;text-align:center;overflow-wrap:anywhere}

.permanent-builder{min-width:0}

.permanent-section{padding:18px;border:1px solid #e9dfe3;border-radius:15px;background:#fff;margin:18px 0;min-width:0}

.permanent-section h3{margin:0 0 12px;color:#46313c}

.permanent-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}

.permanent-grid .field{margin:8px 0}

.permanent-departments{display:flex;flex-wrap:wrap;gap:8px 18px}

.permanent-departments label,.permanent-check{display:flex;align-items:center;gap:9px;min-height:44px;line-height:1.5;font-size:14px;color:#493b43}

.permanent-check{margin:14px 0}

.permanent-departments input[type=checkbox],.permanent-check input[type=checkbox]{width:21px;height:21px;min-width:21px;flex:0 0 21px;margin:0;padding:0;accent-color:#a34564}

.permanent-editor-row{display:flex;align-items:center;gap:10px;min-width:0}

.permanent-editor-row>.field{flex:1;min-width:0}

.permanent-editor-row>button{flex:0 0 auto;font-size:13px;padding:10px}

.permanent-photo-editor+.permanent-photo-editor{margin-top:18px;padding-top:14px;border-top:1px solid #eee5e8}

.permanent-dates,.permanent-preview{background:#fcf4f7;padding:14px;border-radius:12px;color:#493b43;overflow-wrap:anywhere}

.permanent-dates p{margin:7px 0}

.permanent-preview{margin-top:16px}

.permanent-preview h3{margin-top:14px}

.permanent-instruction{white-space:pre-wrap;overflow-wrap:anywhere}

#dialog.permanent-dialog .field input:not([type=checkbox]),#dialog.permanent-dialog .field select,#dialog.permanent-dialog .field textarea{font-size:16px;max-width:100%;min-width:0}

#dialog.permanent-dialog form>.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}

#dialog.permanent-dialog form>.actions button{white-space:normal;overflow-wrap:anywhere}

#dialog.permanent-dialog small{display:block;font-weight:400;line-height:1.5;margin-top:7px}

#dialog.permanent-dialog [hidden]{display:none!important}

@media(max-width:480px){#dialog.permanent-dialog{padding:18px 14px;width:calc(100% - 20px)}.permanent-section{padding:14px}.permanent-grid{grid-template-columns:minmax(0,1fr);gap:0}.permanent-editor-row{flex-wrap:wrap}.permanent-editor-row>.field{flex:1 1 100%}.permanent-editor-row>button{margin-bottom:10px}#dialog.permanent-dialog form>.actions{grid-template-columns:1fr}}



/* Compact shared procurement; optional photos remain at the right. */
.pl-compact .pl-category{margin-top:0;padding:8px 0;border-top:1px solid #eadfe4}
.pl-compact .pl-category>summary{min-height:44px;padding:4px 0}
.pl-compact .pl-item{padding:6px 0;gap:8px;min-height:56px}
.pl-compact .pl-item>button[data-pl="mark"]{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;position:relative;font-size:0}
.pl-compact .pl-item>button[data-pl="mark"]::before{content:'';position:absolute;inset:8px;border:1.5px solid #b896a5;border-radius:50%;background:transparent}
.pl-compact .pl-item>button[data-pl="mark"][aria-pressed="true"]::before{background:#a34564;border-color:#a34564}
.pl-compact .pl-item>button[data-pl="mark"][aria-pressed="true"]::after{content:'✓';position:absolute;inset:8px;display:grid;place-items:center;color:#fff;font-size:17px}
.pl-compact .pl-item .pl-photo-button{flex:0 0 48px;min-width:48px;width:48px;min-height:44px;padding:4px;align-self:center;font-size:12px;border-radius:9px}
.pl-compact .pl-item .pl-photo-thumbnail{padding:0;overflow:hidden;min-height:44px;background:#f6e9ee}
.pl-compact .pl-photo-thumbnail img{display:block;width:48px;height:44px;object-fit:cover;border-radius:9px}
.pl-compact .ps-inline-actions{margin:4px 0 0}
.pl-compact .ps-inline-actions button{min-height:44px}
.pl-shopping-footer{position:sticky;bottom:calc(var(--team-bottom-nav-height,64px) + 6px);z-index:5;background:#fffaf9;border-top:1px solid #eadfe4;padding:8px 0}
.pl-shopping-footer [data-pl-count]{margin:0 0 6px;font-size:13px;line-height:1.4}
.pl-shopping-footer .pl-complete{display:block;width:100%;margin:0;min-height:46px;white-space:normal}
.pl-compact .pl-bottom-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0}
.pl-compact .pl-bottom-controls.pl-director-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.pl-compact .pl-bottom-controls button{min-width:0;white-space:normal;font-size:13px}
.pl-compact [data-pl-sync-status]{font-size:12px;margin:8px 0}
.pl-compact .pl-sync-error{color:#9c354f}
@media(max-width:650px){.pl-shopping-footer{bottom:0}}

/* Department-grouped recurring template manager. */
.dt-manager{background:#fff;color:inherit;padding:12px 14px}.dt-manager summary{cursor:pointer;font-weight:600}.dt-help{margin:8px 0 10px;color:#6f6870;font-size:12px}.dt-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.dt-filter,.dt-edit{min-height:44px;border:1px solid #d7c5cc;background:#fff;color:#a34564;border-radius:4px;padding:7px 10px;font:inherit;font-size:13px;line-height:1.15;cursor:pointer}.dt-filter[aria-pressed="true"]{background:#a34564;color:#fff;border-color:#a34564}.dt-group{margin:0 0 14px}.dt-group>h3{margin:0 0 5px;font-size:15px}.dt-part{margin:9px 0 3px;color:#6f6870;font-size:12px;font-weight:600}.dt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eee7ea;padding:7px 0}.dt-copy{min-width:0;flex:1}.dt-copy h4{margin:0;font-size:14px;line-height:1.25;font-weight:600;overflow-wrap:anywhere}.dt-meta{margin-top:2px;color:#766d72;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.dt-edit{flex:0 0 auto;white-space:nowrap;padding:5px 9px;font-size:12px}.dt-empty{margin:12px 0;color:#766d72;font-size:13px}@media(max-width:360px){.dt-manager{padding:10px}.dt-row{gap:6px}.dt-edit{padding-left:7px;padding-right:7px}.dt-filter{padding-left:8px;padding-right:8px}}

/* Director open shifts: scoped layout 2026-10-15 */
.director-open-shifts {
  min-width: 0;
  color: inherit;
}

.director-open-shifts > summary {
  min-width: 0;
  padding: 0.25rem 0;
  cursor: pointer;
}

.director-open-shifts__title,
.director-open-shifts__count {
  overflow-wrap: anywhere;
}

.director-open-shifts__count {
  display: inline-block;
  min-width: 1.75rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background: #f6e9ef;
  color: #a33f65;
  font-size: 0.875em;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}

.director-open-shifts__list {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.director-open-shifts__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid #eadde3;
  border-radius: 16px;
  background: #fff;
}

.director-open-shifts__info {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

.director-open-shifts__start {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.director-open-shifts__start span:first-child {
  color: inherit;
}

.director-open-shifts__item button {
  flex: 0 0 auto;
  min-height: 44px;
  color: #a33f65;
}

@media (max-width: 640px) {
  .director-open-shifts__item {
    align-items: stretch;
    flex-direction: column;
    gap: 0.75rem;
  }

  .director-open-shifts__item button {
    width: 100%;
  }
}

@media (min-width: 641px) {
  .director-open-shifts__item button {
    max-width: 100%;
  }
}

/* Director task notification log: layout 2026-10-15 */
.director-notification-log{min-width:0}.director-notification-log__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.director-notification-log__toolbar button{min-height:44px}.director-notification-log__checked,.director-notification-log__loading,.director-notification-log__error,.director-notification-log__note,.director-notification-log__empty{margin:12px 0}.director-notification-log__checked,.director-notification-log__note{color:#6f6268;font-size:.9rem}.director-notification-log__error{color:#8b294e}.director-notification-log__counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.director-notification-log__count{min-width:0;padding:12px;border:1px solid #eadde3;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:4px}.director-notification-log__count b{color:#a33f65;font-size:1.25rem;line-height:1.1}.director-notification-log__count span{overflow-wrap:anywhere}.director-notification-log__items{display:grid;gap:10px}.director-notification-log__item{min-width:0;padding:14px;border:1px solid #eadde3;border-radius:8px;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.director-notification-log__field{min-width:0;display:flex;flex-direction:column;gap:3px}.director-notification-log__field>span:first-child{color:#6f6268;font-size:.82rem}.director-notification-log__field b,.director-notification-log__field>span:last-child{min-width:0;overflow-wrap:anywhere;word-break:break-word}.director-notification-log__badge{display:inline-flex;align-self:flex-start;max-width:100%;padding:4px 8px;border-radius:999px;background:#f6e9ef;color:#71314b;overflow-wrap:anywhere}.director-notification-log__badge--ok{background:#e9f3ec;color:#27613c}.director-notification-log__warning{grid-column:1/-1;margin:0;color:#71314b;font-size:.9rem;overflow-wrap:anywhere}@media (max-width:520px){.director-notification-log__toolbar{align-items:stretch;flex-direction:column;gap:8px}.director-notification-log__toolbar>div,.director-notification-log__toolbar button{width:100%}.director-notification-log__counts{gap:6px}.director-notification-log__count{padding:10px 8px}.director-notification-log__count span{font-size:.88rem}.director-notification-log__item{grid-template-columns:minmax(0,1fr);gap:9px}.director-notification-log__warning{grid-column:auto}}@media (max-width:340px){.director-notification-log__counts{grid-template-columns:1fr}.director-notification-log__count{flex-direction:row;align-items:baseline;justify-content:space-between}}
/* Daily obstacle workflow */
.daily-obstacle-panel,.daily-obstacle-card{box-sizing:border-box;max-width:100%;margin:.5rem 0;padding:.65rem .75rem;border:1px solid #d99b45;border-radius:8px;background:#fff8e8;overflow-wrap:anywhere}.daily-obstacle-panel p{margin:.35rem 0}.daily-obstacle-panel .obstacle-decision{border-top:1px solid #ead4a6;padding-top:.35rem}.daily-obstacle-card .pill{white-space:normal}.daily-obstacle-card textarea{max-width:100%}@media(max-width:360px){.daily-obstacle-panel,.daily-obstacle-card{font-size:.9rem;padding:.55rem}.daily-obstacle-panel .actions,.daily-obstacle-card .actions{display:flex;flex-wrap:wrap;gap:.35rem}.daily-obstacle-panel button,.daily-obstacle-card button{max-width:100%;white-space:normal}}
.obstacle-text{white-space:pre-wrap;overflow-wrap:anywhere}.daily-obstacle-request{padding:14px 0;border-top:1px solid #eee5e8}.daily-obstacle-request .actions{flex-wrap:wrap}.daily-obstacle-home button,.daily-obstacle-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.daily-obstacle-excused .pill{white-space:normal}.daily-obstacle-panel details{background:transparent}.daily-obstacle-history li{overflow-wrap:anywhere}

/* Late app openings; scoped, no payroll presentation changes. */
.punctuality-badge{padding:12px 14px;border:1px solid #b8791e;border-radius:12px;background:rgba(184,121,30,.12);line-height:1.5}.punctuality-person{padding:10px 0;border-top:1px solid var(--border,#8885)}.punctuality-person summary{cursor:pointer;min-height:44px;padding:10px 0;overflow-wrap:anywhere}.punctuality-panel select{width:100%;min-height:44px}.punctuality-person ul{padding-left:20px;line-height:1.8;overflow-wrap:anywhere}


/* Directors' home, 16.10.2026: presentation and navigation only. */
.director-home-v2{display:block}
.director-home-v2 .director-home-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 20px}
.director-home-v2 .director-home-heading h2{margin:0 0 6px;font-size:28px}
.director-home-v2 .director-home-heading p{margin:0}
.director-home-date{color:#796a73;font-size:13px;max-width:175px;text-align:right}
.director-home-v2 .card{padding:20px;margin-bottom:18px}
.director-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.director-section-heading h3{margin:0;font-size:17px}
.director-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;text-align:left}
.director-entry>span:first-child{min-width:0}
.director-entry strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.director-entry small{display:block;color:#776872;font-size:13px;font-weight:400;margin-top:3px}
.director-entry-end{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#a33e65}
.director-attention-list .director-entry{border:0;border-top:1px solid #ecdee5;border-radius:0;background:transparent;width:100%;padding:13px 0}
.director-attention-list .director-entry:first-child{border-top:0}
.director-attention-list .director-entry:hover{background:#fbf3f7}
.director-home-v2 .director-calm{margin:10px 0 0;color:#6d616a}
.director-home-v2 .director-metrics{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:18px}
.director-home-v2 .director-metrics>.card{min-width:0;grid-column:auto;margin:0}
.director-home-v2 .shop-metrics{display:flex;flex-wrap:wrap;gap:10px 22px;margin:12px 0}
.director-home-v2 .shop-metric{flex:1 1 125px;min-width:0}
.director-home-v2 .shop-metric strong{font-size:20px;overflow-wrap:anywhere}
.director-home-v2 .shop-achieved{flex-basis:100%}
.director-home-v2 .shop-achieved strong{font-size:28px}
.director-home-v2 .owner-receipts .summary-amount{font-size:27px;margin:15px 0 10px;overflow-wrap:anywhere}
.director-home-v2 .shop-period,.director-home-v2 .owner-receipts p.muted{font-size:12px;line-height:1.55;margin-bottom:0}
.director-workspace>h3{font-size:17px;margin:0 0 12px}
.director-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 20px}
.director-shortcuts>.director-entry{width:100%;padding:12px;background:#fff;border:1px solid #e8dce3;border-radius:12px}
.director-team-summary>.director-section-heading>.director-entry{width:auto;padding:8px 12px}
.director-team-summary p{margin:8px 0 0;font-size:13px}
.director-home-footnote{font-size:12px;margin:4px 0}
.director-subpage-heading{margin-bottom:18px}
.director-subpage-heading>.director-entry{width:auto}
.director-subpage>.daily-review-home{padding:0}
.director-subpage .daily-obstacle-request{padding:16px 0;border-bottom:1px solid #ecdee5}
.director-subpage .director-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
.director-cabinet .shell> .page-scroll>header{padding-top:20px;padding-bottom:18px}
.director-cabinet #greeting{font-size:24px}
.director-cabinet #content>.director-home{margin-top:4px}
@media(max-width:620px){
 .director-home-v2 .director-home-heading{gap:10px;margin-bottom:18px}
 .director-home-v2 .director-home-heading h2{font-size:24px}
 .director-home-date{max-width:90px;font-size:12px}
 .director-home-v2 .card{padding:16px}
 .director-home-v2 .director-metrics{grid-template-columns:minmax(0,1fr)}
 .director-home-v2 .shop-metric{flex-basis:125px}
 .director-home-v2 .shop-achieved{flex-basis:100%}
 .director-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .director-entry small{font-size:12px}
 .director-entry-end{gap:8px}
 .director-section-heading{align-items:flex-start}
 .director-subpage .director-shortcuts{grid-template-columns:minmax(0,1fr)}
}

.schedule-planner .planner-coverage{border-color:#b7791f;background:#fffaf0}.schedule-planner .planner-gap-list{display:flex;flex-wrap:wrap;gap:6px}.schedule-planner .planner-gap-list button{font-size:12px;padding:7px 9px}.schedule-planner .planner-gap-day{box-shadow:inset 0 0 0 2px #b7791f}.schedule-planner .planner-day:disabled{opacity:.55;cursor:default}

.tasks-ux .tasks-ux-tabs,.tasks-ux .tasks-ux-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tasks-ux .tasks-ux-tab[aria-pressed="true"]{background:#a44166;color:#fff}.tasks-ux .tasks-ux-card{padding:14px 18px;margin-bottom:12px}.tasks-ux .tasks-ux-card>details>summary{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;cursor:pointer;list-style-position:inside;min-height:44px}.tasks-ux .tasks-ux-title{font-weight:650;flex:1;min-width:180px;overflow-wrap:anywhere}.tasks-ux .tasks-ux-meta{display:flex;gap:5px 14px;flex-wrap:wrap;flex-basis:100%;font-size:14px;color:#766a72}.tasks-ux .tasks-ux-return{display:block;flex-basis:100%;color:#8c3c32;overflow-wrap:anywhere}.tasks-ux .tasks-ux-body{padding-top:16px}.tasks-ux .tasks-ux-body>.card{border:0;margin:0;padding:0;box-shadow:none;background:transparent}.tasks-ux .tasks-ux-edit{margin-top:10px}.tasks-ux .tasks-ux-edit button{font-size:14px;padding:9px 12px}.tasks-ux .tasks-ux-department{max-width:320px}.tasks-ux .tasks-ux-body .permanent-instruction{white-space:pre-wrap}.tasks-ux .tasks-ux-empty p{margin:0}@media(max-width:560px){.tasks-ux .task-heading{align-items:flex-start;gap:10px}.tasks-ux .task-heading>.actions{width:100%}.tasks-ux .tasks-ux-card{padding:13px 14px}.tasks-ux .tasks-ux-title{min-width:0;flex-basis:100%}.tasks-ux .tasks-ux-edit button{width:100%;min-height:44px}.tasks-ux .tasks-ux-tab{min-height:44px}.tasks-ux .tasks-ux-body button{max-width:100%;white-space:normal}}

.permanent-material-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0;overflow-wrap:anywhere}.permanent-material-row>span{min-width:0;flex:1 1 180px}.permanent-materials{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.permanent-materials>p{flex-basis:100%}.permanent-builder .permanent-editor-row{align-items:center}.permanent-builder .permanent-editor-row>p{grid-column:1/-1}

.daily-checkbox-field{display:block;margin:.5rem 0;padding:.7rem .75rem;border:1px solid rgba(0,0,0,.18);border-radius:.6rem;cursor:pointer;touch-action:manipulation}.daily-checkbox-field span{display:flex;align-items:center;gap:.65rem}.daily-checkbox-field input[type="checkbox"]{width:1.35rem;height:1.35rem;flex:0 0 auto;accent-color:#a43f64}.daily-checkbox-field input[type="checkbox"]:focus-visible{outline:3px solid rgba(164,63,100,.35);outline-offset:2px}.daily-form-error{min-height:1.25rem;margin:.25rem 0 .5rem;color:#b42318;font-weight:500}.daily-form-status{margin:.75rem 0;color:#667085;font-size:.95em}
.daily-checkbox-field:has(input:checked){background:#f7eaf0;border-color:#a43f64}.daily-checkbox-field:has(input[aria-invalid="true"]),.daily-photo-group input[aria-invalid="true"]{outline:2px solid #b42318;outline-offset:2px}.daily-form-error:empty{display:none}

.tasks-ux .tasks-ux-filters{margin:10px 0;padding:8px 12px;border:1px solid #e9e0e3;border-radius:12px;background:#fff}.tasks-ux .tasks-ux-filters>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px}.tasks-ux .tasks-ux-filter-row,.tasks-ux .tasks-ux-create-menu{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tasks-ux .tasks-ux-filter-row>.field{flex:1;min-width:min(180px,100%);margin:10px 0;max-width:100%}.tasks-ux .tasks-ux-group{margin-top:18px}.tasks-ux .tasks-ux-group>h3{margin:0 0 10px;color:#913b5b}.tasks-ux .tasks-ux-group>h4{margin:16px 0 8px}.tasks-ux .tasks-ux-card>details{border:0;margin:0;padding:0}.tasks-ux .tasks-ux-meta span{overflow-wrap:anywhere}.tasks-ux .tasks-ux-create-menu button{max-width:100%;white-space:normal}.tasks-ux .task-heading>.actions{margin-top:0}.tasks-ux .task-heading>div:first-child{flex:1;min-width:0}.tasks-ux .task-heading h2{overflow-wrap:anywhere}.tasks-ux .tasks-ux-tabs{position:static;background:transparent;border:0;padding:0}.tasks-ux .tasks-ux-empty p{margin:0 0 8px}@media(max-width:560px){.tasks-ux .tasks-ux-filter-row{display:block}.tasks-ux .tasks-ux-filters{padding:6px 10px}.tasks-ux .tasks-ux-tab{min-height:44px}}
.tasks-create-choice>section{padding:16px 0;border-top:1px solid #eee5e8}.tasks-create-choice>section>button{width:100%;white-space:normal}.tasks-create-choice>section>p{margin:8px 0 0}.tasks-create-choice>button[data-action="cancel"]{margin-top:8px;min-height:44px}
/* Local usability pilot: existing colors and business controls retained. */
.daily-photo-group{min-width:0}.daily-photo-group h3{margin:0 0 12px;font-size:1.05rem}
.daily-photo-group input[type=file]{width:100%;max-width:100%;min-width:0}
.daily-local-previews{display:flex;flex-wrap:wrap;gap:10px}.daily-local-previews figure{margin:0;max-width:150px;min-width:0}.daily-local-previews img{width:112px;height:112px;object-fit:contain;border-radius:8px}.daily-local-previews figcaption{font-size:.85rem;overflow-wrap:anywhere}
.daily-saved-picker{margin-top:12px}.daily-saved-picker summary{cursor:pointer;padding:12px 0;min-height:44px}.daily-saved-picker fieldset{min-width:0;margin:0}.daily-saved-item{padding:8px 0}.daily-saved-item label{overflow-wrap:anywhere}.daily-saved-item input[type=checkbox]{min-width:22px;min-height:22px}
.daily-photo-group [data-zone-selection]{overflow-wrap:anywhere}

/* Local compact navigation; original route controls and colors retained. */
#navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:21}
#navigation>button,#navigation>.navigation-more{min-width:0;width:100%;margin:0}
#navigation>button,#navigation .navigation-more>summary{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 4px;white-space:normal;overflow-wrap:anywhere;line-height:1.25;text-align:center}
#navigation .navigation-more-items{width:min(300px,calc(100vw - 20px));min-width:0;max-height:60vh;max-height:60dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px;bottom:calc(100% + 8px);right:0}
#navigation .navigation-more-items button{min-height:44px;max-width:100%;padding:12px;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
#navigation .navigation-more[open]>summary{box-shadow:inset 0 0 0 1px #dfc4cf}
#navigation button:focus-visible,#navigation summary:focus-visible{outline-offset:-3px}

/* Comfortable touch target for shift-opening history. */
.punctuality-panel summary{min-height:44px;padding:10px 0;line-height:1.5}

/* Approved design A: shared visual layer, existing controls and behavior retained. */
body{background:#f3f4f6;color:#302a30;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.shell{background:#f8f9fb}
header{background:#fff;border-bottom:1px solid #e1e3e8}
h1,h2{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:650;letter-spacing:-.035em}
h1{font-size:25px}h2{font-size:23px}
.card{border-color:#dde0e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #302a3004}
.hero{background:#79334f;color:#fff;border:0;border-left:5px solid #c77795}
.hero h2{font-size:24px}.hero p{color:#fff}
p,.muted,small,header p{color:#645a62}
.hero p,.hero small{color:#fff}
button,.field input,.field select,.field textarea{border-radius:10px}
.tasks-ux .tasks-ux-card{border-left:3px solid #d4bbc7}
.tasks-ux .tasks-ux-title{color:#71314b}
.tasks-ux .tasks-ux-meta{color:#645a62}
#navigation{border-color:#dde0e6;background:#fff}
#navigation button,#navigation summary{font-weight:600}
#navigation button.on{background:#f1e4eb;color:#74334e}
button:focus-visible,summary:focus-visible{outline:3px solid #71314b;outline-offset:2px}
@media(max-width:360px){h1{font-size:20px;letter-spacing:-.04em}}


.recovery-banner{padding:12px 18px;background:#fff3cd;color:#503d13;font:600 15px/1.4 system-ui;}