/* Shared Apple light/dark tokens. Staffing reference views do not change forms. */
.wf76-panel{color:var(--ui-text,#1d1d1f);background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#d2d2d7);border-radius:14px;padding:20px;margin:16px 0;min-width:0}
.wf76-en{display:none}html[data-language="en"] .wf76-en{display:inline}html[data-language="en"] .wf76-zh{display:none}html[data-language="zh-en"] .wf76-zh,html[data-language="zh-en"] .wf76-en{display:block}html[data-language="zh-en"] .wf76-en{font-size:.85em;color:var(--ui-muted,#636366);margin-top:3px}
.wf76-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.wf76-heading h2{font-size:1.15rem;margin:0 0 7px}.wf76-heading p{margin:0;color:var(--ui-muted)}
.wf76-panel button{min-height:40px;border:1px solid var(--ui-control-border,#8e8e93);border-radius:9px;background:var(--ui-surface);color:var(--ui-info,#0066cc);padding:9px 13px;font:inherit;cursor:pointer}.wf76-panel button.primary{background:var(--ui-brand,#0066cc);color:var(--ui-on-accent,#fff)}.wf76-panel button:disabled{opacity:.5;cursor:default}
.wf76-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.wf76-role{border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-display-bg,#edf2f7);padding:16px;min-width:0}.wf76-role h3{font-size:1rem;margin:0}.wf76-role p{margin:9px 0;color:var(--ui-muted)}.wf76-role small{font-size:.8rem;color:var(--ui-muted);display:block;margin-top:10px}
.wf76-stepper{display:grid;grid-template-columns:auto minmax(50px,1fr) auto;align-items:center;gap:7px}.wf76-stepper input{min-width:0;width:100%;text-align:center;font-size:1.25rem;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-control-border);border-radius:8px;padding:8px}.wf76-stepper button{padding:8px 10px;line-height:1.3;font-size:.85rem}
.wf76-calibration{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:14px;align-items:end}.wf76-calibration label,.wf76-export label,.wf76-query label{display:grid;gap:7px;color:var(--ui-text);font-size:.9rem}.wf76-calibration input,.wf76-export select,.wf76-query input{width:100%;box-sizing:border-box;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-control-border);border-radius:8px;padding:10px;font:inherit}.wf76-calibration>div{display:flex;flex-wrap:wrap;gap:8px}
.wf76-basis,.wf76-muted{font-size:.85rem;line-height:1.55;color:var(--ui-muted)}.wf76-basis{padding:12px;background:var(--ui-info-bg,#eaf2fc);border-radius:10px}.wf76-warning{padding:12px;border:1px solid var(--ui-border);background:var(--ui-wait-bg);color:var(--ui-wait-fg);border-radius:9px}.wf76-error{color:var(--ui-error-fg,#a52232)}.wf76-status{font-size:.9rem;min-height:1.3em;margin:10px 0}
.wf76-query{display:grid;grid-template-columns:minmax(250px,1.3fr) minmax(170px,1fr);gap:22px;margin:18px 0}.wf76-query>div{min-width:0}.wf76-query p{font-size:.85rem;color:var(--ui-muted);line-height:1.55}.wf76-calendar{background:var(--ui-display-bg);border:1px solid var(--ui-border);border-radius:12px;padding:12px}.wf76-calendar>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.wf76-calendar>header button{font-size:.8rem;padding:5px 8px;min-height:34px}.wf76-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.wf76-weekday{text-align:center;font-size:.75rem;color:var(--ui-muted);padding:6px 0}.wf76-panel .wf76-calendar-day{padding:7px 2px;border:1px solid transparent;border-radius:8px;min-height:52px;text-align:center;background:var(--ui-surface);color:var(--ui-text);font-size:.85rem}.wf76-calendar-day>span{display:block}.wf76-calendar-day small{display:block;font-size:.65rem;color:var(--ui-muted);margin-top:3px}.wf76-panel .wf76-calendar-day.selected{border-color:var(--ui-brand);background:var(--ui-selected)}.wf76-panel .wf76-calendar-day.is-today:not(.selected){border-color:var(--ui-border)}
.wf76-export{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:16px 0;padding:15px;background:var(--ui-display-bg);border-radius:10px}.wf76-export label{min-width:240px}.wf76-table-wrap{overflow:auto;max-width:100%}.wf76-table-wrap table{width:100%;border-collapse:collapse;font-size:.9rem}.wf76-table-wrap th,.wf76-table-wrap td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--ui-border)}.wf76-table-wrap th{background:var(--ui-display-bg)}.wf76-order-detail>summary{cursor:pointer;padding:10px 0;font-weight:600}.wf76-copy{width:100%;box-sizing:border-box}
@media(max-width:850px){.wf76-query{grid-template-columns:1fr}.wf76-role-grid{gap:8px}.wf76-role{padding:12px}.wf76-stepper{gap:4px}.wf76-stepper button{font-size:.75rem;padding:7px 6px}.wf76-calibration{grid-template-columns:1fr}}
@media(max-width:560px){.wf76-panel{padding:14px}.wf76-role-grid{grid-template-columns:1fr}.wf76-role{display:grid;grid-template-columns:1fr minmax(160px,1fr);column-gap:12px}.wf76-role h3,.wf76-role p{grid-column:1}.wf76-role .wf76-stepper{grid-column:2;grid-row:1 / span 2}.wf76-role small{grid-column:1 / -1}.wf76-export label{min-width:0;width:100%}.wf76-export button{flex:1}}