.staff-ui{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;font-size:13px}.sf-nav{display:grid;align-content:start;gap:18px}.sf-nav strong{font-size:12px;color:#758074}.sf-nav>button{background:#284d40;color:white;text-align:left}.sf-main{min-width:0}.sf-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.sf-header h1{margin:0;font:600 25px system-ui}.sf-header p{color:#6c766e;font-size:12px;margin:8px 0}.sf-switch{display:flex;gap:4px;flex-shrink:0;background:#e6eadf;padding:4px;border-radius:10px}.sf-switch button{padding:10px 13px;border:0;background:transparent;font-size:12px}.sf-switch button[aria-pressed=true]{background:white}.sf-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:white;border:1px solid #d8ddcf;padding:16px;border-radius:10px}.staff-ui label,.sf-dialog label{display:grid;gap:6px;color:#657160;font-size:12px}.staff-ui input,.staff-ui select,.sf-dialog input,.sf-dialog select{font:inherit;border:1px solid #c7cebf;border-radius:6px;padding:10px;background:#fff;min-width:0}.sf-status{min-height:18px;margin:12px 0;color:#66745e;line-height:1.8}.sf-scroll{overflow:auto;max-width:100%;border:1px solid #d8ddcf;border-radius:9px;background:#fffefb;overscroll-behavior-x:contain}.staff-ui table{border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px}.staff-ui th,.staff-ui td{padding:10px;border-bottom:1px solid #e3e7dc;border-right:1px solid #eef0e9;text-align:left}.staff-ui thead th{background:#edf1e7;color:#687360;font-weight:400}.sf-month td{vertical-align:top;height:85px}.sf-month th:first-child{width:140px}.sf-month th:first-child,.sf-day th:first-child{position:sticky;left:0;z-index:2;background:#fffefb;box-shadow:1px 0 #d8ddcf}.sf-month thead th:first-child,.sf-day thead th:first-child{background:#edf1e7;z-index:3}.sf-month thead button{border:0;padding:3px;display:grid;justify-items:center;width:100%;background:transparent}.staff-ui small{display:block;font-weight:400;color:#6c766e;font-size:10px;margin-top:5px}.staff-ui .sf-shift{display:grid;text-align:left;gap:3px;background:#e3eddc;border:0;border-radius:5px;padding:7px;width:100%;font-size:10px;margin-bottom:5px}.staff-ui button:disabled{opacity:1;cursor:default}.sf-shift b{font-weight:500;font-size:9px}.sf-empty{padding:22px;color:#6c766e}.sf-store{margin-bottom:18px;border:1px solid #d8ddcf;border-radius:10px;background:#fffefb;overflow:hidden}.sf-store h2{font-size:15px;margin:0;padding:15px}.sf-store h2 small{display:inline;margin-left:10px}.sf-store .sf-scroll{border:0;border-top:1px solid #d8ddcf;border-radius:0}.sf-day{width:100%;min-width:1050px}.sf-day th:first-child{width:130px}.sf-day th:nth-child(2){width:115px}.sf-day th:nth-child(3){width:150px}.sf-axis{height:30px;position:relative}.sf-axis span{position:absolute;font-size:9px;top:9px;transform:translateX(-50%)}.sf-axis span:first-child{transform:none}.sf-axis span:last-child{transform:translateX(-100%)}.sf-track{position:relative;height:45px;background:repeating-linear-gradient(to right,#dde4d6 0 1px,transparent 1px var(--hour))}.sf-duty{position:absolute;top:6px;bottom:6px;padding:0;background:#91aa88;border:0;border-radius:4px;overflow:hidden;min-height:0}.sf-break{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#f6e8d2 0 4px,#b99566 4px 6px)}.sf-dialog{width:calc(100vw - 32px);max-width:460px;max-height:85dvh;overflow:auto;border:1px solid #c8d1c0;border-radius:14px;padding:24px;color:#243c32;background:#fffefb}.sf-dialog::backdrop{background:#18301b55}.sf-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-dialog h2{font-size:20px;margin:0 0 20px}.sf-dialog .sf-hint,.sf-dialog .sf-error,.sf-dialog .sf-actions{grid-column:1/-1;line-height:1.8}.sf-hint{font-size:11px;color:#74806b}.sf-error{color:#993c2c;font-size:12px}.sf-actions{display:flex;justify-content:flex-end;gap:8px}.sf-dialog button{padding:10px 13px}.sf-dialog [type=submit],.sf-dialog [data-confirm]{background:#284d40;color:white}
@media(max-width:760px){.staff-ui{display:block}.sf-nav{display:none}.sf-header{align-items:flex-start;flex-wrap:wrap;gap:8px}.sf-header .sf-switch{margin-left:auto}.sf-toolbar{gap:8px}.staff-ui input,.staff-ui select,.sf-dialog input,.sf-dialog select{font-size:16px}.sf-toolbar button{padding:10px;font-size:12px}.sf-dialog form{grid-template-columns:1fr}.sf-dialog .sf-actions{flex-wrap:wrap}}
.sf-nav>button{background:transparent;color:#52664b;font-size:12px}.sf-nav>button[aria-current=page]{background:#284d40;color:white}.sf-unsent{color:#a15d33;font-size:12px}.sf-preference-guidance{font-size:12px;color:#6c766e;margin:16px 0}.sf-preference-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:20px 0}.sf-weekday{text-align:center;color:#6c766e;font-size:11px;padding:6px}.sf-preference-calendar button{display:grid;justify-items:center;align-content:start;gap:7px;min-height:92px;padding:10px 3px;font-size:11px;background:#fffefb}.sf-preference-calendar button b{font-size:19px;font-weight:500}.sf-preference-calendar .available{background:#e8f0df;border-color:#acbea0}.sf-preference-calendar .unavailable{background:#f7ece1;border-color:#d8b394}.sf-preference-calendar .unknown{color:#7d8576}.sf-preference-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.sf-preference-footer p{font-size:12px}.sf-preference-footer button{background:#284d40;color:white}.sf-preference-conflicts{margin-top:20px;padding:18px;background:#f7eee2;border:1px solid #ddc5a5;border-radius:9px;font-size:12px;line-height:1.9}.sf-preference-conflicts h2{font-size:15px}.sf-receipt{display:flex;align-items:start;gap:12px;margin-top:22px;padding:17px;background:#e9efe2;border-radius:12px}.sf-receipt img{object-fit:contain}.sf-receipt p{font-size:13px;line-height:1.9}.sf-assistant{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:120}.sf-assistant-launcher{background:transparent!important;border:0;box-shadow:none;padding:4px}.sf-assistant-launcher img{display:block;object-fit:contain}.sf-assistant section{position:absolute;bottom:100px;right:0;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 140px);overflow:auto;background:#fffefb;border:1px solid #ccd6c2;border-radius:16px;box-shadow:0 12px 40px #213a2429;padding:18px}.sf-assistant header{display:flex;justify-content:space-between;align-items:center}.sf-assistant h2{font-size:17px;margin:0}.sf-assistant header button{padding:5px 12px;font-size:20px}.sf-assistant-messages{max-height:330px;overflow:auto;font-size:12px;line-height:1.9}.sf-assistant article{background:#edf2e5;padding:14px;border-radius:10px;margin:14px 0}.sf-assistant article p{white-space:pre-wrap;overflow-wrap:anywhere}.sf-assistant footer{display:flex;gap:8px}.sf-assistant footer button{flex:1;font-size:12px;padding:9px}.staff-ui .sf-main{padding-bottom:110px}
@media(max-width:760px){.sf-nav{display:flex;margin-bottom:20px;gap:6px}.sf-nav strong{display:none}.sf-nav>button{font-size:12px;padding:10px 14px}.sf-preference-calendar{gap:4px}.sf-preference-calendar button{min-height:78px;font-size:10px;padding:8px 1px}.sf-preference-calendar button b{font-size:16px}.sf-preference-calendar small{font-size:8px}.sf-preference-footer button{width:100%}.sf-assistant{right:12px;bottom:12px}.sf-assistant-launcher img{width:68px;height:68px}.sf-assistant section{bottom:85px}.sf-assistant-messages{max-height:250px}}
.sf-dialog label[hidden]{display:none}
.sf-assistant-launcher img{animation:sf-wave .45s ease-in-out 3;transform-origin:50% 85%}@keyframes sf-wave{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.sf-assistant-launcher img{animation:none}}

.sf-month-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px 16px;background:#edf2e5;border:1px solid #d8ddcf;border-radius:10px}.sf-month-status p{margin:5px 0 0;color:#6c766e;font-size:12px}.sf-month-status button{flex-shrink:0}.sf-dialog [hidden]{display:none}@media(max-width:600px){.sf-month-status{align-items:flex-start;flex-direction:column}.sf-month-status button{width:100%}}
.sf-setup-stores,.sf-setup-add,.sf-setup-members article{background:#fffefb;border:1px solid #d8ddcf;border-radius:10px;padding:18px;margin-bottom:18px}.sf-setup-stores h2,.sf-setup-add h2{font-size:16px;margin-top:0}.sf-setup-add p,.sf-setup-members p{font-size:12px;line-height:1.8}.sf-setup-add form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.sf-setup-add label{flex:1;min-width:220px}.sf-setup-members article{display:flex;justify-content:space-between;gap:20px;align-items:center}.sf-setup-members h3{margin:0}.sf-setup-actions{display:flex;gap:8px;flex-wrap:wrap}.sf-setup-actions button{font-size:12px}@media(max-width:760px){.sf-nav{flex-wrap:wrap}.sf-setup-members article{display:block}.sf-setup-actions{margin-top:12px}.sf-setup-add form>button{flex:1}}


.sf-work-card{padding:22px;background:var(--paper,#fff);border:1px solid #d8ded5;border-radius:13px;margin:14px 0}.sf-work-card h2,.sf-work-card h3{margin:0 0 12px}.sf-work-card details{margin-top:16px;color:#58675e}.sf-work-card details p{font-size:13px;overflow-wrap:anywhere}.sf-work-list{display:grid;gap:4px}.sf-work-badge{font-size:12px;background:#e9eee8;padding:5px 10px;border-radius:20px;white-space:nowrap}.sf-clock-state{font-size:24px;font-weight:600}.sf-work-total{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.sf-work-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.sf-work-summary article{padding:20px;border:1px solid #d8ded5;border-radius:12px;background:#fff}.sf-work-summary span{display:block;font-size:12px;color:#637266}.sf-work-summary strong{display:block;font-size:26px;font-variant-numeric:tabular-nums;margin-top:8px}.sf-work-table{border-collapse:collapse;min-width:680px;width:100%;margin:20px 0}.sf-work-table th,.sf-work-table td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid #d8ded5;white-space:nowrap}.sf-work-table small{display:block;color:#69746b;margin-top:4px}.sf-work-dialog{width:min(680px,calc(100vw - 36px));max-height:85vh;overflow:auto}.sf-break-inputs,.sf-rate-inputs{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding:12px 0;border-bottom:1px solid #d8ded5}.sf-rate-inputs{grid-template-columns:1fr 1fr 110px auto}.staff-ui textarea{width:100%;min-height:80px;padding:12px;border:1px solid #ccd3c9;border-radius:6px;background:#fff;font:inherit}.sf-work-dialog form>label{display:block;margin:12px 0}.sf-work-dialog input,.sf-work-dialog select{max-width:100%;width:100%}.sf-work-dialog label{font-size:13px}.sf-work-dialog .sf-actions{margin-top:18px}.sf-work-card .sf-actions{margin-top:14px;flex-wrap:wrap}
@media(max-width:650px){.sf-work-summary{grid-template-columns:1fr}.sf-work-summary article{display:flex;justify-content:space-between;align-items:center;padding:14px}.sf-work-summary strong{font-size:23px;margin:0}.sf-break-inputs,.sf-rate-inputs{grid-template-columns:1fr}.sf-work-card{padding:16px}.sf-work-card .sf-header{gap:10px;align-items:start}.sf-work-card p{overflow-wrap:anywhere}.sf-work-dialog{padding:18px}.sf-nav{gap:5px}.sf-nav button{font-size:12px}}
.sf-assistant-current{padding:12px 18px;border-top:1px solid #d8ded5}.sf-assistant-current h3{font-size:13px;margin:0 0 8px}.sf-assistant-current p{font-size:13px;line-height:1.7}.sf-assistant-current .sf-actions{flex-wrap:wrap;gap:6px}
.sf-plan-input-row{padding:14px;margin:12px 0;border:1px solid #d8ded5;border-radius:10px}.sf-plan-input-row label{display:block;margin:8px 0}.sf-income-check{padding:14px 0;border-top:1px solid #d8ded5}.sf-income-check h3{font-size:16px} [data-weekly]{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.sf-work-dialog input[type=checkbox]{width:auto;margin-right:8px}

.staff-ui .sf-pending{color:#805b26;background:#fff2d7;border-radius:4px;padding:3px}.sf-pending-notice{padding:12px 16px;background:#fff5df;border-radius:8px}.sf-setup-stores details{margin-top:14px}.sf-setup-stores form{display:grid;gap:12px;margin-top:16px}.sf-setup-stores form>label{display:grid;grid-template-columns:minmax(160px,1fr) 95px 20px;gap:8px;align-items:center}.sf-dialog .sf-store-choice{display:flex;align-items:center;gap:8px;grid-column:1/-1}.sf-dialog .sf-store-choice input{width:auto}

.sf-generation-summary{background:#fff;border:1px solid #deded5;border-radius:12px;padding:20px;margin:24px 0}.sf-generation-table{border-collapse:collapse;width:100%;min-width:680px}.sf-generation-table th,.sf-generation-table td{padding:12px;text-align:left;border-bottom:1px solid #e4e4dc}.sf-main details{margin:18px 0}.sf-main summary{cursor:pointer}.sf-main details li{margin:8px 0}