:root{color-scheme:light dark;--navy:#2c3170;--paper:#f6f7fb;--card:#fff;--ink:#1b2440;--muted:#616b81;--line:#e2e6ef;--teal:#06766b;--teal-bg:#e5f5f0;--red:#b82e3d;--red-bg:#fff0f1;--shadow:0 3px 18px #24346a08;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;font-variant-numeric:tabular-nums}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:1rem;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button{border:0}h1,h2,h3,p,figure{margin:0}h1{font-size:1.9375rem;line-height:1.15;letter-spacing:-.8px;font-weight:730}h2{font-size:1.0625rem;line-height:1.3;font-weight:700}h3{font-size:1.125rem;line-height:1.3;letter-spacing:-.15px}p{line-height:1.5}img{max-width:100%;display:block}main{max-width:620px;margin:auto;padding:25px 20px calc(108px + env(safe-area-inset-bottom));min-height:80dvh}main:focus{outline:0}.topbar{min-height:76px;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;background:var(--navy);color:white;display:flex;align-items:center;gap:16px}.topbar img{height:42px;width:74px;object-fit:contain}.topbar>span:first-of-type{font-size:1.3125rem;font-weight:650;letter-spacing:-.2px;border-left:1px solid #ffffff30;padding-left:16px}.connection{margin-left:auto;font-size:0.6875rem;font-weight:600;padding:6px 9px;background:#ffffff17;border-radius:20px;white-space:nowrap}.connection.offline{background:#f4c060;color:#302611}.page-heading{margin-bottom:26px}.eyebrow{font-size:0.625rem;letter-spacing:1.7px;color:var(--muted);font-weight:700;margin-bottom:8px}.page-heading .subtle{margin-top:8px}.subtle{font-size:0.875rem;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.count{font-size:0.8125rem;color:var(--muted);font-weight:650}.job-section+.job-section{margin-top:24px}.job-card{display:block;position:relative;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:17px 18px;margin:0 0 12px;box-shadow:var(--shadow);color:var(--ink);min-height:136px}.card-top{display:flex;gap:8px;align-items:center;margin-bottom:10px}.place-chip{font-size:0.6875rem;line-height:1.3;font-weight:700;padding:5px 9px;border-radius:6px;width:max-content}.ashland{--place:#b91c1c;--place-bg:#fef2f2}.bigbird{--place:#2563eb;--place-bg:#eff4ff}.oscar{--place:#147334;--place-bg:#e7f5ec}.other-place{--place:#5b6377;--place-bg:#edf0f4}.place-chip{background:var(--place-bg);color:var(--place)}.changed-chip{font-size:0.625rem;font-weight:700;color:#866005;background:#fff5d7;padding:5px 8px;border-radius:6px}.job-card h3{padding-right:10px;margin-bottom:12px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.deadline{font-size:0.8125rem;font-weight:650;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:5px;font-size:0.6875rem;font-weight:650;white-space:nowrap;color:var(--muted)}.status-dot{height:5px;width:5px;border-radius:50%;background:currentColor}.status-started{color:var(--navy)}.status-guest_ready,.status-closed_out,.status-done,.status-verified{color:var(--teal)}.status-parked{color:#9a6400}.status-cancelled{color:var(--muted)}.card-arrow{position:absolute;top:55px;right:15px;font-size:1.5rem;color:#a8b0c0}.loose-ends{padding:15px 17px;border-left:3px solid #bd8524;border-radius:0 12px 12px 0;background:#fff7e9;margin-bottom:23px}.loose-ends h2{font-size:0.8125rem;margin-bottom:5px;color:#855e18}.loose-ends p{font-size:0.8125rem;margin-top:4px;color:#755522}.empty{padding:27px 22px;text-align:center}.empty h3{font-size:1.0625rem}.empty p{margin-top:8px}.empty button{margin-top:18px}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;background:var(--card);border-top:1px solid var(--line);padding:10px 12px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -3px 16px #25346405;gap:3px}.tab{min-height:52px;flex:1;background:transparent;color:var(--muted);border-radius:12px;font-size:0.8125rem;font-weight:650;max-width:145px}.tab.active{background:#ecedf8;color:var(--navy)}.tab[data-testid="nav-add"]{font-size:1.5625rem}.tabs[hidden]{display:none}.week-day{margin-bottom:26px}.week-day>h2{font-size:0.875rem;margin:0 0 12px}.day-empty{font-size:0.8125rem;border-top:1px solid var(--line);padding:10px 2px;color:var(--muted)}.back{font-size:0.875rem;font-weight:650;background:transparent;color:var(--muted);padding:0 8px 0 0;min-height:48px;margin:-10px 0 14px;text-align:left}.job-heading{margin-bottom:22px}.job-heading>.status{float:right;margin-top:4px}.job-heading h1{font-size:1.75rem;margin:14px 0 9px}.handoff{margin:0;padding:3px 18px}.handoff>div{padding:13px 0;border-bottom:1px solid var(--line)}.handoff>div:last-child{border-bottom:0}.handoff dt{font-size:0.6875rem;color:var(--muted);font-weight:650;margin-bottom:3px}.handoff dd{margin:0;font-size:0.875rem;line-height:1.5}.entry-line{margin-top:14px;font-size:0.875rem;padding:12px 15px;border-left:3px solid var(--navy);background:var(--card)}.step-card{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.step-card.step-complete{border-color:#abd5c9}.step-heading{display:flex;gap:10px;align-items:center;margin-bottom:13px}.step-heading h3{font-size:0.9375rem;flex:1}.step-number{width:25px;height:25px;border-radius:50%;font-size:0.6875rem;background:#eff1f7;color:var(--muted);display:grid;place-items:center;flex-shrink:0;font-weight:700}.step-complete .step-number{background:var(--teal-bg);color:var(--teal)}.required-label{font-size:0.625rem;color:var(--muted)}.proof-count{font-size:0.75rem;color:var(--muted);margin-bottom:9px}.photo-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.photo-tile{min-width:0;overflow:hidden;overflow-wrap:anywhere;border-radius:8px;border:1px solid var(--line);background:var(--paper)}.photo-tile img{width:100%;aspect-ratio:1;object-fit:cover}.photo-tile figcaption{font-size:0.5625rem;text-align:center;padding:3px 2px;color:var(--muted)}.missing-preview{font-size:0.6875rem;padding:8px}.photo-button{min-height:48px;position:relative;overflow:hidden;border:1px dashed #a8b0c4;border-radius:10px;background:var(--paper);color:var(--navy);display:grid;place-items:center;font-size:0.8125rem;font-weight:650;cursor:pointer}.file-input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.photo-button:focus-within{outline:3px solid var(--teal);outline-offset:3px}.photo-button:has(input:disabled){opacity:.55}.step-tap{min-height:48px;width:100%;border-radius:10px;background:var(--paper);color:var(--navy);border:1px solid var(--line);font-weight:650;font-size:0.875rem}.step-tap.complete{background:var(--teal-bg);color:var(--teal);border-color:transparent}.primary,.secondary{min-height:50px;border-radius:12px;padding:13px 20px;font-weight:650;font-size:0.875rem}.primary{background:var(--navy);color:#fff}.primary:disabled{opacity:.6}.secondary{background:var(--card);color:var(--navy);border:1px solid #bdc2d9}.full{width:100%}.job-actions{margin:18px 0 30px;display:grid;gap:10px}.text-button{min-height:48px;font-size:0.875rem;color:var(--muted);background:transparent;border-radius:10px;text-decoration:underline;text-underline-offset:4px}.close-explainer{font-size:0.75rem;text-align:center;padding:0 8px}.choice-chips,.reason-chips{display:flex;flex-wrap:wrap;gap:8px}.reason-chips[hidden]{display:none}.choice{min-height:48px;padding:11px 14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:11px;font-size:0.8125rem;flex-grow:1}.choice.selected{background:#ecedf8;color:var(--navy);border-color:var(--navy);font-weight:650}.reason-chips .choice{width:45%;flex-grow:1}.also-here{margin-bottom:30px}.also-here>h2{margin-bottom:12px}.timeline{border-top:1px solid var(--line);padding-top:22px}.timeline>h2{margin-bottom:14px}.timeline ol{margin:0;padding:0;list-style:none}.timeline li{display:flex;gap:13px;padding:0 0 18px;position:relative}.timeline li:not(:last-child)::before{content:"";position:absolute;left:4px;top:11px;bottom:0;width:1px;background:var(--line)}.timeline-mark{margin-top:6px;position:relative;border-radius:50%;background:#c6ccda;width:9px;height:9px;flex-shrink:0}.timeline strong{font-size:0.8125rem;font-weight:600}.timeline p{font-size:0.6875rem;margin-top:2px}.form-error{font-size:0.8125rem;color:var(--red);margin:12px 0;min-height:1px}.form-error:empty{margin:0}.number-proof{display:flex;gap:10px}.number-input{width:85px;min-height:50px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--card);color:var(--ink)}.number-proof button{flex:1}.place-list{display:grid;gap:12px}.place-row{min-height:84px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;align-items:center;gap:13px;text-align:left}.place-mark{display:grid;place-items:center;background:var(--place-bg);color:var(--place);width:44px;height:44px;border-radius:11px;font-size:1.6875rem}.place-row strong{display:block;font-size:1rem}.place-row small{display:block;font-size:0.75rem;color:var(--muted);margin-top:3px}.place-arrow{margin-left:auto;color:#a8b0c0;font-size:1.5rem}.manual-section{padding:20px;margin-bottom:13px}.manual-section h2{font-size:0.9375rem;margin-bottom:8px}.manual-section p{font-size:0.875rem}.manual-section p+p{margin-top:8px}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.add-tile{text-align:left;min-height:163px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:20px 17px;color:var(--ink);box-shadow:var(--shadow)}.tile-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ecedf8;color:var(--navy);font-size:1.5rem;font-weight:500;margin-bottom:17px}.problem-tile .tile-icon{background:var(--red-bg);color:var(--red)}.add-tile strong{display:block;font-size:0.9375rem;line-height:1.3}.add-tile small{display:block;color:var(--muted);font-size:0.75rem;margin-top:5px;line-height:1.4}.coming-tile{opacity:.6}.report-card{padding:20px}.report-card>label{display:block;font-size:0.75rem;font-weight:650;color:var(--muted)}.place-select{display:block;min-height:50px;width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:7px 0 24px;background:var(--card);color:var(--ink);font-size:0.9375rem}.report-card>h2{font-size:0.875rem;margin:24px 0 12px}.report-card>.primary{margin-top:23px}.report-card .photo-button{margin-top:13px}.report-card>.subtle{font-size:0.75rem;margin-top:-5px;margin-bottom:12px}.categories .choice{width:42%}.text-input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:12px;font-size:0.875rem;margin-top:12px}.me-placeholder{padding:22px}.me-placeholder h2{font-size:1rem;margin-bottom:7px}.settings-row{min-height:62px;margin:18px 0 9px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 20px;width:100%;text-align:left;color:var(--ink);font-size:0.875rem;font-weight:650}.settings-row::after{content:"›";float:right;font-size:1.25rem;color:var(--muted)}.track-copy{padding:22px}.track-copy p{font-size:0.875rem}.track-copy p+p{margin-top:16px}.welcome{padding-top:16px;text-align:center}.welcome>img{margin:0 auto 24px;border-radius:17px}.welcome>h1{font-size:1.8125rem}.welcome>.subtle{margin:12px 0 26px}.pair-card{margin-top:28px;padding:23px 20px;text-align:left}.pair-card>label{font-size:0.875rem;font-weight:600}.pair-code{display:block;margin:16px 0 20px;width:100%;min-height:65px;border:1px solid #bec4d7;border-radius:12px;background:var(--paper);color:var(--ink);font-size:1.5625rem;letter-spacing:4px;text-align:center;text-transform:uppercase;font-variant-numeric:tabular-nums}.pair-code::placeholder{font-size:0.9375rem;letter-spacing:0;text-transform:none}.pair-note{text-align:center;margin-top:17px;font-size:0.75rem}.signed-out-message{background:var(--red-bg);color:var(--red);padding:17px;border-radius:12px;font-size:0.875rem;margin-top:24px;text-align:left}.install-card{margin-top:25px;padding:25px 23px;text-align:left}.install-card h2{font-size:1.25rem;margin-bottom:16px}.install-card p{font-size:0.875rem;margin-bottom:11px}.install-card .subtle{margin-top:18px;margin-bottom:0}.install-picture{height:141px;display:grid;place-items:center;margin-bottom:25px;border-radius:12px;background:#eff0f8;overflow:hidden}.phone-drawing{width:119px;height:135px;border:4px solid #c4c7df;border-bottom:0;border-radius:17px 17px 0 0;background:#fafaff;padding:19px 12px 9px;align-self:end;text-align:center}.phone-drawing img{margin:auto;border-radius:11px}.phone-drawing span{display:block;font-size:0.5625rem;color:#2c3170;margin-top:7px}.opening{text-align:center;color:var(--muted);padding:45px 0}.notice{position:fixed;z-index:9;bottom:calc(90px + env(safe-area-inset-bottom));left:20px;right:20px;max-width:580px;margin:auto;border-radius:12px;padding:14px 17px;background:var(--navy);color:white;font-size:0.8125rem;box-shadow:0 5px 25px #19213e30}.notice-error{background:var(--red)}[hidden]{display:none!important}
@media(min-width:650px){.tabs{justify-content:center}.topbar{padding-left:max(20px,calc((100vw - 580px)/2));padding-right:max(20px,calc((100vw - 580px)/2))}.photo-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-color-scheme:dark){:root{--paper:#111725;--card:#1b2335;--ink:#f0f2f9;--muted:#acb6ca;--line:#303b52;--teal:#69d7c2;--teal-bg:#173f3e;--red:#ff9ba5;--red-bg:#432831;--shadow:none}.tab.active,.choice.selected{background:#353b65;color:#e4e6ff}.status-started{color:#b9beff}.place-chip.ashland,.ashland{--place:#fca5a5;--place-bg:#452323}.place-chip.bigbird,.bigbird{--place:#9ec1ff;--place-bg:#243c68}.place-chip.oscar,.oscar{--place:#85dda1;--place-bg:#234c35}.other-place{--place:#c6ccdb;--place-bg:#354056}.loose-ends{background:#3b3020}.loose-ends h2,.loose-ends p{color:#f1d090}.secondary,.photo-button,.step-tap{color:#c8ccff}.step-number{background:#303b52;color:#c9d0df}.changed-chip{background:#4b3b17;color:#f9d578}.tile-icon{background:#353b65;color:#d7daff}.pair-code{border-color:#505c76}.install-picture{background:#292f49}.primary{background:#3c448d}.choice.selected{border-color:#a4abed}.notice{background:#3c448d}.notice-error{background:#a52f41}.step-card.step-complete{border-color:#377366}}
@media(prefers-reduced-motion:no-preference){button{transition:border-color .12s}button:active{transform:translateY(1px)}}
.queue-banner{font-size:0.75rem;background:#fff7e9;color:#755522;border-radius:10px;padding:12px 14px;margin:0 0 20px}.key-toggle{min-height:48px;display:block;width:100%;margin:-12px 0 10px;background:transparent;color:var(--muted);font-size:0.8125rem}.pair-keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:18px}.pair-keys button{min-height:48px;min-width:48px;border:1px solid var(--line);background:var(--paper);border-radius:8px;color:var(--ink);font-size:1rem;font-weight:600}.pair-keys button:last-child{font-size:0.75rem}@media(prefers-color-scheme:dark){.queue-banner{background:#3b3020;color:#f1d090}.primary{background:#2c3170}}
h1,h2,h3,p,dt,dd,label,button,.track-copy{overflow-wrap:anywhere}.queue-banner>.text-button{font-size:0.75rem;text-align:left;padding:5px 0;min-height:48px}
.saved-other-work{padding:20px;margin-top:15px}.saved-other-work h2{font-size:0.875rem;margin-bottom:7px}.saved-other-work p{font-size:0.8125rem;color:var(--muted)}

/* Relative type follows iPhone text size. Layout grows with labels and controls. */
:root{font-size:100%;-webkit-text-size-adjust:100%;--tabs-height:90px}
@supports(font:-apple-system-body){:root{font:-apple-system-body;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}}
main{padding-bottom:calc(var(--tabs-height) + 28px + env(safe-area-inset-bottom))}
button,input,select{min-width:0;max-width:100%}input,select{border-color:#7b859c}
.topbar,.card-top,.card-bottom,.step-heading,.section-heading{flex-wrap:wrap}
.topbar>span:first-of-type{min-width:0}.connection{white-space:normal}
.status{white-space:normal}.place-chip{max-width:100%}.step-number{min-width:25px;min-height:25px;width:auto;height:auto;padding:4px}
.job-heading>.status{float:none;display:flex;margin-top:12px}.required-label{max-width:100%}
.tabs{align-items:stretch}.tab{padding:8px 2px;line-height:1.25;overflow-wrap:anywhere;min-width:48px}
.notice{bottom:calc(var(--tabs-height) + 10px + env(safe-area-inset-bottom));max-height:40dvh;overflow:auto}
.settings-row{display:flex;align-items:center;gap:12px}.settings-row::after{float:none;margin-left:auto;flex-shrink:0}
.photo-button{padding:12px;min-height:48px}.photo-button{border-color:#7b859c}
.number-proof{flex-wrap:wrap}.number-proof .number-input{flex:1;min-width:min(100%,5rem)}.number-proof button{min-width:120px}
.hours-keys{display:grid;grid-template-columns:minmax(48px,1fr) minmax(0,2fr) minmax(48px,1fr);gap:10px;align-items:center;margin:20px 0}
.hour-key{min-height:64px;min-width:48px;padding:8px;border-radius:12px;background:var(--paper);color:var(--ink);font-size:min(1.75rem,32px);border:1px solid var(--line)}
.hours-keys output{font-size:min(1.75rem,32px);text-align:center;overflow-wrap:anywhere;white-space:nowrap}
.hours-review,.pay-card,.scorecard{padding:20px;margin-top:18px}.hours-review h2{margin-bottom:8px}.hours-review p{margin-bottom:12px}.hours-review .primary{margin-top:10px}
.pay-line{margin:18px 0}.pay-total{font-weight:700;margin:20px 0}.pay-paid{color:var(--teal)}.pay-sent_to_preston{color:#795100}.pay-draft{color:var(--muted)}
.score-row{padding:18px 0;border-bottom:1px solid var(--line)}.score-row p{margin-top:8px}.score-state{font-size:.875rem;font-weight:650}.score-good{color:var(--teal)}.score-watch{color:#795100}.score-needs_attention{color:var(--red)}.score-unscored{color:var(--muted)}
.scorecard>[data-testid="bonus-line"]{margin-top:18px}.out-days{display:grid;gap:10px;margin-top:20px}.out-warning{font-size:.8125rem;color:var(--red);margin-top:12px}.manual-section label{display:block;margin-top:20px}.manual-section button{margin-top:12px}
@media(prefers-color-scheme:dark){input,select{border-color:#687890}.photo-button{border-color:#687890}.score-watch,.pay-sent_to_preston,.status-parked{color:#f1d090}}

.back,.text-button{min-width:48px}
/* The native camera input fills the label inside its one-pixel border. */
.photo-button{min-height:50px}
.report-card>.receipt-update-note{margin-top:12px}
/* Wrapped headings keep separate line boxes at the largest iPhone text size. */
h1{line-height:1.3}

.tabs{flex-wrap:wrap}.tab{flex:1 0 auto;white-space:nowrap;overflow-wrap:normal;max-width:max(145px,8rem)}
.photo-limit{font-size:.75rem;margin:12px 0 7px}.rejected-reports{margin:18px 0 23px}.rejected-reports>h2{font-size:.875rem;margin-bottom:10px}.rejected-report{padding:16px;margin-bottom:12px}.rejected-report h3{font-size:.9375rem;margin-bottom:9px}.rejected-report>.subtle{margin:8px 0}.rejected-report .secondary{margin-top:9px;min-height:48px}

.clock-card { margin-bottom: 18px; padding: 18px; }
.clock-button { min-height: 64px; font-size: 1.35rem; font-weight: 750; }
.clock-state { font-size: 1.15rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.clock-confirm { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.clock-confirm button + button, .owner-notifications button + button { margin-top: 10px; }
/* Owner clock correction controls. */
.clock-fix-dialog {width:calc(100% - 32px);max-width:390px;box-sizing:border-box;border:2px solid var(--navy,#2c3170);border-radius:16px;padding:20px;background:var(--card,#fff);color:var(--ink,#171a34)}
.clock-fix-dialog::backdrop {background:rgb(0 0 0 / 45%)}
.clock-fix-dialog label {display:block;margin:12px 0}
.clock-fix-dialog input,.clock-fix-dialog select {width:100%;box-sizing:border-box;min-height:48px}
.clock-fix-dialog button {margin-top:8px;min-height:48px}
[data-testid="owner-clock-row"] button {display:block;min-height:48px;margin-top:8px}

.owner-notifications { margin-bottom: 18px; }
.owner-notifications, .owner-notifications + .card { padding: 20px; }
.owner-notifications > h2, .owner-notifications + .card > h2 { margin-bottom: 12px; }
.owner-notifications > [data-testid="owner-push-status"] { margin-top: 12px; }
.worker-notifications { padding: 20px; }
.worker-notifications > h2 { margin-bottom: 12px; }
.worker-notifications > [data-testid="worker-push-status"] { margin-top: 12px; }
/* Preston 2026-10-02: "all 3 buildings can be on one calendar".
   Three stable lanes and labelled legend chips keep color from being the only cue. */
.calendar-switch{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px;margin:0 0 20px}
.calendar-choice{flex:1;min-height:48px;border-radius:8px;background:transparent;color:var(--ink);font-size:1rem;font-weight:650}
.calendar-choice[aria-pressed=true]{background:var(--navy);color:#fff}
/* Preston 2026-10-04: a calmer phone month with clear same-day turns. */
.month-calendar{--turn-ink:#713f12;--turn-bg:#fde68a;--turn-ring:#b45309}
.month-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.month-heading h1{font-size:1.25rem;letter-spacing:-.025em;margin:0;line-height:1.3}
.month-arrows{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.month-arrows button{min-width:48px;min-height:48px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:.875rem;font-weight:650}
.month-arrows button:first-child,.month-arrows button:last-child{font-size:1.75rem;line-height:1}
.month-arrows button:disabled{opacity:.45}
.calendar-updated{color:var(--muted);font-size:.8125rem;line-height:1.45;margin:10px 0 12px}
.month-legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}
.month-house{display:flex;align-items:center;gap:6px;min-height:48px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:8px 12px;font-size:.8125rem;font-weight:650}
.month-house[aria-pressed=false]{background:var(--paper);text-decoration:line-through}
.month-swatch{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--house-color)}
.month-house.ashland,.month-lane.ashland{--house-color:#dc2626}.month-house.bigbird,.month-lane.bigbird{--house-color:#2563eb}.month-house.oscar,.month-lane.oscar{--house-color:#16a34a}
.month-turn-key{display:flex;align-items:center;gap:5px;justify-content:flex-end;color:var(--muted);font-size:.75rem;line-height:1.4;margin:0 0 12px}
.month-turn-key>span{display:inline-grid;place-items:center;width:1.25rem;height:1rem;border-radius:4px;background:var(--turn-bg);color:var(--turn-ink);font-size:.875rem;font-weight:800;border:1px solid var(--turn-ring)}
.month-scroll{max-width:calc(100% + 4px);margin:0 -2px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.month-grid,.month-weekdays{min-width:21rem;display:grid;grid-template-columns:repeat(7,minmax(3rem,1fr));row-gap:7px;column-gap:0}
.month-weekdays{padding:0 0 10px;color:var(--muted);text-align:center;font-size:.75rem;font-weight:650}
.month-grid{border-radius:14px;overflow:hidden}
.month-day{position:relative;min-width:3rem;min-height:96px;padding:.3125rem 0 .5625rem;text-align:center;border:1px solid transparent;border-bottom-color:var(--line);border-radius:0;background:var(--card);color:var(--ink);font-size:.875rem;overflow:hidden}
.month-date{display:grid;place-items:center;width:1.5rem;height:1.5rem;line-height:1;margin:0 auto .75rem;border-radius:50%;font-weight:650}
.month-today-label{position:absolute;top:1.8125rem;left:0;right:0;font-size:.5625rem;font-weight:750;line-height:.625rem;color:var(--navy)}
.month-lanes{display:grid;gap:3px;padding:0}
/* Keep each continuous stay flush with the inner cell edges. Rounded caps mark
   a check-in, checkout or row edge; full nights keep one joined segment. */
.month-lane{position:relative;height:.875rem;background:var(--paper);overflow:hidden}
.lane-stay,.lane-am,.lane-pm{display:none;position:absolute;top:0;height:100%;background:var(--house-color);border:0;outline:0;box-shadow:none}
.lane-stay{left:0;width:100%}.lane-am{left:0;width:50%;border-radius:0 7px 7px 0}.lane-pm{right:0;width:50%;border-radius:7px 0 0 7px}
.month-lane[data-row-start=true] .lane-stay,.month-lane[data-row-start=true] .lane-am{border-top-left-radius:7px;border-bottom-left-radius:7px}
.month-lane[data-row-end=true] .lane-stay,.month-lane[data-row-end=true] .lane-pm{border-top-right-radius:7px;border-bottom-right-radius:7px}
.month-lane[data-fill=full] .lane-stay,.month-lane[data-fill=am] .lane-am,.month-lane[data-fill=pm] .lane-pm,.month-lane[data-fill=turn] .lane-am,.month-lane[data-fill=turn] .lane-pm{display:block}
.month-lane[data-shown=false]{visibility:hidden}
.lane-turn{display:none}
.month-lane[data-turn=true] .lane-am,.month-lane[data-turn=true] .lane-pm{width:calc(50% - 1.5px)}
.month-lane[data-turn=true] .lane-turn{display:grid;place-items:center;position:absolute;top:0;left:calc(50% - .625rem);width:1.25rem;height:.875rem;border:1px solid var(--turn-ring);border-radius:4px;font-size:.875rem;line-height:.75rem;font-weight:850;background:var(--turn-bg);color:var(--turn-ink);z-index:1}
.month-day.other-month .month-date{color:var(--muted)}
/* Past dates use the paper background; house fills keep their contrast. */
.month-day.past-day{background:var(--paper)}
.month-day.same-day-turn{box-shadow:inset 0 0 0 2px var(--turn-ring);border-radius:9px}
.month-day.is-today{outline:2px solid var(--navy);outline-offset:-2px;border-radius:9px}
.month-day.is-today .month-date{background:var(--navy);color:#fff}
.month-day.selected-day{border-color:var(--ink);border-radius:9px}
.month-detail{padding:18px;margin-top:20px}.month-detail h2{font-size:1.125rem;margin:0 0 14px}
.month-detail .month-detail-row{font-size:.9375rem;line-height:1.5;margin-top:14px;border-left:3px solid var(--house-color);padding-left:12px}
.month-detail-row>strong,.month-detail-row>span{display:block}.month-detail-row>strong{font-size:.875rem;margin-bottom:3px}
.month-detail-turn>span{font-weight:650}
@media(max-width:360px){.month-heading{display:block}.month-arrows{margin-top:10px}.month-legend{gap:5px}.month-house{padding:6px 10px}}
@media(prefers-color-scheme:dark){.month-calendar{--turn-ink:#573308;--turn-bg:#fcd34d;--turn-ring:#fbbf24}.month-day.is-today{outline-color:#c8ccff}.month-day.is-today .month-date{background:#c8ccff;color:#172139}.month-today-label{color:#c8ccff}.calendar-choice[aria-pressed=true]{background:#3c448d}}
/* Preston 2026-10-03: owner Turn times set planned turn hours beside the measured
   start, Guest ready, Closed out and clocked time. Status keeps a word with its color. */
.turn-times{padding:20px;margin-top:18px}
.turn-times>h2{margin-bottom:8px}
.turn-rule{margin-bottom:16px}
.turn-week+.turn-week{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.turn-week h3{font-size:1rem;margin-bottom:4px}
.turn-list{list-style:none;margin:12px 0 0;padding:0}
.turn-row{border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:10px}
.turn-row-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.turn-day{font-weight:700;font-size:.9375rem}
.turn-row-top .status{margin-left:auto}
.turn-due{font-size:.8125rem;color:var(--muted);margin-top:6px}
.turn-hours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0;padding:12px 14px;border-radius:10px;background:var(--paper)}
.turn-fact dt{font-size:.8125rem;line-height:1.3;color:var(--muted);font-weight:650}
.turn-fact dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.turn-hours dd{margin-top:2px;font-size:1.25rem;line-height:1.25;font-weight:750;white-space:normal}
.turn-hours .turn-word dd{font-size:1rem;white-space:normal}
.turn-moments{margin:10px 0 0}
.turn-moments .turn-fact{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-top:1px solid var(--line)}
.turn-moments dt{white-space:nowrap}
.turn-unbroken{white-space:nowrap}
.turn-moments dd{text-align:right;font-size:.9375rem}
.turn-moments .turn-late dd{color:#8a5a00}
.turn-amount{white-space:nowrap}
.turn-verdict{margin-top:10px;font-weight:700;font-size:.9375rem}
.turn-verdict.on-plan,.turn-verdict.under-plan{color:var(--teal)}
.turn-verdict.over-plan{color:#8a5a00}
.turn-note{margin-top:6px;font-size:.8125rem;color:var(--muted)}
.turn-updated{margin-top:14px}
@media(max-width:360px){.turn-times{padding:16px}.turn-row{padding:12px}.turn-hours{padding:10px 12px}.turn-hours dd{font-size:1.0625rem}}
@media(prefers-color-scheme:dark){.turn-verdict.over-plan,.turn-moments .turn-late dd{color:#f1d090}}
/* Phase 9 (Preston, chat 2026-10-03): the same-day turn box opens the turn.
   Plain lines on a tinted panel; the navy edge marks it without relying on color alone. */
.same-day-box{margin:0 0 18px;padding:16px 18px;border:1px solid #c9cdea;border-left:4px solid var(--navy);border-radius:14px;background:#eef0fa;color:var(--ink)}
.same-day-box h2{font-size:1rem;line-height:1.3;color:var(--navy);margin-bottom:10px}
.same-day-box p{font-size:.9375rem;line-height:1.5}.same-day-box p+p{margin-top:8px}.same-day-time{white-space:nowrap}
.owner-same-day{padding:20px;margin-top:18px}.owner-same-day>h2{margin-bottom:12px}
.owner-same-day-turn+.owner-same-day-turn{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.owner-same-day-turn h3{margin:8px 0 4px}.owner-same-day-turn .same-day-box{margin:12px 0 0}
@media(prefers-color-scheme:dark){.same-day-box{background:#232a48;border-color:#3b4470;border-left-color:#a4abed}.same-day-box h2{color:#c8ccff}}

/* Task actions follow the work, with the start tap immediately under the title. */
.job-start{margin:0 0 16px}.job-start:empty{margin:0}.reference-photos{display:block;text-align:center;text-decoration:none}.timeline>summary{font-size:.9375rem;font-weight:650;cursor:pointer;min-height:48px}.timeline[open]>summary{margin-bottom:14px}

/* Guest feedback keeps the same card and phone tap patterns as Me. */
.guest-review{padding:20px;margin-bottom:14px}
.guest-review h3{margin:16px 0 5px}
.guest-review .subtle{margin-top:8px}
.guest-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.guest-review-heading h2{margin:0}
.guest-review-heading .status{white-space:normal}
.guest-review-ratings{display:flex;flex-wrap:wrap;gap:8px 20px}
.guest-review-ratings p{margin:10px 0;padding:6px 8px;border-radius:8px}
.guest-review-ratings .review-cleaning-low{background:var(--warning-bg,#fff0cc);color:var(--warning-text,#735000);font-weight:600}
.guest-review-text{white-space:pre-wrap;overflow-wrap:anywhere}
@media(prefers-color-scheme:dark){.guest-review-ratings .review-cleaning-low{background:#4c3812;color:#ffdb8c}}

.status-paused{white-space:normal}.status-paused .status-dot{flex-shrink:0}
.job-heading>.status-paused{float:none;display:flex}
.urgent-chip{display:inline-block;background:#fff0cc;color:#735000;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;margin-left:6px}
@media(prefers-color-scheme:dark){.urgent-chip{background:#4c3812;color:#ffdb8c}}

.month-lane[data-fill=unknown]{background:repeating-linear-gradient(135deg,#e5e7eb 0 3px,#fff 3px 6px)}
.month-lane[data-fill=unknown]::after{content:"?";display:block;text-align:center;font-size:.75rem;line-height:.875rem;color:#374151}

/* One ordered daily list, with a short record of today's finishes. */
.today-tasks { margin: 12px 0; padding-left: 28px; }
.today-tasks > li { padding-left: 4px; margin-bottom: 12px; }
.today-tasks > li::marker { font-size: 1.15rem; font-weight: 700; }
.today-tasks .job-card { width: 100%; }
.from-day { margin: 0 0 6px; }
.done-task { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.done-task > .job-card, .done-task > .kitchen-job-card { flex: 1; min-width: 0; }
.done-check { color: var(--teal); font-size: 1.3rem; flex: 0 0 20px; }
.done-today .job-card { padding: 10px 12px; }
.done-today .job-card h3 { font-size: 0.95rem; margin: 5px 0 0; }
.done-today .card-bottom, .done-today .card-arrow { display: none; }

/* Keep task provenance with the title; let markers share one full-width row. */
.today-tasks .job-card, .done-task .job-card { margin-bottom: 0; }
.job-card .task-source { margin: 6px 0 10px; }
.done-today .job-card .task-source { margin-bottom: 0; }
.week-review-card { padding: 18px; margin-bottom: 20px; overflow-wrap: anywhere; }
.week-review-card > h2 { margin-bottom: 10px; }
.week-review-card > p + p, .week-review-card > div + div, .week-review-card > div + p { margin-top: 8px; }
@media (max-width: 430px) { main { padding-left: 16px; padding-right: 16px; } }
/* Owner KPIs use the app palette in both themes. */
.kpi-unit{margin-top:18px;padding:18px}.kpi-count{margin:8px 0;font-weight:650}.kpi-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.kpi-facts dt{color:var(--muted);font-size:.8125rem}.kpi-facts dd{margin:3px 0 0;font-weight:650;overflow-wrap:anywhere}.kpi-chart-turn{margin:14px 0}.kpi-track{display:block;width:100%;height:20px;margin:6px 0;background:var(--line);border-radius:4px}.kpi-bar{fill:var(--teal)}.kpi-plan-line{stroke:var(--ink);stroke-width:2}.kpi-unit h3{margin-top:16px}
.kpi-months{display:block;width:100%;height:auto;margin:24px 0 12px}.kpi-month text{font-size:.625rem;fill:var(--muted)}.kpi-month.estimate .kpi-bar{fill:var(--muted)}.kpi-spend{margin-top:28px;padding:18px}.kpi-spend p{margin:8px 0}.kpi-breakdown{padding:0;list-style:none}.kpi-breakdown li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.kpi-breakdown li span{min-width:0;overflow-wrap:anywhere}.kpi-breakdown strong{white-space:nowrap}.kpi-spend details{margin:16px 0}.kpi-spend summary{cursor:pointer;min-height:44px;font-weight:650;padding:10px 0}

.review-fixit{padding:20px;margin:0 0 16px}.review-fixit>p{margin:10px 0}.review-fixit .primary{margin-top:8px}
.guest-wait-card{padding:16px;margin:16px 0}.guest-wait-card:empty{display:none}.wait-status{color:var(--ink);border-left:4px solid #b77c13;padding-left:10px;margin-bottom:12px;font-weight:650}.guest-wait-card button{min-height:48px}
@media (max-width: 340px) { .guest-wait-card { padding-top:4px; padding-bottom:4px; } }
/* Supply stages always include their word, with color as a second cue. */
.supply-request { padding: .8rem 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.supply-request h3 { margin: .3rem 0; }
.supply-status { display: inline-block; border-radius: .4rem; padding: .25rem .55rem; font-weight: 600; }
.supply-status-asked { background: #fff0ca; color: #654500; }
.supply-status-ordered, .supply-status-arriving { background: #e1edff; color: #163f75; }
.supply-status-delivered, .supply-status-here { background: #d9f0df; color: #184f2a; }

.owner-notifications > [data-testid="owner-clock-push-setting"], .owner-notifications > [data-testid="owner-task-push-setting"] { display: block; margin-top: 8px; }
.worker-notifications [data-testid="routine-settings"] .status { display: block; margin-top: 8px; }

.practice-copy{position:fixed;top:0;left:0;right:0;z-index:100;text-align:center;background:#f4c060;color:#302611;font-size:.75rem;font-weight:700;line-height:20px;padding:calc(3px + env(safe-area-inset-top)) 12px 3px}.practice-copy~.topbar{padding-top:14px}body:has(.practice-copy){padding-top:calc(26px + env(safe-area-inset-top))}