:root{--bg:#f6f3ee;--surface:#fffdfa;--ink:#292525;--muted:#716461;--accent:#87434e;--line:#e5dcd5;--radius:12px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Microsoft JhengHei",system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{border:1px solid var(--accent);background:var(--accent);color:white;border-radius:8px;padding:9px 16px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.quiet{color:var(--ink);background:transparent;border-color:var(--line)}a{color:var(--accent)}h1,h2,p{margin-top:0}h1{font-size:30px;line-height:1.3;margin-bottom:8px}h2{font-size:18px;margin-bottom:16px}input,select,textarea{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);max-width:100%}textarea{min-height:145px;resize:vertical;width:100%}label{display:grid;gap:5px;margin:12px 0}.muted,.small,footer,.asideNote{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}#shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}aside{padding:32px 22px;border-right:1px solid var(--line)}.brand{display:block;text-decoration:none;color:var(--ink);font-size:23px;font-weight:700;margin-bottom:40px}.brand span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}#shops{display:grid;gap:6px;margin-bottom:20px}#shops button{background:transparent;color:var(--ink);border:0;text-align:left;padding:12px 14px}#shops button.active{background:#ecdee0;color:#6b303b;font-weight:700}.asideNote{font-size:12px;margin-top:28px}main{padding:36px;max-width:1350px;width:100%;margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.actions{display:flex;gap:8px;flex-wrap:wrap}.calendarHead{display:flex;align-items:center;gap:12px;margin-bottom:20px}.monthControls{display:flex;align-items:center;gap:6px}.monthControls button{padding:6px 14px}.textLink{margin-left:auto;font-size:13px}.calendar,.weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{text-align:center;font-size:12px;color:var(--muted);padding-bottom:10px}.calendar{border-top:1px solid var(--line);border-left:1px solid var(--line)}.day{min-height:110px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.day.outside{background:#f8f5f1}.day.today .dateNumber{background:var(--accent);color:white;border-radius:50%}.dateNumber{display:inline-block;text-align:center;min-width:25px;line-height:25px;font-size:13px;margin-bottom:4px}.shift{display:block;width:100%;background:#f3e8e9;color:#663640;border:0;padding:3px 5px;text-align:left;font-size:12px;margin:3px 0;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shift span{display:block;color:var(--muted);font-size:11px}.below{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:20px}.badge{display:inline-block;font-size:12px;min-width:22px;text-align:center;color:var(--muted);background:#eee8e2;border-radius:20px;padding:1px 6px}.rosterRow,.reviewRow{border-top:1px solid var(--line);padding:13px 0}.rosterRow strong{display:block;margin-bottom:6px}.rosterDates{display:flex;flex-wrap:wrap;gap:6px}.rosterDates button{background:white;color:var(--ink);border-color:var(--line);font-size:12px;padding:5px 9px}.reviewRow button{margin-top:8px}.empty{padding:25px 6px 0;text-align:center;color:var(--muted)}#notice{border-left:3px solid var(--accent);padding:10px 14px;background:#f0e5e4}footer{font-size:12px;padding:22px 0}dialog{width:min(660px,calc(100vw - 24px));max-height:90vh;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:24px;color:var(--ink)}dialog::backdrop{background:#29252577}.dialogHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialogHead h2{margin:0}.dialogHead button{padding:0 10px;font-size:24px}#dialogBody{margin-top:16px}.sourceText{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:var(--bg);padding:12px;border-radius:8px}.sourceImage{width:100%;height:auto;max-height:55vh;object-fit:contain;background:var(--bg)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.login{max-width:400px;margin:15vh auto}.login button{width:100%}#login{padding:20px}.error{color:#a02929}.settingsSection{padding:14px 0;border-top:1px solid var(--line)}.settingsSection button{margin:4px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}@media(max-width:1000px){#shell{grid-template-columns:190px minmax(0,1fr)}main{padding:24px}.day{min-height:90px;padding:5px}header{align-items:flex-start}.below{grid-template-columns:1fr}}@media(max-width:650px){#shell{display:block}aside{padding:18px 16px 12px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 12px;font-size:20px}.brand span,.asideNote,aside>.eyebrow{display:none}#shops{display:flex;gap:4px;overflow-x:auto;margin:0 0 8px}#shops button{flex-shrink:0;padding:7px 12px}#settingsButton{font-size:12px;padding:5px 9px}main{padding:22px 12px}header{display:block}h1{font-size:26px}header .actions{margin-top:12px}.card{padding:15px}.calendarCard{padding:12px 8px}.calendarHead{gap:8px;flex-wrap:wrap}.monthControls input{width:143px}.calendarHead select{max-width:140px;font-size:13px}.textLink{margin-left:0}.day{min-height:82px;padding:3px 2px}.shift{font-size:11px;padding:2px}.shift span{font-size:9px}.dateNumber{font-size:12px;min-width:22px;line-height:22px}.below{gap:12px;margin-top:12px}.formGrid{grid-template-columns:1fr 1fr;gap:8px}dialog{padding:18px}.empty{font-size:13px}}

.staffCard{margin-bottom:20px}.staffHead{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.staffHead h2{margin-bottom:8px}.staffList{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 20px}.staffRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.staffRow p{margin:3px 0}.staffRow button{flex-shrink:0;font-size:12px;padding:6px 10px}.accountLabel{display:block;font-size:12px;color:var(--muted)}.accountLinks{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.staffCandidates{margin-top:12px}.staffCandidates summary{cursor:pointer}.checkLabel{display:flex;align-items:center;gap:8px}@media(max-width:650px){.staffHead{display:block}.staffCard{margin-bottom:12px}.staffList{display:block}.staffCandidates .staffRow{align-items:flex-start}}

#updateReport{margin-bottom:20px;overflow-wrap:anywhere}#updateReport .textLink{display:inline-block;margin:4px 12px 4px 0}

#instagramLoginReport{margin-bottom:20px;overflow-wrap:anywhere} header .actions{flex-wrap:wrap}
.imageResults{width:100%;border-collapse:collapse;margin:16px 0;table-layout:fixed}.imageResults th,.imageResults td{text-align:left;padding:8px 5px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;vertical-align:top}.imageResults th{font-size:12px;color:var(--muted)}.imageResults button{font-size:12px;padding:6px 7px}.imageResults th:last-child{width:90px}@media(max-width:420px){.imageResults{font-size:12px}.imageResults th:last-child{width:72px}.imageResults button{padding:5px}}

/* Personal calendar: quiet system surfaces, one primary action, details on demand. */
:root{--bg:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#626267;--accent:#0068d6;--line:#e2e2e7;--radius:18px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei",sans-serif;line-height:1.55;font-variant-numeric:tabular-nums;letter-spacing:-.015em}
button{border-radius:10px;padding:9px 15px;font-weight:500;transition:background .15s ease}
button:hover{filter:brightness(.95)}.quiet:hover{background:#eaeaf0;filter:none}
:focus-visible{outline:3px solid #0068d6;outline-offset:3px}
a{text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:34px;letter-spacing:-.04em;font-weight:650}h2{font-size:18px;letter-spacing:-.02em}
#shell{grid-template-columns:210px minmax(0,1fr)}aside{background:#eeeef2;padding:34px 20px;position:sticky;top:0;height:100vh}
.brand{font-size:23px;margin-bottom:42px;letter-spacing:-.03em}.brand span{font-size:13px;margin-top:8px}
.navLabel{font-size:12px;font-weight:600;color:var(--muted);padding-left:13px}
#shops{gap:4px}#shops button{border-radius:10px;padding:11px 13px;font-weight:500}
#shops button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000008}
#settingsButton{margin-top:20px;width:100%;border:0;text-align:left;font-size:13px}
.asideNote{line-height:1.8;padding-left:13px}main{max-width:1360px;margin:0 auto;padding:38px 36px}
header{margin-bottom:26px;align-items:flex-start}.accountLabel{margin-bottom:5px;font-size:13px}#fetchStatus{font-size:13px;margin-bottom:0;max-width:440px}
.actions{align-items:center;padding-top:5px;gap:9px;justify-content:flex-end}.moreActions{position:relative;order:3}
summary{cursor:pointer;font-weight:500}.moreActions>summary{list-style:none;padding:9px 12px;border-radius:10px;background:#eaeaf0;font-size:14px}
.moreActions>summary::after{content:'⌄';margin-left:9px}.moreActions>div{position:absolute;z-index:5;right:0;top:44px;display:grid;gap:6px;padding:8px;width:190px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 24px #00000012}
.moreActions button{text-align:left;border:0;white-space:nowrap}#refreshButton{order:2}
.card{padding:24px;border:1px solid var(--line);box-shadow:0 2px 5px #00000002}
.calendarCard{padding:24px 20px}.calendarHead{margin-bottom:24px;gap:14px}.monthControls input{border:0;background:transparent;font-weight:600;font-size:19px;padding:6px}
.monthControls button{border:0;color:var(--muted);background:#f5f5f7;font-size:23px;line-height:1;padding:7px 12px}
.calendarHead select{background:#f5f5f7;border:0;border-radius:9px}.weekdays{font-size:12px;padding-bottom:14px}
.calendar{border-left:0}.day{border-right:0;border-bottom:1px solid var(--line);min-height:103px;padding:8px 6px}.day+.day{border-left:1px solid #f0f0f3}.day.outside{background:#fafafc;color:#929299}.day.today .dateNumber{background:var(--accent)}
.shift{background:#eaf3ff;color:#004f9f;border-radius:6px;padding:4px 6px}.shift span{color:#416387}.badge{background:#ededf2;color:#55555a;padding:2px 8px}
.below{grid-template-columns:1.15fr 1fr;gap:20px}.reviewRow,.rosterRow{padding:16px 0}.rosterDates button{background:#f5f5f7;border:0;border-radius:7px;color:#3a3a3e}
.rosterDisclosure,.diagnosticDisclosure,.history{margin-top:16px;padding:16px 22px;box-shadow:none;background:transparent}.rosterDisclosure[open],.diagnosticDisclosure[open],.history[open]{background:white}
.rosterDisclosure summary,.diagnosticDisclosure summary,.history summary{font-size:14px;color:#48484d}.staffCard{margin:22px 0 0}.staffHead h2{font-size:17px}
#instagramLoginReport,#updateReport{margin:20px 0 0;border-top:1px solid var(--line);padding-top:18px}#notice{border:0;border-radius:10px;background:#eaf3ff;color:#004f9f;font-size:13px;margin-bottom:18px}
.empty{font-size:14px;padding:26px 0 6px;margin:0}.sourceText{background:#f5f5f7;max-height:240px;overflow:auto;font:13px/1.7 ui-monospace,monospace}.sourceImage{background:#f5f5f7;border-radius:12px}
dialog{width:min(1050px,calc(100vw - 32px));border:0;border-radius:22px;padding:28px;box-shadow:0 24px 90px #00000030}dialog::backdrop{background:#00000040;backdrop-filter:blur(3px)}.dialogHead button{border:0;border-radius:50%;background:#f0f0f4}
.imageWorkspace{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:24px;align-items:start;margin:20px 0}.imagePane{position:sticky;top:0}.imagePane .sourceImage{max-height:65vh}.imageResults{margin-top:0}.imageResults details p{margin:10px 0}.imageResults summary{font-size:12px;color:var(--muted)}
footer{padding:22px 2px;font-size:11px}*{scrollbar-width:thin;scrollbar-color:#c2c2c9 transparent}
@media(max-width:1100px){#shell{grid-template-columns:180px minmax(0,1fr)}main{padding:28px 22px}header{display:block}.actions{justify-content:flex-start;padding-top:18px}.below{grid-template-columns:1fr}.day{min-height:94px}}
@media(max-width:650px){#shell{display:block}aside{height:auto;position:static;padding:20px 16px 12px;background:#f5f5f7}.brand{font-size:22px;margin-bottom:16px}#shops{margin-bottom:8px}#shops button{padding:8px 13px}#shops button.active{background:#1d1d1f;color:white;box-shadow:none}#settingsButton{width:auto;margin-top:0;padding:4px 0}.navLabel{display:none}main{padding:24px 14px}h1{font-size:30px}header{margin-bottom:20px}.actions{gap:7px}.actions button{font-size:13px;padding:9px 11px}.moreActions>summary{padding:9px 10px;font-size:13px}.moreActions>div{right:0}.calendarCard{padding:18px 8px}.calendarHead{gap:10px;margin-bottom:18px}.monthControls{gap:3px}.monthControls input{font-size:16px;width:148px}.calendarHead select{font-size:12px;max-width:120px}.textLink{font-size:12px}.day{min-height:80px;padding:5px 2px}.dateNumber{font-size:12px;line-height:22px;min-width:22px}.shift{font-size:10px;padding:3px 2px}.shift span{font-size:9px}.card{padding:20px 16px}.calendarCard{padding:18px 8px}.below{gap:14px}.rosterDisclosure,.diagnosticDisclosure,.history{padding:15px 16px}.imageWorkspace{grid-template-columns:1fr;gap:16px}.imagePane{position:static}.imagePane .sourceImage{max-height:38vh}.imageResults{font-size:12px}dialog{padding:20px;width:calc(100vw - 20px);max-height:92vh;border-radius:18px}.dialogHead h2{font-size:18px}.formGrid{grid-template-columns:1fr}.imageResults button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.imageDownload{display:block;margin:10px 0 20px;font-size:13px}

.savedGallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px}.savedGallery p{overflow-wrap:anywhere}.savedGallery .sourceImage{height:260px}

.multiDates{margin:16px 0;padding:16px;background:#f5f5f7;border-radius:16px}.multiDates .monthControls{margin:12px 0}.datePickerGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.datePickerGrid button{min-width:0;padding:10px 0;border-radius:10px}.datePickerGrid .selectedDate{background:#007aff;color:#fff}.personLink{font-weight:600;color:#007aff;text-decoration:none}.personLink:hover{text-decoration:underline}

/* Disclosures preserve task focus and stay open across data refreshes. */
.compactSection>summary{font-size:17px;font-weight:600;cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center}.compactSection>summary::after{content:'＋';margin-left:auto;color:var(--muted)}.compactSection[open]>summary::after{content:'−'}.compactSection[open]>summary{margin-bottom:18px}
.foldSection{border-bottom:1px solid var(--line);padding:12px 0}.foldSection>summary{cursor:pointer;font-weight:500;line-height:1.6}.foldSection[open]>summary{margin-bottom:12px}.foldSection>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.foldSection>p{margin:12px 0}.staffFold>summary{display:flex;justify-content:space-between;gap:16px}.staffFold>summary .small{font-weight:400;color:var(--muted)}.foldActions{display:flex;gap:8px;margin:12px 0 4px}.imageResults td{font-variant-numeric:tabular-nums}.imageResults .foldSection{border:0;padding:4px 0}.imageResults .foldSection>summary{font-size:12px;color:var(--muted)}.imageResults th:last-child{width:64px}.compactSection{align-self:start}.staffFold .accountLabel{display:block;margin:8px 0}.foldSection .sourceImage{display:block;margin:16px auto;max-height:55vh}.foldSection form{margin-top:12px}

@media(max-width:650px){.shift span{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.imageResults td{overflow-wrap:anywhere}}
/* Refined system surfaces: calm navigation, clear task hierarchy. */
:root{--bg:#f4f5f7;--surface:#fff;--ink:#202124;--muted:#626873;--accent:#0066cc;--line:#e5e7ec;--radius:18px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei",sans-serif;font-size:14px;line-height:1.6;letter-spacing:.005em}
::selection{background:#d3e8ff;color:#123c66}input,textarea{caret-color:var(--accent)}
button{border-radius:10px;min-height:40px;font-weight:550;transition:background-color .16s ease,color .16s ease;box-shadow:none}
button:hover{filter:brightness(.97)}button:disabled{cursor:not-allowed}.quiet:hover{background:#e9edf3}.quiet{background:#fff;border-color:#dce0e6;color:#343a44}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{text-underline-offset:3px}
#shell{grid-template-columns:216px minmax(0,1fr)}aside{padding:34px 20px;background:#eef0f4;border-right:1px solid #e2e5eb;position:sticky;top:0;height:100vh}
.brand{font-size:22px;font-weight:650;letter-spacing:-.025em;margin-bottom:42px}.brand span{margin-top:7px;font-size:12px}.navLabel{font-size:11px;color:var(--muted);padding-left:12px;margin-bottom:12px}
#shops{gap:5px}#shops button{padding:11px 14px;font-size:14px;border-radius:10px;font-weight:500}#shops button.active{background:#fff;color:#172c46;box-shadow:0 2px 5px #25385808;font-weight:650}#shops button:hover{background:#ffffffa6}
#settingsButton{background:transparent;border:0;text-align:left;padding-left:12px;font-size:12px;color:var(--muted)}.asideNote{padding-left:12px;line-height:1.8}
main{max-width:1260px;margin:0 auto;padding:38px 40px}header{align-items:flex-end;margin-bottom:28px}.accountLabel{font-size:12px;color:var(--muted);overflow-wrap:anywhere}header .accountLabel{margin-bottom:6px}h1{font-size:34px;font-weight:650;letter-spacing:-.035em;margin-bottom:6px}#fetchStatus{font-size:12px;margin:0}.actions{gap:8px;align-items:center}.actions button{font-size:12px;padding:9px 13px}#imageImportButton{order:0;background:#0066cc;border-color:#0066cc;box-shadow:0 2px 4px #0066cc15}#refreshButton{order:1}#scheduleRefreshButton{order:2}.moreActions{order:3}
.moreActions>summary{background:white;border:1px solid #dce0e6;border-radius:10px;padding:8px 12px;font-size:12px;min-height:40px;display:flex;align-items:center}.moreActions>div{top:46px;border-radius:12px;box-shadow:0 8px 28px #24334d16}.moreActions>summary::after{content:'';display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:12px;margin-top:-3px}
.card{padding:24px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 6px #27344703;border-radius:18px}.calendarCard{padding:24px 24px 14px}.calendarHead{margin-bottom:22px}.monthControls input{font-size:20px;font-weight:600;letter-spacing:-.02em}.monthControls button{background:#f1f3f6;border:0;border-radius:9px;width:34px;min-height:34px;padding:2px}.calendarHead select{font-size:12px;padding:8px 12px;border-radius:9px;background:#f1f3f6}.calendarHead .textLink{font-size:12px}.weekdays{font-size:11px;padding-bottom:14px}
.day{min-height:98px;padding:9px 7px;border-bottom:1px solid #e9ecf0}.day+.day{border-left:1px solid #eef0f4}.day.outside{background:#fafbfc}.dateNumber{font-size:12px;font-weight:500;margin-bottom:5px}.shift{padding:5px 7px;border-radius:7px;background:#eaf3ff;color:#174d83;font-size:12px;line-height:1.4}.shift span{font-size:10px;color:#385d83;margin-top:2px}
.below{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.badge{background:#f0f2f5;color:#535c69;font-size:11px;font-weight:500;padding:2px 8px}.compactSection{padding:20px 22px}.compactSection>summary{font-size:15px;letter-spacing:-.01em}.compactSection>summary::after{content:'';width:7px;height:7px;border-right:1.5px solid #78818e;border-bottom:1.5px solid #78818e;transform:rotate(45deg);margin-right:3px;margin-top:-4px}.compactSection[open]>summary::after{content:'';transform:rotate(225deg);margin-top:4px}
.rosterDisclosure,.diagnosticDisclosure,.history{margin-top:14px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:14px}.rosterDisclosure>summary,.diagnosticDisclosure>summary,.history>summary{font-size:13px;font-weight:550;color:#434c58}.staffCard{margin-top:22px}.staffHead{align-items:center;gap:16px}.staffHead h2{font-size:17px;font-weight:600;margin:0}.staffHead .small{font-size:12px}.staffList{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.staffFold{padding:14px 0}.foldSection{padding:14px 0;border-color:#e9ecf0}.foldSection>summary{font-size:14px;line-height:1.6}.staffFold>summary{align-items:center;font-weight:550}.staffFold>summary .small{font-size:11px}.staffCandidates{margin-top:22px;border-top:1px solid var(--line);border-bottom:0;padding-top:18px}.staffCandidates>.staffRow{gap:18px;font-size:13px}.staffCandidates>summary{font-weight:550}.staffRow button{font-size:12px;min-height:34px}.rosterDates{gap:8px}.rosterDates button{min-height:34px;font-size:12px;background:#f1f3f6;border:0;color:#333d49;padding:6px 10px}.foldActions{gap:8px}.foldActions button{font-size:12px;min-height:34px}
#notice{background:#edf5ff;color:#164f85;font-size:12px;line-height:1.8;border:1px solid #d4e7ff;padding:12px 16px;border-radius:11px;margin-bottom:20px}#updateReport,#instagramLoginReport{font-size:13px}.empty{font-size:13px;padding:20px 0 12px}footer{font-size:11px;line-height:1.8;padding:20px 2px;color:#686f7b}
dialog{border-radius:20px;padding:28px;max-width:850px;box-shadow:0 24px 70px #16253b33}dialog::backdrop{background:#1723335e;backdrop-filter:none}.dialogHead h2{font-size:21px;font-weight:600;letter-spacing:-.02em}.dialogHead button{width:34px;min-height:34px;padding:0;font-weight:400;font-size:24px}.sourceText{background:#f3f5f8;font:12px/1.8 ui-monospace,monospace;border-radius:10px}.sourceImage{border-radius:12px}.imageResults th{font-weight:500;font-size:12px}.imageResults td{padding:12px 6px;font-size:13px}.imageResults button{min-height:32px}.imageDownload{font-size:12px}.formGrid{gap:0 18px}label{font-size:13px;color:#434c58}input,select,textarea{font-size:14px;border-radius:10px;border-color:#dce1e8;padding:10px 12px}.personLink{color:#0066cc}.multiDates{background:#f3f5f8;border-radius:12px}.datePickerGrid button{min-height:38px}.checkLabel{color:#434c58}
@media(max-width:1100px){#shell{grid-template-columns:185px minmax(0,1fr)}main{padding:30px 24px}header{display:block}.actions{padding-top:18px}.below{grid-template-columns:1fr 1fr}}
@media(max-width:650px){#shell{display:block}aside{position:static;height:auto;padding:22px 16px 14px;background:#f4f5f7;border-right:0;border-bottom:1px solid #e4e7ec}.brand{margin-bottom:16px;font-size:22px}.brand span{display:none}#shops{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;margin-bottom:6px}#shops button{white-space:nowrap;flex-shrink:0;padding:8px 12px;min-height:36px;border:1px solid #e0e4eb;background:white;font-size:13px}#shops button.active{background:#23354a;color:#fff;border-color:#23354a;box-shadow:none}#settingsButton{font-size:11px;padding:4px 0;min-height:28px}.asideNote,.navLabel{display:none}main{padding:24px 14px}h1{font-size:29px}header{margin-bottom:22px}.actions{gap:7px;padding-top:16px}.actions button{font-size:11px;padding:8px 10px;min-height:36px}.moreActions>summary{min-height:36px;padding:7px 10px;font-size:11px}.calendarCard{padding:18px 8px 10px}.calendarHead{gap:8px;flex-wrap:wrap;margin-bottom:18px}.monthControls input{font-size:17px;width:150px}.calendarHead select{max-width:116px;font-size:11px}.calendarHead .textLink{font-size:11px}.weekdays{padding-bottom:12px}.day{min-height:82px;padding:6px 2px}.dateNumber{font-size:11px}.shift{font-size:10px;padding:4px 2px}.shift span{font-size:9px;white-space:normal;overflow-wrap:anywhere}.below{grid-template-columns:1fr;gap:12px;margin-top:14px}.compactSection,.rosterDisclosure,.diagnosticDisclosure,.history{padding:17px 18px;border-radius:13px}.compactSection>summary{font-size:14px}.staffHead{display:block}.staffHead .small{display:block;margin-top:6px}.staffList{display:block}.staffCandidates>.staffRow{align-items:flex-start}.staffCandidates button{min-height:36px}.foldSection>summary{font-size:13px}.staffCard{margin-bottom:0}dialog{width:calc(100vw - 20px);padding:22px 18px;border-radius:17px;max-height:92vh}.dialogHead h2{font-size:19px}.imageResults td{font-size:12px}.formGrid{grid-template-columns:1fr}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.rosterSearch{display:block;margin:18px 0 8px;width:min(100%,360px);background:#f4f6f9;border:1px solid #e1e5ec;font-size:13px}.staffFold>summary::before{content:"";display:inline-block;width:6px;height:6px;flex-shrink:0;border-right:1.5px solid #77818e;border-bottom:1.5px solid #77818e;transform:rotate(-45deg)}.staffFold[open]>summary::before{transform:rotate(45deg)}.staffFold>summary{justify-content:flex-start;gap:12px}.staffFold>summary .small{margin-left:auto}.staffFold[hidden]{display:none}

/* Select a person, collect or import, then edit the review in place. */
.rosterDisclosure{margin:0 0 22px}.rosterDisclosure[open]>.staffCard{margin-top:18px}.staffList{max-height:300px;overflow:auto;padding-right:8px;scrollbar-gutter:stable}.foldActions{flex-wrap:wrap}.foldActions button{min-height:38px}.foldActions button:first-child{background:#0066cc;color:#fff;border-color:#0066cc}.foldActions button:disabled{background:#e8ecf2;color:#626873;border-color:#e1e5ec}.reviewEditor{padding:20px 0;border-bottom:1px solid #e4e8ef}.reviewEditorHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.reviewFields{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;gap:12px}.reviewFields label{margin:0}.reviewFields input{width:100%;min-width:0;font-size:13px;padding:9px}.reviewEditor>details{margin-top:14px;font-size:12px}.reviewEditorActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.reviewEditorActions button{min-height:36px;font-size:12px}.reviewEditorActions button:nth-child(2){background:#0066cc;color:white;border-color:#0066cc}.reviewDone{padding:12px;background:#eaf5ee;color:#24623d;border-radius:10px}.rosterDisclosure summary{font-weight:600}.reviewEditor>details>label{display:inline-grid;margin-right:12px}#dialogBody>p.small{max-width:65ch}@media(max-width:650px){.staffList{max-height:320px;padding-right:4px}.reviewFields{grid-template-columns:1fr 1fr}.reviewEditor{padding:18px 0}.reviewEditorActions button{flex:1 1 auto}.foldActions{gap:7px}.foldActions button{font-size:11px;padding:8px 10px}.rosterDisclosure{margin-bottom:18px}}

.maidPickerList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;max-height:52vh;overflow:auto}.maidPickerItem{text-align:left;background:#f5f6f8;border:1px solid #e5e8ec;color:#253344;padding:14px 16px}.maidPickerItem:hover{background:#eaf3ff;border-color:#b8d6fa}.reviewFields select{width:100%;min-width:0}@media(max-width:650px){.maidPickerList{grid-template-columns:1fr}}

/* Keep source evidence beside the editor; stack it above on phones. */
dialog:has(.reviewWorkspace){width:min(1320px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:94dvh}.reviewSplit{display:grid;grid-template-columns:minmax(300px,44%) minmax(0,1fr);gap:24px;max-height:calc(94dvh - 122px);min-height:0}.imageReviewPreview,.imageReviewFields{min-width:0;min-height:0;overflow:auto}.imageReviewPreview{padding:6px;background:#f4f5f7;border-radius:12px}.imageReviewPreview .sourceImage{max-height:calc(94dvh - 170px);display:block}.imageReviewPreview .imageDownload{display:block;padding:8px}.imageReviewFields{padding:0 8px 8px 0;overscroll-behavior:contain}.imageReviewFields>.small{margin-bottom:12px}.batchIdentityList{margin-top:18px}.batchIdentityRow{border-top:1px solid var(--line);padding:12px 0}.batchIdentityRow>details{font-size:12px}.batchIdentityRow .checkLabel input{width:18px;height:18px}
@media(max-width:650px){body{font-size:16px}input,select,textarea{font-size:16px}.actions button,.foldActions button,.reviewEditorActions button,.staffRow button,.maidPickerItem{min-height:44px}.actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.moreActions>summary{min-height:44px;justify-content:center}.calendarHead{align-items:center}.calendarHead select{max-width:100%;min-width:0;flex:1}.sourceText{font-size:12px}dialog:has(.reviewWorkspace){width:calc(100vw - 12px);padding:16px 14px;max-width:calc(100vw - 12px);max-height:96dvh;margin:auto}.reviewSplit{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,42dvh) minmax(0,1fr);gap:12px;height:calc(96dvh - 100px);max-height:calc(96dvh - 100px)}.imageReviewPreview{overflow:auto;display:flex;flex-direction:column;align-items:center}.imageReviewPreview .sourceImage{width:100%;height:calc(42dvh - 44px);max-height:calc(42dvh - 44px);flex-shrink:0;object-fit:contain}.imageReviewPreview .imageDownload{padding:4px 8px;min-height:32px}.imageReviewFields{padding-right:2px;overflow:auto;scrollbar-gutter:stable}.reviewFields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reviewFields input,.reviewFields select{font-size:16px;width:100%}.reviewEditorHead{flex-wrap:wrap}.reviewEditorActions{gap:8px}.formGrid{grid-template-columns:1fr}.batchIdentityRow .formGrid{grid-template-columns:1fr}.dialogHead h2{font-size:18px}.dialogHead button{width:44px;min-height:44px}.maidPickerList{max-height:55dvh}.staffList{max-height:38dvh}}
@media(max-height:520px) and (max-width:900px){.reviewSplit{grid-template-columns:minmax(150px,30%) minmax(0,1fr);grid-template-rows:1fr;height:calc(96dvh - 90px)}.imageReviewPreview .sourceImage{height:calc(96dvh - 140px);max-height:calc(96dvh - 140px)}}

.imagePreviewActions{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.imageZoomButton{display:block;min-height:40px;font-size:13px;padding:6px 12px}.imagePreviewActions{position:sticky;bottom:0;background:#f4f5f7;padding-top:6px}.imageReviewPreview .sourceImage{margin:0 auto 6px}.imageExpanded .imageReviewPreview .sourceImage{width:160%;max-width:none;max-height:none;height:auto;object-fit:contain}.imageExpanded .imagePreviewActions{position:sticky;width:100%;left:0}@media(max-width:650px){.imageZoomButton{display:block;min-height:44px;font-size:13px;padding:6px 12px}.imageReviewPreview .sourceImage{height:calc(42dvh - 70px);max-height:calc(42dvh - 70px)}.reviewSplit.imageExpanded{grid-template-rows:minmax(0,60dvh) minmax(0,1fr)}.imageExpanded .imageReviewPreview .sourceImage{width:100%;height:calc(60dvh - 70px);max-height:calc(60dvh - 70px)}.imagePreviewActions{flex-shrink:0}.imageReviewFields:focus{outline:1px solid #b1d0f0;outline-offset:1px}}

@media(min-width:651px){.imageReviewFields .reviewFields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.imageReviewPreview .imageDownload{margin:0}

/* The image pane is independent of the form's scroll position. */
dialog:has(.reviewWorkspace){overflow:hidden}
.reviewSplit{height:calc(94dvh - 122px);grid-template-rows:minmax(0,1fr)}
.imageReviewPreview{position:relative;top:auto;height:100%;max-height:100%;border:0;overflow:hidden;display:block;padding:6px;align-self:stretch}
.imageReviewItem{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
.imageViewport{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.imageCanvas{width:100%;height:100%;margin:0 auto}
.imageCanvas .sourceImage{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain}
.imageReviewPreview:has(.imageReviewItem:nth-child(2)){overflow:auto}
.imageReviewPreview:has(.imageReviewItem:nth-child(2)) .imageReviewItem{margin-bottom:16px}
.imagePreviewActions{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 2px;align-items:center}
.imageScaleButton{font-size:12px;padding:7px 9px;min-height:38px}
.imageScaleLevel{font-size:12px;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
.imageScaleButton:disabled{cursor:default}
.dateTimeList{margin-top:16px}.dateTimeRow{padding:14px 0;border-top:1px solid var(--line)}
.dateTimeRow>strong{display:block;margin-bottom:8px;font-size:14px;font-variant-numeric:tabular-nums}
.dateTimeFields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.dateTimeFields label{margin:0}.dateTimeFields select{width:100%;min-width:0}
.datePickerGrid button.quiet{background:#fff;color:var(--ink);border-color:var(--line)}
.datePickerGrid button.selectedDate{background:#0066cc;border-color:#0066cc;color:#fff}
@media(max-width:650px){
 .reviewSplit{height:calc(96dvh - 100px);grid-template-rows:minmax(0,42dvh) minmax(0,1fr)}
 .imageReviewPreview .sourceImage{width:100%;height:100%;max-height:none}
 .imageScaleButton{min-height:44px;font-size:12px;padding:7px 8px}
 .imagePreviewActions .imageDownload{width:100%;text-align:center;min-height:24px;padding:0}
 .dateTimeFields{gap:8px}.dateTimeFields select{font-size:16px}
}
@media(max-height:520px) and (max-width:900px){.reviewSplit{grid-template-rows:minmax(0,1fr);height:calc(96dvh - 90px)}}

/* Compact filters and the editable, monthly shop closure calendar. */
.shopTitleLink{color:inherit;text-decoration:none}.shopTitleLink:hover{text-decoration:underline;text-underline-offset:6px}
.rosterFilters{display:flex;align-items:end;gap:14px;margin:18px 0 12px;flex-wrap:wrap}.rosterFilters .rosterSearch{margin:0;flex:1;min-width:160px}.rosterFilters label{margin:0;min-width:160px}.rosterStatus{display:block;min-height:42px;width:100%;margin-top:4px;background:#fff}
.shiftPreset{grid-column:1/-1}.shiftPreset select{width:100%}
.closedDaysDisclosure{border-top:1px solid var(--line);padding:14px 0;margin-bottom:18px}.closedDaysDisclosure>summary{font-size:13px;font-weight:550;color:#434c58;cursor:pointer}.closedDaysDisclosure .multiDates{margin-top:14px;max-width:550px}.closedDaysDisclosure .reviewEditorActions{max-width:550px;justify-content:flex-end}.closedDay{background:#f4f5f7}.closedDayLabel{display:block;margin:5px 0;font-size:11px;color:#654f40;line-height:1.5}
@media(max-width:650px){.rosterFilters{gap:10px}.rosterFilters .rosterSearch,.rosterFilters label{flex:1 1 100%;width:100%}.rosterStatus{min-height:44px}.closedDaysDisclosure{margin:0 6px 14px}.closedDaysDisclosure .multiDates{padding:12px 8px}.closedDayLabel{font-size:9px;overflow-wrap:anywhere}}

/* Personal schedule entry: visible beneath the name, one date per row. */
.personalScheduleButton{display:block;margin:10px 0 12px;font-size:13px;min-height:40px}.personalScheduleEditor{max-width:650px;margin:0 auto}.personalExistingShifts{margin:20px 0;padding:14px 0;border-top:1px solid var(--line)}.personalExistingShifts summary{cursor:pointer}.personalExistingShifts button{display:block;width:100%;text-align:left;margin-top:8px}dialog:has(.personalScheduleEditor){width:min(740px,calc(100vw - 24px))}.personalScheduleEditor .reviewEditorActions{position:sticky;bottom:-24px;background:#fff;padding:16px 0;margin-top:18px;border-top:1px solid var(--line)}
@media(max-width:650px){.personalScheduleButton{min-height:44px}.personalScheduleEditor .multiDates{padding:12px 8px}.personalScheduleEditor .reviewEditorActions{bottom:-18px}}

/* Keep the title and close control visible while only the schedule scrolls. */
dialog:has(.personalScheduleEditor){overflow:hidden;max-height:92dvh}.personalScheduleEditor{max-height:calc(92dvh - 126px);overflow:auto;overscroll-behavior:contain;padding-right:6px}.personalScheduleEditor .reviewEditorActions{bottom:0;z-index:1}
@media(max-width:650px){.personalScheduleEditor{max-height:calc(92dvh - 116px);padding-right:2px}.personalScheduleEditor .reviewEditorActions{bottom:0}}

/* Shop hours and settings use compact native controls with clear grouping. */
.shopWebsite{display:inline-block;font-size:13px;margin:0 0 10px}.shopWebsite[hidden]{display:none}#settingsButton{display:none}
.clockParts{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:6px;align-items:end}.clockParts>select{width:100%;min-width:0}.minuteField{display:grid;gap:4px;font-size:11px;color:var(--muted)}.minuteField select{width:100%;min-width:0;color:var(--ink)}
.presetControls{grid-column:1/-1}.presetControls:empty{display:none}.clockCustomize{grid-column:1/-1;justify-self:start;padding:6px 10px;font-size:12px}.clockCustomize[hidden]{display:none}
.shopCategories,.shopTimeModes{border:0;padding:0;margin:22px 0 14px;min-width:0}.shopCategories legend,.shopTimeModes legend{font-weight:600;font-size:14px;margin-bottom:8px}.shopCategories{display:flex;gap:28px;flex-wrap:wrap}.shopCategories .checkLabel{margin:0}.shopTimeModes .checkLabel{margin:8px 0}.checkLabel input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
.shopPresetSettings{border-top:1px solid var(--line);padding:18px 0;margin:20px 0}.shopPresetSettings summary{cursor:pointer;font-weight:600}.presetSettingsRow{padding:16px 0;border-bottom:1px solid var(--line)}.presetSettingsRow>strong{display:block;margin-bottom:8px}
.settingsReport>.diagnosticDisclosure,.settingsReport>.history{border:0;padding:0;margin:0}.settingsReport>details>summary{display:none}.settingsReport .sourceText{max-height:300px}
dialog:has(.shopEditor){overflow:hidden;max-height:92dvh}.shopEditor{max-height:calc(92dvh - 126px);overflow:auto;overscroll-behavior:contain;padding-right:6px}.shopEditor>button{position:sticky;bottom:0;margin-top:12px;box-shadow:0 -8px 0 8px var(--surface)}
@media(max-width:650px){.clockParts{grid-template-columns:minmax(0,1fr) 66px;gap:4px}.clockParts select{padding:8px 5px;font-size:16px;min-height:44px}.clockCustomize{min-height:44px}.shopTimeModes .checkLabel{min-height:44px}.shopWebsite{font-size:14px}.moreActions>div{min-width:240px;max-width:calc(100vw - 32px)}}

/* Calendar workspace: one task surface, compact navigation, readable daily summaries. */
:root{--workspace-gap:20px;--control-gap:8px}body{background:#f5f6f8}#shell{grid-template-columns:176px minmax(0,1fr)}aside{padding:28px 16px;background:#f0f2f5;border-right:1px solid #e0e4e9}.brand{font-size:21px;margin-bottom:32px}.brand span{font-size:12px;margin-top:5px}.navLabel{margin:0 12px 10px;color:#616b79}#shops{gap:4px}#shops button{padding:10px 12px;min-height:42px;font-size:14px}#shops button.active{background:#dfeaff;color:#174d86;font-weight:600}.asideNote{font-size:12px;margin-top:28px;line-height:1.8}main{max-width:1440px;padding:28px 28px 20px;margin:0 auto;min-width:0}main>header{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:16px;align-items:center;margin-bottom:20px}main h1{font-size:28px;line-height:1.25;margin:0 0 6px;letter-spacing:-.025em}.accountLabel{display:none}#fetchStatus{font-size:13px;margin:0;max-width:55ch;line-height:1.6;color:#5c6674}.shopWebsite{margin:2px 0 6px;font-size:13px}main>header .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0}.actions button,.moreActions>summary{min-height:40px;padding:9px 13px;font-size:13px;border-radius:9px}.updateActions{display:flex;gap:6px}#refreshButton,#scheduleRefreshButton{order:0}#imageImportButton{order:0}.moreActions{order:0}.moreActions>div{z-index:5}
.workspaceNav{display:flex;align-items:center;gap:4px;margin:0 0 20px;border-bottom:1px solid #dce1e8;padding:0}.workspaceNav button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#586474;font-size:15px;font-weight:500;min-height:48px;padding:12px 18px;margin-bottom:-1px;display:flex;align-items:center;gap:8px}.workspaceNav button[aria-pressed=true]{color:#0066cc;border-bottom-color:#0066cc;font-weight:600}.workspaceNav button:hover{background:#eaf0f8}.workspaceNav span{font-size:11px;background:#e8edf4;color:#4c5c70;padding:0 6px;min-width:0;border-radius:5px}.workspaceNav span:empty{display:none}
.calendarCard{border-radius:14px;padding:20px 20px 12px;box-shadow:none}.calendarHead{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 12px}.monthControls{gap:6px}.monthControls input{font-size:20px;width:160px;font-variant-numeric:tabular-nums}.monthControls button{width:36px;min-height:36px;font-size:22px}.calendarHead select{font-size:13px;max-width:200px;min-height:38px}.calendarTools{display:flex;gap:8px;margin-left:auto}.calendarTools button,.fileAction{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #dce1e8;border-radius:8px;padding:8px 12px;background:white;color:#354252;min-height:38px;font-size:13px}.fileAction:hover{background:#f0f4f9}.calendarSummary{font-size:12px;color:#596779;margin:0 0 14px}.closedDaysDisclosure{border-top:1px solid #e7eaf0;margin:0 0 18px;padding:10px 0 0;font-size:12px}.weekdays{font-size:12px;padding:0 0 10px;color:#5b6675}.calendar{border-top:1px solid #e2e7ee}.day{min-height:120px;padding:8px 6px;border-bottom:1px solid #e7ebf1}.day.outside{background:#f8f9fb}.dateNumber{background:transparent;border:0;color:#374252;font-size:13px;line-height:28px;min-width:28px;min-height:28px;border-radius:8px;padding:0;margin-bottom:4px;font-variant-numeric:tabular-nums}.dateNumber:hover{background:#e5eef9}.day.today .dateNumber{background:#0066cc;color:white;border-radius:8px}.dayShiftList{display:grid;gap:4px}.day .shift{margin:0;padding:6px 7px;background:#eaf2fc;color:#174d83;border-radius:6px;font-size:13px;line-height:1.35;min-height:43px}.day .shift span{margin-top:3px;font-size:11px;color:#35597e;white-space:nowrap}.dayMore{width:100%;border:0;background:transparent;color:#0066cc;text-align:left;font-size:12px;min-height:32px;padding:6px 4px;margin-top:3px}.dayMore:hover{background:#eef5ff}.mobileOnly{display:none}.dayAgenda .agendaRow{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 12px;margin:6px 0;background:#f5f7fa;text-align:left;border-color:#e4e9ef}.agendaRow strong{font-size:16px}.agendaRow span{font-variant-numeric:tabular-nums;color:#556479;font-size:14px}
.below{display:block;margin-top:16px}.compactSection{border-radius:12px;padding:16px 20px;box-shadow:none}#reviewsPanel>summary{display:none}.rosterDisclosure{padding:20px;margin:0;border-radius:14px}.rosterDisclosure>summary{display:none}.rosterDisclosure .staffCard{margin:0}.staffHead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.staffHead h2{font-size:19px}.staffList{max-height:none;overflow:visible;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.staffFold{padding:16px 0}.staffFold>summary{font-size:16px;font-weight:600}.staffFold>.foldActions{margin-top:12px}.rosterFilters{margin:16px 0 10px}.rosterSearch{margin:0;width:100%;max-width:none}.staffCandidates{margin-top:20px}.staffFold .small{line-height:1.8}footer{padding:18px 0;font-size:12px}#notice{font-size:13px;padding:10px 14px;margin:0 0 16px}
.shopModeGroup{padding:12px 0;border-bottom:1px solid #e5e9ef}.shopModeGroup>strong{font-size:14px}.shopModeGroup .checkLabel{padding:2px 0;font-size:13px;line-height:1.7}.shopModeGroup:last-child{border-bottom:0}.shopTimeModes .checkLabel{margin:8px 0}
dialog:has(.csvImportWorkspace){width:min(1120px,calc(100vw - 28px));max-width:1120px;overflow:hidden;max-height:94dvh}.csvImportWorkspace{max-height:calc(94dvh - 126px);overflow:auto;padding-right:6px;overscroll-behavior:contain}.csvUpload{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:end;padding-bottom:16px;border-bottom:1px solid #e1e6ed}.csvUpload label{margin:0}.csvUpload input{width:100%}.csvUpload>p{grid-column:1/-1;margin:0}.csvUpload>button{min-height:40px}.csvPreviewToolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 0 12px}.csvPreviewToolbar p{margin:0}.csvRows{display:grid;gap:8px}.csvRow{border:1px solid #dfe5ed;border-radius:10px;padding:12px}.csvRow>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.csvRow>summary::-webkit-details-marker{display:none}.csvRow>summary>input{width:18px;height:18px;accent-color:#0066cc;margin:0}.csvRow>summary>strong{font-size:14px;font-weight:600}.csvRowState{font-size:12px;margin-left:auto;color:#52687f}.csvRow[data-status=invalid] .csvRowState{color:#a52a32}.csvRow[data-status=ready] .csvRowState{color:#226246}.csvFields{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:0 16px;margin-top:10px}.csvFields input,.csvFields select{width:100%;min-width:0}.csvRowExtra{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.csvRowExtra .checkLabel{font-size:12px}.csvRow>p{margin:4px 0 0}.csvImportActions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;background:white;padding:16px 0 2px;margin-top:8px;border-top:1px solid #e2e7ee}.csvImportActions button{min-height:42px}
@media(max-width:1150px){main>header{grid-template-columns:1fr}.actions{justify-content:flex-start}main{padding:24px}.calendarHead select{max-width:180px}.csvFields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#shell{grid-template-columns:150px minmax(0,1fr)}aside{padding:24px 12px}main{padding:20px 16px}.calendarCard{padding:16px 12px}.calendarTools{margin-left:0}.staffList{grid-template-columns:1fr}.csvFields{grid-template-columns:1fr 1fr}}
@media(max-width:650px){#shell{display:block}aside{height:auto;position:static;padding:16px 12px 8px;border-right:0;background:#f0f2f5}.brand{font-size:20px;margin:0 0 12px}.brand span,.asideNote,.navLabel{display:none}#shops{gap:6px;padding-bottom:4px;margin-bottom:4px}#shops button{min-height:40px;padding:8px 12px;font-size:14px}main{padding:20px 12px 16px}main>header{gap:14px;margin-bottom:16px}main h1{font-size:27px}#fetchStatus{font-size:13px}.actions{display:flex!important;gap:8px!important;flex-wrap:wrap;padding:0!important}.actions button,.moreActions>summary{font-size:13px;min-height:44px;padding:10px 12px}.updateActions{gap:6px}.workspaceNav{margin-bottom:16px;gap:0;justify-content:space-between}.workspaceNav button{padding:10px 10px;font-size:14px;min-height:48px;gap:6px}.calendarCard{padding:16px 8px 10px;border-radius:12px}.calendarHead{gap:10px;margin-bottom:10px}.monthControls{gap:3px}.monthControls input{width:142px;font-size:18px}.monthControls button{min-height:40px;width:30px}.calendarHead select{max-width:none;flex:1;min-width:98px;min-height:40px;font-size:14px;padding:8px}.calendarTools{width:100%;justify-content:flex-end;gap:8px}.calendarTools button,.fileAction{font-size:13px;min-height:44px;padding:9px 12px}.calendarSummary{font-size:12px;margin-bottom:12px}.closedDaysDisclosure{margin-bottom:14px}.weekdays{font-size:12px}.day{min-height:112px;padding:4px 2px}.dateNumber{font-size:13px;min-width:30px;min-height:32px;line-height:32px;margin-bottom:3px}.day .shift{font-size:12px;min-height:43px;padding:5px 3px}.day .shift span{font-size:10px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dayShiftList>.shift:nth-child(n+2){display:none}.desktopOnly{display:none}.mobileOnly{display:block}.dayMore{font-size:10px;min-height:36px;padding:6px 1px}.closedDayLabel{font-size:10px}.rosterDisclosure{padding:18px 16px}.staffHead{display:block}.staffHead h2{font-size:19px;margin-bottom:6px}.staffList{max-height:none;padding:0}.staffFold>summary{font-size:16px}.rosterFilters{display:grid;gap:10px}.rosterFilters label{margin:0}.rosterStatus,.rosterSearch{font-size:16px;min-height:44px}.foldActions button{font-size:13px;min-height:44px}.compactSection{padding:16px}.dayAgenda .agendaRow{min-height:60px}.csvImportWorkspace{max-height:calc(94dvh - 116px);padding-right:2px}.csvUpload{grid-template-columns:1fr 1fr;gap:10px}.csvUpload>label,.csvUpload>p{grid-column:1/-1}.csvUpload>button{min-height:44px}.csvPreviewToolbar{display:block}.csvPreviewToolbar select{margin-top:10px;min-height:44px;font-size:16px;width:100%}.csvRow{padding:12px 10px}.csvRow>summary{gap:8px;flex-wrap:wrap}.csvRow>summary strong{font-size:14px}.csvRowState{font-size:12px}.csvFields{grid-template-columns:1fr;gap:0}.csvFields label{margin:8px 0}.csvImportActions{justify-content:stretch;padding:12px 0 0}.csvImportActions button{flex:1;min-height:44px;font-size:13px;padding:8px}.csvRowExtra{gap:0}.csvRowExtra .checkLabel{font-size:14px}.csvRowExtra input[type=checkbox]{width:18px;height:18px}dialog:has(.csvImportWorkspace){width:calc(100vw - 12px);padding:16px 14px;border-radius:14px}footer{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.workspaceNav button,.fileAction,.dayMore{transition:background-color .15s ease-out,color .15s ease-out}}::selection{background:#cde2ff;color:#123d6b}input,textarea{caret-color:#0066cc}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #0066cc;outline-offset:3px}input[type=checkbox]{accent-color:#0066cc}

@media(max-width:650px){.day .shift span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}.dayMore{min-height:44px}.dayShiftList .shift{min-height:48px}}
.csvRow>summary::after{content:"⌄";font-size:16px;color:#607086}.csvRow[open]>summary::after{content:"⌃"}

/* Compact roster rows; calendar selection stays within the month toolbar. */
.staffList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;align-items:start}.staffFold{padding:2px 0;min-width:0}.staffFold>summary{min-height:44px;font-size:15px;line-height:1.4;gap:8px}.staffFold>summary .small{font-size:11px}.staffFold[open]{padding-bottom:12px}.staffFold[open]>summary{margin-bottom:8px}
.maidMultiFilter{position:relative;min-width:150px;max-width:260px}.maidMultiFilter>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;background:#f1f3f6;padding:9px 12px;border-radius:8px;font-size:13px;min-height:40px;overflow-wrap:anywhere}.maidMultiFilter>summary::-webkit-details-marker{display:none}.maidMultiFilter>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin:0 2px 3px}.maidMultiFilter[open]>summary::after{transform:rotate(225deg);margin-bottom:0}.maidFilterPanel{position:absolute;top:calc(100% + 8px);left:0;width:320px;max-width:calc(100vw - 40px);padding:16px;background:#fff;border:1px solid #dce2eb;border-radius:12px;box-shadow:0 8px 24px #2538581a;z-index:6}.maidFilterPanel>p{margin:0 0 10px}.maidFilterPanel>input{width:100%;font-size:14px;min-height:40px;padding:8px 10px}.maidFilterActions{display:flex;gap:8px;margin:12px 0 8px}.maidFilterActions button{min-height:36px;font-size:12px;padding:6px 12px;background:#fff;color:#0066cc;border-color:#dce2eb}.maidFilterList{max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.maidFilterChoice{display:flex;align-items:center;gap:10px;margin:0;padding:8px 4px;min-height:40px;border-bottom:1px solid #edf0f4;font-size:14px;cursor:pointer}.maidFilterChoice:last-child{border-bottom:0}.maidFilterChoice input{width:18px;height:18px;flex-shrink:0;margin:0}.maidFilterChoice span{overflow-wrap:anywhere}.maidFilterChoice[hidden]{display:none}.maidFilterPanel>p:last-child{margin:12px 0 0;color:#536171}.maidMultiFilter>summary:hover{background:#e9eef5}
@media(max-width:1100px){.staffList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.staffList{grid-template-columns:1fr}}
@media(max-width:650px){.maidMultiFilter{min-width:110px;flex:1;max-width:none}.maidMultiFilter>summary{font-size:14px;min-height:44px;padding:10px}.maidFilterPanel{left:auto;right:0;width:320px;max-width:calc(100vw - 40px)}.maidFilterChoice{min-height:44px;font-size:15px}.maidFilterPanel>input{font-size:16px;min-height:44px}.maidFilterActions button{min-height:44px;font-size:13px}.maidFilterList{max-height:38dvh}.staffFold>summary{min-height:44px}}

/* Shared venue roster and local Instagram avatars. */
.maidAvatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 32px;vertical-align:middle;background:#f0f1f4}.avatarMissing{display:inline-flex;align-items:center;justify-content:center;color:#626267;font-size:13px;border:1px solid #e2e2e7}.avatarTiny{width:24px;height:24px;flex-basis:24px}.avatarLarge{width:64px;height:64px;flex-basis:64px}.personWithAvatar{display:inline-flex;align-items:center;gap:8px;min-width:0}.staffFold>summary .maidAvatar{margin-right:8px}.staffFold>summary{align-items:center}.shift .maidAvatar{float:left;margin:0 5px 0 0}.maidFilterChoice .maidAvatar{margin-right:2px}.venueMultiFilter{min-width:190px}.venueFilterPanel{min-width:210px}.dateTimeFields>label{min-width:0}
@media(max-width:650px){.venueMultiFilter{min-width:0;width:100%}.venueFilterPanel{max-width:calc(100vw - 48px)}.shift .maidAvatar{width:20px;height:20px}}


.avatarBatchCount{font-weight:600;font-variant-numeric:tabular-nums}.avatarBatchReport progress{width:100%;height:10px;accent-color:#0068d6}.avatarBatchList{margin-top:20px}.avatarBatchRow{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid #e2e2e7}.avatarBatchRow p{grid-column:1/-1;margin:0}.avatarBatchReport details{margin:16px 0}
.rosterVenueToolbar{display:flex;align-items:center;margin-top:16px}.rosterVenueToolbar:has(>details[hidden]){display:none}.rosterVenueToolbar+.staffCard{margin-top:16px}.venueMultiFilter>summary{min-height:44px;display:flex;align-items:center;gap:8px;max-width:100%}.venueFilterPanel{max-width:calc(100vw - 40px)}
@media(max-width:650px){#calendarVenueFilter{order:2;flex:1;min-width:0}#maidFilter{order:3}.calendarHead .calendarTools{order:4}.venueMultiFilter>summary{font-size:13px;padding:8px 10px}.venueFilterPanel{left:0;right:auto;width:min(300px,calc(100vw - 40px))}.rosterVenueToolbar{margin-top:8px}}

.groupShopWebsites{display:flex;flex-wrap:wrap;gap:8px 16px}.groupShopWebsites:empty{display:none}

/* Keep toolbar controls close to their labels; touch targets stay generous. */
.maidMultiFilter,.venueMultiFilter{min-width:0;width:max-content;max-width:100%;flex:0 1 auto}
.maidMultiFilter>summary,.venueMultiFilter>summary{min-height:36px;padding:6px 10px;gap:8px;font-size:13px}
.rosterVenueToolbar{margin-top:4px}.rosterVenueToolbar+.staffCard{margin-top:12px}
.actions button,.moreActions>summary{min-height:36px;padding:6px 10px;font-size:13px}
.moreActions>summary::after{margin-left:8px}.moreActions>div{top:calc(100% + 6px)}
.rosterFilters label{min-width:0;flex:none}.rosterStatus{width:auto;min-height:36px;padding:6px 10px;font-size:14px;margin-top:2px}
.rosterFilters .rosterSearch{min-height:36px;padding:6px 10px;font-size:14px}
@media(max-width:650px){#calendarVenueFilter,#maidFilter{flex:0 1 auto;min-width:0;width:max-content;max-width:100%}.maidMultiFilter>summary,.venueMultiFilter>summary,.actions button,.moreActions>summary{min-height:44px;padding:6px 10px}.rosterStatus,.rosterFilters .rosterSearch{min-height:44px;font-size:16px;padding:6px 10px}.rosterFilters label{width:100%;flex:none}.rosterStatus{max-width:100%}.rosterVenueToolbar{margin-top:4px}}

/* One density scale for every workspace, popup and editor. */
body.compactControls{--control-height:36px;--control-pad-y:6px;--control-pad-x:10px;--field-size:14px}
body.compactControls :is(#shell,#dialog,#login) :is(button,.fileAction){min-height:var(--control-height);padding:var(--control-pad-y) var(--control-pad-x);line-height:1.4;font-size:13px}
body.compactControls :is(#shell,#dialog,#login) select{height:var(--control-height);min-height:var(--control-height);padding:var(--control-pad-y) 8px;line-height:1.4;font-size:var(--field-size);width:auto;max-width:100%;min-width:0;justify-self:start;align-self:start}
body.compactControls :is(#shell,#dialog,#login) input:where(:not([type=checkbox]):not([type=radio]):not([type=hidden])){height:var(--control-height);min-height:var(--control-height);padding:var(--control-pad-y) var(--control-pad-x);line-height:1.4;font-size:var(--field-size);max-width:100%;align-self:start}
body.compactControls :is(#shell,#dialog,#login) textarea{padding:8px 10px;line-height:1.5;font-size:var(--field-size);min-height:96px}
body.compactControls :is(#shell,#dialog) label{gap:4px;margin:8px 0}
body.compactControls :is(#shell,#dialog) details>summary{min-height:var(--control-height);padding:6px 8px;line-height:1.4}
body.compactControls :is(#shell,#dialog) :is(.checkLabel,.maidFilterChoice){min-height:var(--control-height);padding:4px 2px;gap:8px;margin:4px 0}
body.compactControls :is(#shell,#dialog) .maidFilterChoice{margin:0}
body.compactControls :is(#shell,#dialog) input:is([type=checkbox],[type=radio]){width:16px;height:16px;margin:0;flex-shrink:0}
body.compactControls #shell .rosterFilters label{margin:0}
body.compactControls #shell .staffFold>summary{padding:2px 4px}
body.compactControls #shell .workspaceNav button{padding:6px 12px;font-size:14px}
body.compactControls :is(#shell,#dialog) .clockParts{grid-template-columns:minmax(0,max-content) minmax(0,max-content);gap:4px}
body.compactControls :is(#shell,#dialog) .clockParts>select{align-self:end}
.pageNavigation{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 18px}.pageNavigation a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 4px;border:1px solid #dce2eb;border-radius:7px;color:#586474;background:#fff;text-decoration:none;font-size:12px;white-space:nowrap}.pageNavigation a[aria-current=page]{background:#dfeaff;border-color:#c7dbf4;color:#174d86;font-weight:600}.pageNavigation a:hover{background:#eaf0f8}aside>.brand{margin-bottom:14px}
body[data-page=front] [data-admin-only]{display:none!important}body[data-page=front] main>header{grid-template-columns:1fr}body[data-page=front] .empty{padding-top:14px}
@media(max-width:650px){.pageNavigation{display:flex;gap:8px;margin-bottom:12px}.pageNavigation a{min-height:44px;padding:6px 12px;font-size:13px}aside>.brand{margin-bottom:8px}}
body.compactControls #shell .monthControls button{padding:0;min-width:32px;width:32px;font-size:22px}
body.compactControls #shell .monthControls input{font-size:18px;width:148px;padding:4px 6px}
body.compactControls #shell .day .dateNumber{padding:2px;min-width:28px;line-height:1.4}
body.compactControls #shell .day .shift{padding:4px;font-size:12px}
body.compactControls #shell .dayMore{padding:4px 2px;font-size:11px}
body.compactControls #dialog .dialogHead button{width:var(--control-height);height:var(--control-height);padding:0;font-size:24px}
body.compactControls :is(#shell,#dialog) .maidFilterPanel{padding:10px}
@media(max-width:650px){body.compactControls{--control-height:44px;--field-size:16px}body.compactControls :is(#shell,#dialog) input:is([type=checkbox],[type=radio]){width:18px;height:18px}body.compactControls :is(#shell,#dialog) .dateTimeFields{grid-template-columns:minmax(0,1fr);gap:8px}body.compactControls #shell .monthControls button{width:32px;min-width:32px}body.compactControls #shell .day .shift{font-size:11px;padding:4px 2px}body.compactControls #shell .dayMore{font-size:10px}body.compactControls #shell .workspaceNav button{padding:6px 8px;font-size:14px}}

.staffIdentity{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.staffIdentity .personalScheduleButton{display:inline-flex;margin:0}.staffInfo{display:grid;gap:4px}.staffInfo>p{margin:0!important;line-height:1.5!important}.staffFold[open]>.staffInfo{padding:0 4px}.staffFold[open]>.foldActions{gap:6px;margin:8px 4px 0}.staffFold[open]>summary{margin-bottom:6px}.staffIdentity{margin-bottom:2px}


.staffExpanded{display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,42%);gap:12px;align-items:start;padding:0 4px}.staffExpanded>.staffInfo{min-width:0;align-content:start;overflow-wrap:anywhere}.staffExpanded>.foldActions{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0}.staffExpanded>.foldActions>button{width:100%;margin:0;justify-content:center;white-space:normal}.staffExpanded .staffIdentity{gap:6px}.staffExpanded .personalScheduleButton{font-size:12px}


body[data-page=admin] .staffFold[open]:has(.staffExpanded){grid-column:span 2}
.staffExpanded{grid-template-columns:minmax(0,1fr) 236px}
.staffExpanded>.foldActions{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){body[data-page=admin] .staffFold[open]:has(.staffExpanded){grid-column:auto}}
@media(max-width:480px){.staffExpanded{grid-template-columns:minmax(0,1fr);gap:8px}.staffExpanded>.foldActions{width:min(100%,260px);justify-self:end}}

body[data-page=admin] .staffFold[open]:has(.staffExpanded){max-width:480px}
.staffExpanded{grid-template-columns:minmax(0,200px) 236px;gap:16px;max-width:460px;box-sizing:border-box;justify-content:start}
@media(max-width:600px){body[data-page=admin] .staffFold[open]:has(.staffExpanded){max-width:none}.staffExpanded{grid-template-columns:minmax(0,1fr);gap:8px;max-width:none}.staffExpanded>.foldActions{width:min(100%,260px);justify-self:end}}

.staffFold>summary .small{margin-left:8px;flex:0 1 auto}.staffFold>summary>span:not(.small){min-width:0;overflow-wrap:anywhere}