/* Shared workflow layout; colors and illustrations retain the café design. */
@media screen {
.has-save-summary #inventorySyncStatus,.has-save-summary #businessSyncStatus{display:none!important}
body[data-cafe-layout="modern"] .header-tools .save-sync-summary{display:flex;align-items:center;gap:9px;border:1px solid #b8a37b;border-radius:12px;padding:10px 15px;min-height:42px;background:#fff8e7;color:#4e4a36;font-family:inherit;font-weight:600;font-size:12px;line-height:1.5;cursor:pointer;text-align:left;box-shadow:0 2px 0 #8d66351b}
body[data-cafe-layout="modern"] #smaregiPage #smDailyPanel .sm-date-actions button.sm-date-selected{color:#fffaf0!important}
.save-sync-summary::before,.save-state-dot{content:'';width:9px;height:9px;flex:none;border-radius:50%;background:#ac7e3d}
.save-sync-summary[data-state="synced"]::before,.save-sync-list [data-state="synced"] .save-state-dot{background:#39735c}
.save-sync-summary[data-state="error"]::before,.save-sync-list [data-state="error"] .save-state-dot{background:#ae4e35}
.save-sync-panel{padding:22px!important;scroll-margin-top:18px}
.save-sync-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.save-sync-heading h2{margin:0;font-size:19px}
.save-state{padding:6px 12px;border:1px solid #d7ba87;border-radius:20px;background:#f5e7c9;font-size:12px}
.save-state[data-state="synced"]{background:#e5ecdc;border-color:#a4b497;color:#315444}
.save-state[data-state="error"]{background:#f8e1d6;border-color:#d9a286;color:#8a3d2a}
.save-sync-note{color:#78664b;font-size:12px;line-height:1.9;margin:14px 0}
.save-sync-offline{padding:12px 15px;background:#f1e3c4;border-radius:9px;line-height:1.8}
.save-sync-list{list-style:none;padding:0;margin:0;border-top:1px solid #dfcfad}
.save-sync-list li{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #dfcfad}
.save-sync-list li>div{flex:1;min-width:0}.save-sync-list strong{font-size:13px}.save-sync-list p{font-size:12px;line-height:1.8;margin:4px 0 0;color:#79694f}
.save-sync-list .text-btn{flex:none;min-height:40px;padding:8px 10px;border:1px solid #ccbb96;border-radius:8px;white-space:nowrap}
body[data-cafe-layout="modern"] #homePage .home-heading{margin:19px 0 12px!important}
body[data-cafe-layout="modern"] #homePage .home-metrics{margin:0 0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body[data-cafe-layout="modern"] #homePage .home-metrics>a{padding:14px 16px;min-width:0}
body[data-cafe-layout="modern"] #homePage .home-metrics strong{font-size:23px}
body[data-cafe-layout="modern"] #homePage>.home-grid{margin-bottom:16px;align-items:start}
body[data-cafe-layout="modern"] #homePage .home-fold{background:#fff7e6;border:1.5px solid #c3a16c;border-radius:12px;margin:0 0 14px;overflow:hidden;min-width:0;box-shadow:0 2px 0 #b88e4d22}
body[data-cafe-layout="modern"] #homePage .home-fold>summary{padding:17px 19px;color:#365b48;font-size:14px;font-weight:700;cursor:pointer;line-height:1.7}
body[data-cafe-layout="modern"] #homePage .home-fold[open]>summary{border-bottom:1px solid #dfcdab;margin-bottom:14px}
body[data-cafe-layout="modern"] #homePage .home-fold>div{padding:0 14px 14px}
body[data-cafe-layout="modern"] #homePage .home-daily-details{grid-column:1/-1;order:100!important;margin-bottom:0}
body[data-cafe-layout="modern"] #homePage .home-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-cafe-layout="modern"] #homePage .home-fold .reference-dashboard{padding:0 14px 14px;margin:0}
body[data-cafe-layout="modern"] #homePage .home-fold #homeWorkbench{padding:0 14px 14px}
body[data-cafe-layout="modern"] #homePage .home-fold .panel{margin:0!important}
body[data-cafe-layout="modern"] #homePage .new-tool-links{margin:0 0 16px;gap:8px}
body[data-cafe-layout="modern"] #homePage .home-search{margin:0 0 16px}
@media(max-width:740px){
 body[data-cafe-layout="modern"] .header-tools{max-width:none!important;align-items:stretch!important;flex-direction:row!important;justify-content:space-between!important;width:100%}
 body[data-cafe-layout="modern"] .header-tools .save-sync-summary{font-size:11px;padding:9px 11px;flex:1;justify-content:center}
 .save-sync-panel{padding:18px 16px!important}.save-sync-list li{gap:9px}.save-sync-list strong{font-size:12px}.save-sync-list .text-btn{font-size:11px;padding:7px 8px}
 body[data-cafe-layout="modern"] #homePage .home-metrics{gap:7px}
 body[data-cafe-layout="modern"] #homePage .home-metrics>a{padding:12px 9px}
 body[data-cafe-layout="modern"] #homePage .home-metrics>a:last-child{grid-column:auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0}
 body[data-cafe-layout="modern"] #homePage .home-metrics>a:last-child strong{margin-top:10px}
 body[data-cafe-layout="modern"] #homePage .home-metrics strong{font-size:20px}
 body[data-cafe-layout="modern"] #homePage .home-metrics em{display:none}
 body[data-cafe-layout="modern"] #homePage .home-more-grid{grid-template-columns:1fr}
 body[data-cafe-layout="modern"] #homePage .home-heading{align-items:center;gap:10px}
 body[data-cafe-layout="modern"] #homePage .home-heading h1{font-size:20px}
 body[data-cafe-layout="modern"] #homePage .home-heading .primary{font-size:11px;padding:10px 12px}
 body[data-cafe-layout="modern"] #homePage .home-fold>summary{padding:15px}
}
/* Clear next actions without changing the underlying records. */
@media screen {
.save-next-step{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #bca373;border-radius:12px;background:#f4ecd4;margin:18px 0}
.save-next-step h3{margin:0 0 8px;font-size:17px;color:#355b46}.save-next-step strong{font-size:14px}.save-next-step p{margin:6px 0 0;font-size:13px;line-height:1.8}.save-next-step button{flex:none;max-width:270px;min-height:44px;white-space:normal;line-height:1.6}
.save-sync-list .text-btn{white-space:normal;max-width:210px;text-align:center;line-height:1.6}.save-sync-list p.save-reason{font-weight:700;color:#95472e}.save-sync-complete{padding:16px;background:#e7eddf;color:#355b46;border-radius:10px}
.save-kind-guide{margin:20px 0 0;border:1px solid #cbb78f;border-radius:10px;padding:15px 18px}.save-kind-guide summary{color:#355b46;font-weight:700;cursor:pointer}.save-kind-guide dl{margin:18px 0 0;line-height:1.8;font-size:13px}.save-kind-guide dt{font-weight:700;margin-top:12px}.save-kind-guide dd{margin:4px 0 0;color:#75664d}
body #shiftsPage .sh-workflow{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;padding:14px;margin:16px 0;background:#eee0c2;border:1px solid #c4aa7f;border-radius:12px}
body #shiftsPage .sh-workflow button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;white-space:normal;line-height:1.5}.sh-workflow button small{font-size:11px;font-weight:400;color:#7d6b4b}.sh-workflow p{grid-column:1/-1;margin:3px 2px 0;font-size:12px;line-height:1.7;color:#75664e}
.sh-person-settings{border:1px solid #cbb38a;border-radius:12px;padding:18px;margin:18px 0;background:#fffaf0}.sh-person-settings h3{margin-top:0}.sh-condition-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.sh-condition-shortcuts button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;white-space:normal;text-align:left;line-height:1.5}.sh-condition-shortcuts span{color:#355b46;flex:none;font-size:20px}.sh-condition-list{margin-top:18px}.sh-condition-help{background:#f3ecd7;padding:13px 15px;border-radius:8px;color:#5f6548;font-size:13px;line-height:1.8}
body #ordersPage .po-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}
body #ordersPage .po-workflow button{display:block;min-width:0;text-align:left;padding:16px;border:1px solid #bea172;border-radius:11px;background:#fffaf0;color:#4c573c;font-family:inherit;line-height:1.6;cursor:pointer;box-shadow:0 2px 0 #b6935530}
.po-workflow button>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.po-workflow b{font-size:15px}.po-workflow strong{font-size:23px;color:#355b46}.po-workflow strong small{font-size:11px;margin-left:4px}.po-workflow button>small{display:block;font-size:11px;margin-top:6px;color:#7d6b51;font-weight:400}
body #ordersPage .po-workflow button.active{background:#355b46;color:#fffaf0;border-color:#355b46}.po-workflow button.active :is(strong,small){color:#fffaf0}
.po-next-action{font-size:12px;line-height:1.8;color:#6a684b;background:#f4edd9;border-radius:8px;padding:12px 14px;margin:14px 0}
.po-workflow button:focus-visible,.sh-condition-shortcuts button:focus-visible,.sh-workflow button:focus-visible,.save-kind-guide summary:focus-visible{outline:3px solid #6a8c5c;outline-offset:3px}
@media(max-width:740px){
 .save-next-step{display:block;padding:16px}.save-next-step button{width:100%;max-width:none;margin-top:14px}.save-sync-list li{flex-wrap:wrap;align-items:flex-start}.save-sync-list li>div{flex-basis:calc(100% - 24px)}.save-sync-list .text-btn{margin-left:20px;width:calc(100% - 20px);max-width:none}
 body #shiftsPage .sh-workflow{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.sh-workflow .sh-primary{grid-column:1/-1}.sh-condition-shortcuts{grid-template-columns:1fr}.sh-person-settings{padding:15px}.sh-condition-list .sh-rule{flex-wrap:wrap;gap:12px}
 body #ordersPage .po-workflow{gap:7px;margin-bottom:16px}body #ordersPage .po-workflow button{padding:11px 9px}.po-workflow button>span{display:block}.po-workflow b{font-size:12px}.po-workflow strong{display:block;font-size:22px}.po-workflow button>small{font-size:10px;line-height:1.7}
}
@media(max-width:780px){
 body[data-cafe-layout="modern"] #homePage .reference-feature-grid{gap:8px}
 body[data-cafe-layout="modern"] #homePage .reference-feature-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:7px;align-items:center;min-height:88px;padding:9px 8px;box-sizing:border-box}
 body[data-cafe-layout="modern"] #homePage .reference-feature-art{width:48px;height:60px;margin:0}
 body[data-cafe-layout="modern"] #homePage .reference-feature-label{text-align:left;padding:0;min-width:0}
 body[data-cafe-layout="modern"] #homePage .reference-feature-label strong{font-size:13px;white-space:normal;line-height:1.5;letter-spacing:0}
 body[data-cafe-layout="modern"] #homePage .reference-feature-label small{font-size:9px;white-space:normal;line-height:1.5;margin-top:3px}
 body[data-cafe-layout="modern"] #homePage .reference-feature-label>.ui-icon{display:none}
 body[data-cafe-layout="modern"][data-cafe-font="large"] #homePage .reference-feature-grid{grid-template-columns:1fr}
 body[data-cafe-layout="modern"][data-cafe-font="large"] #homePage .reference-feature-art{width:60px;height:70px}
 body[data-cafe-layout="modern"][data-cafe-font="large"] #homePage .reference-feature-card{grid-template-columns:60px minmax(0,1fr)}
 body[data-cafe-layout="modern"][data-cafe-font="large"] #homePage .reference-feature-label strong{font-size:19px}
}
}
}
.po-draft-notice{padding:14px 18px;margin:0 0 16px;border:1px solid #bfa074;border-radius:12px;background:#fff9e9;line-height:1.8;overflow-wrap:anywhere}.po-draft-notice p{margin:0 0 8px}.po-draft-notice p:last-child{margin-bottom:0}.po-draft-notice details button{margin:8px 8px 0 0}.po-draft-notice summary{cursor:pointer;font-weight:700;color:#355b46}.task-note-mark{font-size:1.4rem;color:#355b46}.task-item>div{min-width:0}.task-item h3{overflow-wrap:anywhere}
.task-entry>summary,.task-calendar>summary{font-size:1.08rem;font-weight:700;color:#355b46;cursor:pointer;line-height:1.7}.task-entry[open]>summary,.task-calendar[open]>summary{margin-bottom:18px}.task-entry:not([open]),.task-calendar:not([open]){padding:16px 20px!important}.task-item-actions{align-items:flex-start}
/* Navigation and everyday work: same paper/wood palette, clearer hierarchy. */
@media screen {
body .related-page-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:10px;border:1px solid #c6ac80;border-radius:12px;background:#eee0c2}
body[data-cafe-layout="modern"] .related-page-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid #b69a6b;border-radius:8px;background:#fff9eb;color:#4f5b3d;font-size:14px;font-weight:700;text-decoration:none;line-height:1.5;text-align:center}
body[data-cafe-layout="modern"] .related-page-nav a.active{background:#355b46;color:#fffaf0;border-color:#355b46}
.mobile-feature-menu{box-sizing:border-box;width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 36px);overflow:auto;border:2px solid #b08c59;border-radius:20px;padding:24px;background:#fff8e9;color:#4c4c35;box-shadow:0 14px 45px #3d2e2240}
.mobile-feature-menu::backdrop{background:#33281965}.mobile-feature-menu h2{font-size:22px;margin:0}.mobile-feature-menu .mobile-stock-picker-head button{font-size:28px;color:#355b46;line-height:1}
.mobile-feature-menu section{margin:20px 0 0}.mobile-feature-menu h3{font-size:13px;letter-spacing:.06em;color:#876f4d;margin:0 0 9px}.mobile-feature-menu section nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mobile-feature-menu nav a,.settings-service-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:13px 15px;border:1px solid #c3ab82;border-radius:10px;background:#fffdf5;color:#355b46;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5}
.mobile-feature-menu nav a.active{background:#355b46;color:#fffaf0}.mobile-feature-menu nav a span,.settings-service-links a span{font-size:23px;flex:none}
.mobile-feature-menu a[hidden],.mobile-feature-menu section[hidden],body .related-page-nav a[hidden]{display:none!important}
body .task-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-heading-actions button{min-height:46px;padding:11px 17px;font-weight:700}
body #tasksPage .heading{align-items:center;gap:16px}body #tasksPage .task-entry{margin:18px 0}body #tasksPage .task-results{margin-top:18px}.task-results .tool-controls{align-items:center;justify-content:space-between}.task-results h2{margin:0}.task-filter-date[hidden]{display:none!important}
.task-empty{padding:24px 18px;text-align:center;border:1px dashed #c8b48e;border-radius:12px;background:#fffbf1}.task-empty h3{font-size:16px;margin:0 0 8px}.task-empty p{margin:0;color:#7b715a;font-size:13px;line-height:1.8}
.task-extra-options{padding:15px;border:1px solid #cfba91;border-radius:10px;background:#faf0db}.task-extra-options summary{font-size:14px;color:#355b46;font-weight:700;cursor:pointer}.task-extra-options[open]>div{margin-top:16px}.task-toolbar button{font-weight:700;min-height:44px}.task-toolbar button[aria-pressed="true"]{color:#fffaf0!important;background:#355b46!important;border-color:#355b46!important}
.display-groups{margin-top:18px}.display-group{border:1px solid #c9af83;border-radius:12px;background:#fff9eb;margin:12px 0;overflow:hidden}.display-group>summary{display:flex;align-items:center;gap:10px;padding:16px 18px;color:#355b46;font-size:15px;font-weight:700;cursor:pointer;list-style:none}.display-group>summary::before{content:'›';font-size:23px;line-height:1}.display-group[open]>summary::before{transform:rotate(90deg)}.display-group>summary>span{margin-left:auto;font-size:12px;font-weight:400;color:#846e4e}.display-group[open]>summary{border-bottom:1px solid #e0d1b4}.display-group .display-choices{padding:12px;gap:10px}.display-group .display-choices label{padding:13px 14px!important;border:1px solid #d2bd96!important;border-radius:9px!important;background:#fffdf6!important;min-height:48px}.display-group[hidden],.display-group label[hidden]{display:none!important}.settings-service-links{display:grid;gap:10px;margin:0 0 18px}
body .reference-main-nav a{min-height:38px}
.related-page-nav a:focus-visible,.mobile-feature-menu a:focus-visible,.mobile-feature-menu button:focus-visible,.task-toolbar button:focus-visible,.task-heading-actions button:focus-visible,.display-group summary:focus-visible{outline:3px solid #6a8c5c;outline-offset:3px}
@media(max-width:740px){
 body .related-page-nav{gap:6px;padding:7px;margin-bottom:18px}body[data-cafe-layout="modern"] .related-page-nav a{font-size:12px;padding:8px 10px;flex:1;min-width:calc(25% - 12px)}
 .mobile-feature-menu{padding:20px 16px}.mobile-feature-menu nav a{font-size:13px;padding:12px;min-height:52px}.mobile-feature-menu section{margin-top:18px}
 body #tasksPage .heading{display:block}.task-heading-actions{margin-top:14px}body .task-heading-actions .tag{flex-basis:100%;width:max-content}.task-heading-actions button{flex:1}.task-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.task-toolbar button{padding:9px 6px;font-size:13px}.task-results .tool-controls{align-items:flex-start;gap:12px}.task-item-actions{grid-column:2;justify-content:flex-start}.task-item-actions button{min-height:40px}
 .display-group>summary{padding:14px 13px}.display-group .display-choices{grid-template-columns:1fr!important;padding:10px}
}
}
#tasksPage .task-entry[hidden]{display:none!important}
@media screen {
.mobile-feature-menu .mobile-stock-picker-head{position:sticky;top:0;z-index:2;background:#fff8e9;padding-bottom:12px;border-bottom:1px solid #e1d2b4}
body #displaySettingsPage .wb-inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body #displaySettingsPage .text-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px!important;border:1px solid #bca478!important;border-radius:9px!important;background:#fffaf0!important;color:#355b46!important;font-size:13px;font-weight:700;line-height:1.5;text-decoration:none;cursor:pointer}
body #displaySettingsPage .text-btn[aria-pressed="true"]{background:#355b46!important;color:#fffaf0!important;border-color:#355b46!important}
body #displaySettingsPage #displayFeatureSearch{width:100%;min-height:46px;max-width:none;box-sizing:border-box;font-size:14px}
body #displaySettingsPage .display-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body #displaySettingsPage .display-choices label{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-width:0;cursor:pointer;line-height:1.6}
body #displaySettingsPage .display-choices label input{width:18px;height:18px;min-height:0;margin:0;flex:none;accent-color:#355b46}
body #displaySettingsPage .display-choices label span{flex:1;min-width:0;overflow-wrap:anywhere}
body #displaySettingsPage .display-choices label small{flex:none;font-size:11px;border-radius:5px;padding:3px 6px;background:#f1e7d0;color:#6c6049}
body #displaySettingsPage .display-choices label:has(input:checked) small{background:#e6eddf;color:#355b46}
body #displaySettingsPage .display-choices label:focus-within{outline:3px solid #6a8c5c;outline-offset:2px}
@media(max-width:780px){body[data-cafe-layout="modern"] .reference-sidebar>.reference-more{display:none!important}}
}

/* Comfortable touch targets and visible keyboard focus for sync recovery. */
#saveSyncPanel button{min-height:44px;min-width:44px;}
#saveSyncPanel button:focus-visible{outline:3px solid #38523b;outline-offset:3px;}

/* The register is one step from home, in every appearance mode. */
.home-register-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px;position:relative;z-index:1}
.home-register-shortcuts>a{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:64px;padding:12px;border:1px solid #9a997b;border-radius:8px;background:#fff9e9;color:#334c3b;text-decoration:none;min-width:0}
.home-register-shortcuts strong{font-size:15px}.home-register-shortcuts span{font-size:12px;line-height:1.5}.home-register-shortcuts>a:first-child{background:#e5eddd;border-color:#6c8968}.home-register-shortcuts a:focus-visible{outline:3px solid #24694d;outline-offset:2px}
.home-register-shortcuts[hidden],.home-register-shortcuts [hidden]{display:none!important}
@media(max-width:600px){.home-register-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.home-register-shortcuts>a:last-child{grid-column:1/-1;min-height:44px;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.home-register-shortcuts strong{font-size:14px}}
@media print{.home-register-shortcuts{display:none!important}}