:root{--brand:#0f5c8c;--brand-ink:#fff;--brand-field:#0c4a70;--bg:#f2f4f6;--card:#fff;--ink:#16202a;--muted:#5b6875;--line:#dce2e8;--link:var(--brand-link,var(--brand));--ok:#1f7a4d;--ok-bg:#e4f3ea;--warn:#8a5a00;--warn-bg:#fff3d6;--bad:#a3262a;--bad-bg:#fde8e8;--chip-bg:#e8f0f7;--chip-ink:#0f4a70;--off-ink:#46525e;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1419;--card:#182029;--ink:#e6edf3;--muted:#9aa8b5;--line:#2a3540;--link:#8cc4ef;--ok:#4cc38a;--ok-bg:#12301f;--warn:#e0a940;--warn-bg:#33270c;--bad:#f07178;--bad-bg:#3a1517;--chip-bg:#1c2f42;--chip-ink:#cfe3f5;--off-ink:var(--muted);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{font:16px/1.45 var(--font);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit;font-size:16px}a{color:var(--link)}a.tap{align-items:center;min-height:44px;padding:0 6px;display:inline-flex}:focus-visible{outline:3px solid var(--link);outline-offset:2px}.app{max-width:600px;min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));margin:0 auto}.preview-strip{color:#ffd84d;text-align:center;background:#222;flex-wrap:wrap;justify-content:center;gap:12px;padding:6px 16px;font-size:13px;display:flex}.preview-strip button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;margin:-6px 0;padding:0 8px;font-size:13px;text-decoration:underline}.top{background:var(--brand);color:var(--brand-ink);top:env(safe-area-inset-top,0px);z-index:5;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;box-shadow:0 1px #00000014}.badge{background:var(--brand-field);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.top-text{min-width:0}.shop-name{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.2}.who{font-size:13px}.top select{background:var(--brand-field);max-width:45%;color:var(--brand-ink);border:0;border-radius:10px;margin-left:auto;padding:8px}.top :focus-visible{outline-color:var(--brand-ink)}main{gap:12px;padding:16px;display:grid}h1{text-wrap:balance;margin:4px 0;font-size:22px}h2{margin:0 0 8px;font-size:17px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.muted{color:var(--muted);font-size:14px}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);gap:8px;padding:12px 0;display:grid}.list li:first-child{border-top:0;padding-top:0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.chip{background:var(--chip-bg);color:var(--chip-ink);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.chip.off{background:var(--line);color:var(--off-ink)}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.small{font-size:14px}.pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:600}.btn.primary{background:var(--brand-link,var(--brand));border-color:var(--brand-link,var(--brand));color:#fff}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.wide{width:100%}label{color:var(--muted);gap:4px;font-size:14px;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--card);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:96px}a.btn{color:var(--ink);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn.primary{color:#fff}.check{min-height:44px;color:var(--ink);align-items:center;gap:10px;font-size:16px;display:flex}.check input{flex:none;width:22px;height:22px;min-height:0}.toggle[aria-pressed=true]{background:var(--chip-bg);border-color:var(--link);color:var(--chip-ink)}.form{gap:12px;display:grid}.note{border-radius:10px;padding:10px 12px;font-size:15px}.note.ok{background:var(--ok-bg);color:var(--ok)}.note.warn{background:var(--warn-bg);color:var(--warn)}.note.bad{background:var(--bad-bg);color:var(--bad)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:12px;width:44px;height:44px}.swatch[aria-pressed=true]{border-color:var(--ink)}.items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.item{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:44px;color:inherit;cursor:pointer;gap:4px;padding:12px 14px;text-decoration:none;display:grid}.item:active{background:var(--chip-bg)}.item.off,.item.off:active{cursor:default;background:var(--card)}.item .title{overflow-wrap:anywhere;font-weight:700}.card .items .item{border-radius:12px}.back{justify-self:start;align-items:center;gap:6px;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.tabs{background:var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.tabs a{min-height:44px;color:var(--off-ink);border-radius:9px;flex:1;place-items:center;font-weight:600;text-decoration:none;display:grid}.tabs a[aria-current=page]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000001f}.kv{grid-template-columns:max-content minmax(0,1fr);gap:8px 14px;margin:0;display:grid}.kv dt{color:var(--muted);padding-top:1px;font-size:14px}.kv dd{overflow-wrap:anywhere;margin:0}.kv{align-items:baseline}.kv dd a{align-items:center;min-height:44px;display:inline-flex}.reorder li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.reorder .btn{min-width:48px;padding:10px}.people{gap:8px;display:grid}.people .btn{text-align:left;gap:2px;display:grid}.people .btn span{color:var(--muted);font-size:14px;font-weight:400}time{font-variant-numeric:tabular-nums}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.pair{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;display:grid}.fields-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dollars{display:block;position:relative}.dollars:before{content:"$";color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dollars input{font-variant-numeric:tabular-nums;padding-left:26px}nav.bottom{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);z-index:6;position:fixed;bottom:0;left:0;right:0}nav.bottom .inner{max-width:600px;margin:0 auto;display:flex}nav.bottom a{min-width:0;min-height:60px;color:var(--muted);flex:1;align-content:center;place-items:center;gap:2px;font-size:13px;text-decoration:none;display:grid}nav.bottom a[aria-current=page]{color:var(--link);font-weight:700}nav.bottom svg{width:22px;height:22px}.center{place-items:center;min-height:100dvh;padding:16px;display:grid}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.colour-blue{--bk:#2563eb;--bk-bg:#e7effd}.colour-green{--bk:#15803d;--bk-bg:#e3f4e8}.colour-orange{--bk:#c2410c;--bk-bg:#fdede3}.colour-purple{--bk:#7c3aed;--bk-bg:#f0e9fd}.colour-red{--bk:#dc2626;--bk-bg:#fce8e8}.colour-teal{--bk:#0f766e;--bk-bg:#ddf3f0}.colour-pink{--bk:#db2777;--bk-bg:#fce7f1}.colour-grey{--bk:#64748b;--bk-bg:#eceff3}@media (prefers-color-scheme:dark){.colour-blue{--bk:#60a5fa;--bk-bg:#172a46}.colour-green{--bk:#4ade80;--bk-bg:#12301f}.colour-orange{--bk:#fb923c;--bk-bg:#3a2414}.colour-purple{--bk:#a78bfa;--bk-bg:#2a1f47}.colour-red{--bk:#f87171;--bk-bg:#3d1a1d}.colour-teal{--bk:#2dd4bf;--bk-bg:#0f3330}.colour-pink{--bk:#f472b6;--bk-bg:#3c1a2c}.colour-grey{--bk:#94a3b8;--bk-bg:#252d38}}.swatch.bk{background:var(--bk)}.colour-dot{background:var(--bk);vertical-align:-1px;border-radius:50%;width:12px;height:12px;display:inline-block}.colours,.choices{border:0;min-width:0;margin:0;padding:0}.colours legend,.choices legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:14px}.item.booking,.booking-card{border-left:6px solid var(--bk)}.item.booking.called-off{border-left-color:var(--line)}.item.booking.called-off .title{text-decoration:line-through}.diary-nav{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.diary-nav h2{text-align:center;margin:0}.diary-nav .btn{padding:0;font-size:24px;line-height:1}.go-to input{min-width:0}.hint svg{vertical-align:-4px;width:18px;height:18px}.day-scroll{overscroll-behavior-x:contain;overflow-x:auto}.day-grid{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-sizing:content-box;grid-template-columns:52px minmax(0,1fr);display:grid;position:relative}.hours{border-right:1px solid var(--line);position:relative}.hours span{text-align:right;color:var(--muted);margin-top:4px;font-size:13px;position:absolute;left:0;right:6px}.lanes{background-image:linear-gradient(var(--line) 1px, transparent 1px);position:relative}.slots{cursor:pointer;position:absolute;inset:0}.now-line{background:var(--bad);z-index:2;pointer-events:none;height:2px;margin-top:-1px;position:absolute;left:0;right:0}.now-line:before{content:"";background:var(--bad);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-5px}.block{z-index:1;background:var(--bk-bg);border-left:4px solid var(--bk);border-radius:8px;position:absolute}.block.movable{cursor:grab}.block.dragging{z-index:3;cursor:grabbing;box-shadow:0 8px 20px #0000004d}.block-link{color:var(--ink);-webkit-user-drag:none;flex-direction:column;gap:1px;padding:4px 6px;font-size:13px;line-height:1.3;text-decoration:none;display:flex;position:absolute;inset:0;overflow:hidden}.block.movable .block-link{padding-right:44px}.block-link>span{overflow-wrap:anywhere;flex:none}.block-link>.block-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.block-muted{color:var(--muted)}.block .chip{text-overflow:ellipsis;white-space:nowrap;vertical-align:top;max-width:100%;padding:1px 8px;font-size:12px;overflow:hidden}.grip,.resize{width:44px;height:44px;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.block .grip{cursor:grab;position:absolute;top:0;right:0}.block .resize{cursor:ns-resize;position:absolute;right:0}.block .resize.hanging{background:var(--bk-bg);box-shadow:0 2px 0 var(--bk);border-radius:0 0 8px 8px}.grip[aria-disabled=true],.resize[aria-disabled=true]{opacity:.5;cursor:progress}.week-day.drop{outline:3px solid var(--link);outline-offset:-3px}.week-day h2{gap:8px;margin:0}.week-day h2 a{min-height:44px;color:inherit;align-items:center;display:inline-flex}.week-day .row.between{margin-bottom:4px}.week-day .btn{min-width:44px;padding:0 14px;font-size:22px;line-height:1}.booking-row{grid-template-columns:minmax(0,1fr) 44px;gap:6px;display:grid}.booking-row .grip{border:1px solid var(--line);background:var(--card);cursor:grab;border-radius:12px;height:auto;min-height:44px}.drag-ghost{z-index:10;pointer-events:none;background:var(--bk-bg);border-left:6px solid var(--bk);max-width:568px;color:var(--ink);border-radius:12px;margin:0 auto;padding:12px 14px;font-weight:700;position:fixed;left:16px;right:16px;box-shadow:0 8px 20px #0000004d}.drag-ghost .muted{font-weight:400}.month-head,.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.month-head{text-align:center;color:var(--muted);margin-bottom:4px;font-size:13px}.month-grid{margin:0;padding:0;list-style:none}.month-grid a{border:1px solid var(--line);min-height:56px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 0;text-decoration:none;display:flex}.month-grid .other-month a{color:var(--muted);border-style:dashed}.month-grid a[aria-current=date]{border:2px solid var(--link);font-weight:700}.dots{flex-wrap:wrap;justify-content:center;gap:3px;max-width:36px;display:flex}.dot{background:var(--bk);border-radius:50%;width:8px;height:8px}.more-count{color:var(--muted);font-size:12px;line-height:1}.center>.card,.center>.stack{gap:14px;width:100%;max-width:420px;display:grid}.stack>.card{gap:14px;display:grid}@media screen and (width>=900px){.app{grid-template-columns:220px minmax(0,1fr);grid-template-areas:"strip strip""top top""nav main";align-content:start;align-items:start;max-width:1240px;padding-bottom:24px;display:grid}.preview-strip{grid-area:strip}.top{grid-area:top;position:static}main{grid-area:main;width:100%;max-width:980px;padding:24px}nav.bottom{border:1px solid var(--line);border-radius:var(--radius);grid-area:nav;margin:24px 0 0 16px;padding:8px;position:sticky;inset:16px auto auto}nav.bottom .inner{gap:2px;max-width:none;display:grid}nav.bottom a{border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:16px;display:flex}nav.bottom a:hover{background:var(--bg)}nav.bottom svg{flex:none}.app:not(:has(nav.bottom)){grid-template-columns:minmax(0,1fr);grid-template-areas:"strip""top""main"}.app:not(:has(nav.bottom)) main{margin:0 auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.totals{gap:4px;margin:12px 0 0;display:grid}.totals div{justify-content:space-between;gap:12px;display:flex}.totals dt,.totals dd{margin:0}.totals .grand{border-top:1px solid var(--line);padding-top:6px;font-size:18px;font-weight:700}.quote-doc .list li{padding:8px 0}.print-only{display:none}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--card:#fff;--ink:#000;--muted:#333;--line:#999;--link:#000}body{background:#fff}.app{max-width:none;padding-bottom:0}.top,nav.bottom,.preview-strip,.no-print,.back{display:none!important}.print-only{display:block}main{gap:10px;padding:0}.card{break-inside:avoid;border-color:#999}a{color:inherit;text-decoration:none}.write-in{background:repeating-linear-gradient(#fff 0 31px,#999 31px 32px);min-height:220px}}.combo{gap:4px;display:grid;position:relative}.combo>label{color:var(--muted);font-size:14px}.combo-list{z-index:5;background:var(--card);border:1px solid var(--line);border-radius:10px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 6px 18px #0000002e}.combo-list li{cursor:pointer;border-radius:8px;align-items:center;min-height:44px;padding:6px 10px;display:flex}.combo-list li[aria-selected=true],.combo-list li:hover{background:var(--chip-bg);color:var(--chip-ink)}.btn.big{width:100%;min-height:64px;font-size:20px;font-weight:700}.timesheet-day{border-top:1px solid var(--line);gap:6px;padding:12px 0;display:grid}.timesheet-day:first-child{border-top:0;padding-top:0}.timesheet-shift{border-left:3px solid var(--line);gap:4px;padding-left:10px;display:grid}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat-grid>div{background:var(--chip-bg);border-radius:12px;padding:8px 12px}.stat-grid strong{font-size:20px;display:block}.week-nav .btn{min-width:44px}.week-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.tabs.scroll{scrollbar-width:none;overflow-x:auto}.tabs.scroll a{flex:1 0 auto;padding:0 14px}.grow{flex:auto;min-width:0}.plain{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}button.item{font:inherit}.legal>.card{max-width:720px;display:block}.legal>.card>*+*{margin-top:12px}.legal h2{margin:20px 0 6px;font-size:17px}.legal ul{margin:6px 0;padding-left:20px}.legal li{margin:4px 0}.legal-link{align-items:center;min-height:44px;display:inline-flex}.legal-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;margin:0;display:flex}mark.placeholder{background:var(--warn-bg,#fff3cd);color:inherit;border-radius:3px;padding:0 2px}