:root{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#29241f;background:#f6f1e8;font-synthesis:none;text-rendering:optimizeLegibility;--green:#704c34;--green-light:#eee4d8;--cream:#f6f1e8;--muted:#776d63;--line:#e5dbcf;--orange:#a76c43;--shadow:0 10px 28px rgba(55,39,26,.08)}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
button,input{font:inherit}
button{cursor:pointer}
.topbar{height:74px;padding:0 clamp(16px,4vw,56px);display:flex;align-items:center;justify-content:space-between;background:#fbf8f2;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:white;background:var(--green);font:800 21px Manrope,sans-serif}.brand strong,.brand small{display:block}.brand strong{font:800 16px Manrope,sans-serif;letter-spacing:-.3px}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.service-clock{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.main-nav{display:flex;gap:6px;overflow-x:auto;padding:10px clamp(12px,4vw,56px);background:#fbf8f2;border-bottom:1px solid var(--line);scrollbar-width:thin;position:sticky;top:0;z-index:5}
.nav-button{display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:44px;padding:0 15px;border:0;border-radius:10px;background:transparent;color:#627068;font-size:13px;font-weight:600}.nav-button:hover{background:#f4f6f3;color:var(--green)}.nav-button.active{background:var(--green);color:white}.nav-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#ffffff2b;font-size:11px}
main{max-width:1440px;margin:0 auto;padding:32px clamp(16px,4vw,56px) 64px}.page{display:none}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 25px}.page-heading h1,.section-heading h2{margin:0;font:800 clamp(25px,3vw,34px) Manrope,sans-serif;letter-spacing:-1.1px}.eyebrow{margin:0 0 7px;color:#8b988f;font-size:10px;font-weight:700;letter-spacing:1.55px}.muted{margin:8px 0 0;color:var(--muted);font-size:13px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.menu-area{min-width:0}.menu-category{margin:0 0 27px}.category-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.category-heading h2{margin:0;font:700 17px Manrope,sans-serif}.category-heading span{font-size:11px;color:#9aa39c}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.product-button{min-height:110px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 2px 6px #20342805;transition:transform .12s,border-color .12s,box-shadow .12s}.product-button:hover,.product-button:focus-visible{transform:translateY(-2px);border-color:#9bb4a2;box-shadow:var(--shadow);outline:0}.product-button strong{display:block;font:700 14px Manrope,sans-serif}.product-button .product-price{display:block;margin-top:8px;color:#52655a;font-size:13px;font-weight:700}.product-button .product-hint{display:block;margin-top:4px;color:#9aa39c;font-size:10px}
.panel{border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}.current-order{padding:21px;position:sticky;top:78px}.panel-heading,.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2,.dialog-heading h2,.log-panel h2,.export-card h2{margin:0;font:700 19px Manrope,sans-serif;letter-spacing:-.4px}.text-button{border:0;background:none;color:#8c5944;font-size:12px;font-weight:700;padding:10px}.field-label{display:block;margin:17px 0 7px;color:#5e6a62;font-size:11px;font-weight:700}.optional{color:#9ba49d;font-weight:400}.text-input{width:100%;height:44px;padding:0 12px;border:1px solid #dfe5df;border-radius:9px;background:#fff;color:var(--green);outline:none}.text-input:focus{border-color:#789783;box-shadow:0 0 0 3px #78978322}.cart-items{max-height:42vh;overflow-y:auto;margin:15px 0}.empty-state{padding:20px 8px;color:#9aa39c;text-align:center;font-size:12px;line-height:1.6}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:12px 0;border-bottom:1px solid #eff1ee}.cart-line-main{min-width:0}.cart-line-title{font-size:12px;font-weight:700}.cart-line-options{margin-top:3px;color:#929b94;font-size:10px;line-height:1.4}.cart-line-price{font-size:12px;font-weight:700;white-space:nowrap}.cart-controls{display:flex;align-items:center;gap:7px;margin-top:7px}.qty-button,.remove-button,.icon-button{display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--green);border-radius:7px}.qty-button{width:27px;height:27px;font-size:16px}.qty-value{min-width:15px;text-align:center;font-size:11px;font-weight:700}.remove-button{width:27px;height:27px;margin-left:4px;color:#a96049}.order-total{display:flex;justify-content:space-between;align-items:center;padding:15px 0 17px;border-top:1px solid var(--line);font-size:13px;font-weight:700}.order-total strong{font:800 20px Manrope,sans-serif}.primary-button,.secondary-button{min-height:46px;padding:0 18px;border:0;border-radius:10px;font-size:13px;font-weight:700;transition:background .12s,transform .12s}.primary-button{background:var(--green);color:white}.primary-button:hover:not(:disabled){background:#354e41}.primary-button:active:not(:disabled){transform:scale(.99)}.primary-button:disabled{opacity:.42;cursor:not-allowed}.secondary-button{border:1px solid #cdd9cf;background:#f7faf7;color:var(--green)}.wide-button{width:100%}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:33px 0 15px}.section-heading h2{font-size:21px}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.order-card{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 12px #20342807}.order-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-card h3{margin:0;font:700 15px Manrope,sans-serif}.order-time{color:#89958d;font-size:11px}.order-id{color:#a1aaa3;font-size:10px;margin-top:4px}.order-items{list-style:none;padding:0;margin:13px 0}.order-items li{padding:5px 0;color:#58665d;font-size:12px;line-height:1.45}.order-items small{display:block;color:#9aa39c;font-size:10px}.order-card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:11px;border-top:1px solid #eff1ee}.order-card-bottom strong{font-size:13px}.done-button,.undo-button{min-height:38px;padding:0 13px;border-radius:8px;font-size:11px;font-weight:700}.done-button{border:0;background:var(--green-light);color:var(--green)}.undo-button{border:1px solid #e1e6e1;background:white;color:#68756c}.completed-grid .order-card{opacity:.82}.completed-grid:empty:after,.order-grid:empty:after,.history-list:empty:after{content:"No orders to show yet.";display:block;padding:18px;color:#9aa39c;font-size:13px}
.date-filter{width:190px;color:#758078;font-size:11px;font-weight:700}.date-filter .text-input{display:block;margin-top:6px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:15px 0 22px}.summary-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.summary-card span{display:block;color:#7e8981;font-size:11px}.summary-card strong{display:block;margin-top:7px;font:800 22px Manrope,sans-serif}.summary-card small{display:block;margin-top:5px;color:#a0a9a2;font-size:10px}.history-list{display:grid;gap:10px}.history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:#fff}.history-row h3{margin:0;font-size:13px}.history-row p{margin:5px 0 0;color:#89958d;font-size:11px}.history-row strong{font-size:13px;white-space:nowrap}
.checklist-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.checklist-panel,.log-panel{padding:22px}.checklist-panel h2{margin:0;font:700 18px Manrope,sans-serif}.checklist-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.checklist-progress{flex:1;margin:8px 0 13px;color:#89958d;font-size:11px}.checklist-progress progress{display:block;width:100%;height:6px;accent-color:#65836e}.checklist-select-all{flex:none;min-height:38px;margin:2px 0 8px;padding:0 12px;font-size:11px}.checklist-item,.todo-item{display:flex;align-items:center;gap:12px;min-height:53px;padding:9px 2px;border-bottom:1px solid #eff1ee}.checklist-item input,.todo-item input{width:21px;height:21px;flex:none;accent-color:var(--green)}.checklist-item span,.todo-item span{font-size:13px;line-height:1.4}.checklist-item input:checked+span,.todo-item input:checked+span{text-decoration:line-through;color:#9da69f}.checklist-panel .primary-button{margin-top:18px}.log-panel h2{margin-bottom:13px;font-size:17px}.log-entry{padding:12px 0;border-top:1px solid #eff1ee}.log-entry strong{font-size:11px}.log-entry p{margin:5px 0 0;color:#89958d;font-size:10px;line-height:1.5}.log-empty{padding:13px 0;color:#9aa39c;font-size:12px}.todo-panel{max-width:740px;padding:18px 22px}.todo-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.todo-item{min-height:55px}.todo-item span{flex:1}.delete-todo{width:34px;height:34px;border:0;border-radius:8px;background:#fbf2ef;color:#a96049;font-size:17px}
.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px}.export-card{padding:24px}.export-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:17px;border-radius:12px;background:var(--green-light);color:var(--green);font-size:20px}.export-card p{max-width:360px;min-height:36px;margin:10px 0 18px;color:#849087;font-size:12px;line-height:1.55}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:15px 0 18px}.date-range .field-label{margin-top:0}.status-message{color:#58725f;font-size:12px}.product-dialog{width:min(440px,calc(100% - 24px));max-height:90vh;padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--green);box-shadow:0 24px 80px #12241842}.product-dialog::backdrop{background:#16241bcc;backdrop-filter:blur(2px)}.dialog-heading{margin-bottom:5px}.icon-button{width:36px;height:36px;font-size:22px}.option-group{margin:19px 0}.option-group legend{margin-bottom:9px;font-size:11px;font-weight:700}.option-choices{display:flex;flex-wrap:wrap;gap:8px}.option-choice{position:relative}.option-choice input{position:absolute;opacity:0}.option-choice span{display:block;padding:10px 13px;border:1px solid var(--line);border-radius:9px;color:#657168;font-size:11px}.option-choice input:checked+span{border-color:#65836e;background:var(--green-light);color:var(--green);font-weight:700}.product-dialog #add-configured-item{margin-top:22px}.app-error{padding:12px 20px;background:#a94332;color:white;font-size:13px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.order-layout{grid-template-columns:1fr}.current-order{position:static}.cart-items{max-height:32vh}.checklist-layout{grid-template-columns:1fr}.log-panel{order:2}.main-nav{top:0}.current-order{padding:18px}}
@media(max-width:600px){.topbar{height:62px}.service-clock{font-size:11px}.main-nav{gap:3px;padding:8px 10px}.nav-button{gap:6px;padding:0 11px;min-height:42px;font-size:12px}.nav-button span{display:inline}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:19px}.page-heading h1{font-size:27px}.date-filter{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-button{min-height:96px;padding:13px}.product-button strong{font-size:12px}.order-grid{grid-template-columns:1fr}.summary-grid{gap:7px}.summary-card{padding:12px 10px}.summary-card strong{font-size:18px}.summary-card span{font-size:10px}.summary-card small{font-size:9px}.checklist-panel,.log-panel{padding:17px}.export-grid{grid-template-columns:1fr}.export-card{padding:19px}.history-row{align-items:flex-start}.history-row strong{font-size:12px}}
.record-notice{margin:0 0 18px;padding:15px 17px;border-left:4px solid var(--orange);border-radius:8px;background:#efe5d8;color:#5d4a39;font-size:12px;line-height:1.55}.record-notice strong{color:#35281e}.record-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.record-form{padding:21px}.record-form .panel-heading{margin-bottom:5px}.record-form .panel-heading h2{font-size:17px}.record-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green-light);color:var(--green);font-size:22px;font-weight:700}.record-form select.text-input{appearance:auto}.record-notes{height:90px;padding:11px 12px;resize:vertical}.record-form .primary-button{margin-top:19px}.records-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:32px 0 14px}.records-heading h2{margin:0;font:700 21px Manrope,sans-serif}.record-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.record-history-panel{padding:19px}.record-history-panel h3{margin:0 0 10px;font:700 15px Manrope,sans-serif}.service-record{padding:13px 0;border-top:1px solid var(--line)}.service-record-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.service-record-top strong{font-size:12px}.service-record-time{color:var(--muted);font-size:10px;text-align:right}.service-record-detail{margin:5px 0 0;color:#574d44;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.service-record-by{color:#8e8175;font-size:10px}.record-empty{padding:12px 0;color:#93887d;font-size:12px}.app-error{background:#923d2c}.product-button,.order-card,.summary-card,.history-row{background:#fffdf9}.panel{background:#fffdf9}.nav-button:hover{background:#f0e8dd}.primary-button:hover:not(:disabled){background:#593b29}.text-input{background:#fffdf9;color:#29241f}.text-input:focus{border-color:#9b785e;box-shadow:0 0 0 3px #9b785e22}
@media(min-width:901px) and (max-width:1100px){.order-layout{grid-template-columns:minmax(0,1fr) 320px}.nav-button{padding:0 11px}}
@media(max-width:700px){.record-forms,.record-history-grid{grid-template-columns:1fr}.records-heading{align-items:flex-start;flex-direction:column}.record-form{padding:17px}}
.record-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:32px 0 14px}.record-section-heading h2{margin:0;font:700 21px Manrope,sans-serif;letter-spacing:-.4px}.record-jump{color:#8c5944;font-size:12px;font-weight:700;text-decoration:none}.record-history-panel{margin-bottom:14px}.record-history-panel h4{margin:0 0 8px;color:#62564b;font-size:12px}.daily-record-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-record-heading h3{margin:0}.record-status{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:700}.record-status-good{background:#e8f0e9;color:#3e6348}.record-status-pending{background:#f7ebdc;color:#8c542d}.daily-checklist-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--line);font-size:12px}.daily-checklist-item small{color:#84786d;font-size:10px}.daily-checklist-item.checked .checkmark{color:#4b7957}.daily-checklist-item.missing .checkmark{color:#a76c43}.day-sales-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.day-sales-summary>div{padding:12px;border-radius:10px;background:#f6f1e8}.day-sales-summary span,.day-sales-summary strong{display:block}.day-sales-summary span{color:var(--muted);font-size:10px}.day-sales-summary strong{margin-top:5px;font:700 18px Manrope,sans-serif}.records-table-wrap{overflow-x:auto}.records-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.records-table th,.records-table td{padding:10px 9px;border-top:1px solid var(--line);vertical-align:top}.records-table th{color:#716458;font-size:10px}.records-table td small{display:block;margin-top:3px;color:var(--muted)}.staff-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:16px;align-items:start}.staff-list{margin-top:15px}.staff-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.staff-row strong,.staff-row small{display:block}.staff-row strong{font-size:12px}.staff-row small,.staff-inactive{margin-top:3px;color:var(--muted);font-size:10px}.staff-add-button{margin-top:16px}.staff-deactivate{flex:none}.training-topics{display:grid;gap:9px;margin:16px 0;padding:13px;border:1px solid var(--line);border-radius:9px}.training-topics legend{padding:0 5px;color:#5e5145;font-size:11px;font-weight:700}.training-topics label{display:flex;align-items:flex-start;gap:8px;color:#554b41;font-size:11px;line-height:1.45}.training-topics input{width:18px;height:18px;flex:none;accent-color:var(--green)}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}.signature-canvas{display:block;width:100%;height:auto;min-height:80px;border:1px solid #d8cfc4;border-radius:8px;background:#fff;touch-action:none}.clear-signature{padding:7px}.saved-signatures{display:flex;flex-wrap:wrap;gap:14px}.saved-signatures figure{margin:8px 0}.saved-signatures img{display:block;width:min(220px,42vw);height:62px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff}.saved-signatures figcaption{margin-top:4px;color:var(--muted);font-size:10px}.hazard-update-form{display:grid;gap:8px;margin-top:12px}.hazard-update-form .field-label{margin:4px 0 0}.hazard-update-form .secondary-button{justify-self:start;min-height:40px}.record-log-panel{margin-top:14px}.record-log-panel h3{margin-bottom:14px}.record-log-panel>h3:not(:first-child){margin-top:14px}@media(max-width:900px){.staff-layout{grid-template-columns:1fr}.record-section-heading{align-items:flex-start}}@media(max-width:700px){.day-sales-summary{gap:6px}.day-sales-summary>div{padding:10px 7px}.day-sales-summary strong{font-size:15px}.records-table th,.records-table td{padding:8px 6px}.signature-grid{grid-template-columns:1fr}.record-section-heading h2{font-size:18px}}
.nav-button{color:#625348}.nav-button:hover{background:#f0e8dd}.product-button,.order-card,.summary-card,.history-row,.panel,.current-order{background:#fffdf9}.product-button{box-shadow:0 2px 6px rgba(55,39,26,.05)}.product-button:hover,.product-button:focus-visible{border-color:#bd9b7c}.product-button .product-price{color:#705940}.category-heading span,.order-id,.order-time,.cart-line-options,.cart-line-options,.order-items li,.history-row p{color:#776d63}.field-label{color:#5f554a}.text-input{border-color:#ddd0c0;background:#fffdf9;color:#29241f}.text-input:focus{border-color:#9b785e;box-shadow:0 0 0 3px #9b785e22}.primary-button:hover:not(:disabled){background:#593b29}.secondary-button{border-color:#d8caba;background:#f9f4ed}.done-button{background:#eee4d8;color:#593b29}.undo-button{border-color:#e1d5c8;color:#6b5b4c}.checklist-item input,.todo-item input,.checklist-panel progress{accent-color:#704c34}.option-choice input:checked+span{border-color:#8a674b;background:#eee4d8;color:#593b29}.product-dialog::backdrop{background:#1b1714cc}.checklist-panel,.log-panel{background:#fffdf9}

/* SharePoint menu & lists sync */
.sharepoint-files, .sharepoint-problems { margin: 0.5rem 0 1rem; padding-left: 1.1rem; font-size: 0.9rem; line-height: 1.5; }
.sharepoint-problems { color: #9b2c2c; }
#sharepoint-sync code { word-break: break-all; font-size: 0.85em; }