.wf{max-width:1440px;margin:auto;color:var(--text,#292335)}.wf-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 24px}.wf-head small{font-size:11px;letter-spacing:.12em;color:#887a9b}.wf-head h1{font-size:30px;margin:8px 0}.wf-head p{margin:0;color:#857b94}.wf-switch{display:flex;padding:4px;border:1px solid #e7e1ef;border-radius:12px;background:#fff}.wf-switch button{border:0;background:none;padding:10px 16px;border-radius:9px;font-weight:600;color:#81758e;cursor:pointer}.wf-switch .active{background:#f0eafb;color:#7046ce}.wf .card{background:#fff;border:1px solid #e6dfed;border-radius:18px;padding:24px;box-shadow:0 8px 25px #33214a05}.wf-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap}.wf-week{display:flex;gap:16px;align-items:center}.wf-week button{padding:5px 13px;font-size:24px}.wf-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.wf-day{border:1px solid #ede7f2;border-radius:12px;padding:14px 10px;min-height:170px}.wf-day.today{border-color:#bfa7ee;background:#fbf9ff}.wf-day header{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.wf-day header b{font-size:13px}.wf-day header small,.wf-day-off{font-size:12px;color:#a398b0}.wf-time{display:grid;grid-template-columns:1fr 8px 1fr 16px;align-items:center;gap:3px;margin-bottom:8px}.wf-time input{width:100%;min-width:0;padding:7px 2px;font-size:12px;border:1px solid #e6ddef;border-radius:6px;background:#fff}.wf-time button{border:0;background:none;color:#9e8fae;cursor:pointer;padding:0}.wf-time input::-webkit-calendar-picker-indicator{display:none}.wf-add{display:block;border:0;background:none;color:#7850bd;padding:12px 0 0;font-size:12px;cursor:pointer}.wf-save{margin-top:24px;padding-top:18px;border-top:1px solid #efeaf4;display:flex;align-items:center;justify-content:space-between;gap:12px}.wf-save span{font-size:13px;color:#92869f}.wf-explain{margin:22px 4px;max-width:960px;color:#92869e;font-size:13px;line-height:1.65}.wf-explain b{color:#6e607e}.wf-explain p{margin:6px 0}.wf-table-wrap{overflow:auto}.wf-team{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.wf-team th,.wf-team td{padding:16px 10px;border-bottom:1px solid #f0ebf5;font-size:13px}.wf-team thead th{color:#91859e;font-size:12px;font-weight:500}.wf-team th small{display:block;font-weight:400;margin-top:5px}.wf-shift{display:block;font-variant-numeric:tabular-nums;margin:4px 0;padding:6px 8px;background:#f4effb;color:#74539f;border-radius:6px;font-size:12px}.wf-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:24px;border-bottom:1px solid #ece6f2}.wf-metrics small{color:#93869f}.wf-metrics b{display:block;font-size:26px;margin-top:9px;font-weight:600}.wf-metrics div:nth-child(2) b{color:#7145c0}.wf-cost .wf-toolbar{justify-content:flex-start}.wf-toolbar label{display:flex;gap:10px;align-items:center;font-size:13px}.wf-toolbar input{padding:8px 10px;border:1px solid #e4dced;border-radius:8px;background:#fcfaff;color:inherit}.wf-person{padding:22px 0;border-bottom:1px solid #ece6f2}.wf-person-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.wf-rate{display:flex;gap:8px;align-items:center;font-size:12px;color:#94869f}.wf-rate input{width:85px;padding:8px;border:1px solid #e6dfed;border-radius:7px;background:#fff;color:#39294e}.wf-rate button{padding:8px 10px;font-size:12px}.wf-person-metrics{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:#92849f}.wf-person-metrics b{display:block;margin-top:5px;font-size:14px;color:#594966;font-weight:600}.wf-warning{font-size:12px;color:#a47c33;margin:12px 0 0}.wf-empty,.wf-loading{text-align:center;padding:32px;color:#94869f}.wf-cost-list{margin-bottom:18px}.wf button:focus-visible,.wf input:focus-visible{outline:2px solid #956cdc;outline-offset:2px}@media(max-width:1100px){.wf-days{grid-template-columns:repeat(4,minmax(0,1fr))}.wf-person-metrics{gap:16px}}@media(max-width:700px){.wf-head{align-items:stretch;flex-direction:column;gap:18px}.wf-head h1{font-size:26px}.wf .card{padding:16px;border-radius:14px}.wf-days{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-day{min-height:145px}.wf-switch button{flex:1;padding:10px}.wf-switch{width:100%}.wf-week{gap:8px;font-size:13px}.wf-toolbar{gap:10px;margin-bottom:18px}.wf-toolbar>.muted{width:100%;font-size:11px}.wf-save{align-items:stretch;flex-direction:column}.wf-metrics{gap:12px;grid-template-columns:1fr}.wf-metrics div{display:flex;justify-content:space-between;align-items:center}.wf-metrics b{font-size:20px;margin:0}.wf-person-title{align-items:flex-start;flex-direction:column}.wf-person-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wf-rate{width:100%;justify-content:space-between}.wf-toolbar input{max-width:135px}.wf-head p{font-size:13px;line-height:1.5}}

@media(min-width:1101px){#app .topbar .tabs{min-width:445px;flex-basis:445px}#app .topbar .tab{flex:1 0 auto;padding-inline:9px;min-width:0}#app .topbar .header-search{min-width:145px}}
#app .wf .primary{background:var(--brand,#714add)!important;color:#fff!important;border:1px solid transparent!important;min-height:40px;visibility:visible}#app .wf .wf-person-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}#app .wf .wf-metrics div:nth-child(2) b{color:inherit}#app .wf .wf-metrics div:nth-child(3) b{color:#7145c0}@media(min-width:1101px){#app .topbar .tabs{min-width:520px;flex-basis:520px}#app .topbar .tab{padding-inline:8px}}@media(max-width:1000px){#app .wf .wf-person-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){#app .wf .wf-person-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#app .wf .wf-toolbar .primary{flex-shrink:0;padding:10px 14px}}
.wf-request{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:16px 20px;border:1px solid var(--brand-border,#d8cdf2);border-radius:14px;background:var(--brand-soft,#f0ebfc);color:var(--design-ink,#25222d)}.wf-request b{font-size:15px}.wf-request p{margin:5px 0 0;font-size:13px;color:var(--muted,#777383)}.wf-request .primary{flex-shrink:0}.wf-submitted{color:#318963!important}@media(max-width:700px){.wf-request{align-items:stretch;flex-direction:column;padding:16px}.wf-request .primary{width:100%}}
/* Weekly workspace refinement: restrained surfaces and one clear reading order. */
#app .wf{max-width:1440px}#app .wf-head{margin-bottom:24px}#app .wf-head h1{letter-spacing:-.7px;font-size:32px;font-weight:650}#app .wf .card{box-shadow:0 6px 28px rgba(37,34,45,.035);border-color:var(--line);border-radius:16px}#app .wf-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:20px}#app .wf-summary>div{position:relative;border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff}#app .wf-summary small{font-size:12px;color:var(--muted)}#app .wf-summary b{display:block;margin:8px 0 5px;font-size:28px;font-weight:650;letter-spacing:-.6px;color:var(--design-ink)}#app .wf-summary em{font-style:normal;font-size:17px;font-weight:400;color:#a39bac}#app .wf-summary span{font-size:12px;color:var(--muted)}#app .wf-progress{height:3px;background:var(--brand-soft);border-radius:5px;margin-top:14px;overflow:hidden}#app .wf-progress i{height:100%;display:block;background:var(--brand);border-radius:5px}#app .wf-toolbar{margin-bottom:18px}#app .wf-team thead th{padding-top:10px;padding-bottom:14px;font-size:12px}#app .wf-team tbody tr{transition:background .15s}#app .wf-team tbody tr:hover{background:#fcfaff}#app .wf-team tbody th{font-weight:600;min-width:175px}#app .wf-team tbody th small{font-size:11px;margin-top:6px}#app .wf-team td{vertical-align:middle}#app .wf-shift{padding:5px 8px;background:#f4f1f9;color:#63537d;font-size:12px;border-radius:5px}#app .wf-week-total b{color:var(--design-ink);font-size:13px}#app .wf-day{background:#fcfbfd;min-height:154px;border-color:var(--line);padding:14px 12px}#app .wf-day.today{background:#f7f3ff;border-color:#c4b0eb}#app .wf-day header b{font-size:12px;color:var(--design-ink)}#app .wf-day header small{font-size:11px}#app .wf-add{font-weight:500}#app .wf-time input{padding:8px 3px;color:var(--design-ink);font-variant-numeric:tabular-nums}#app .wf-switch{background:#eeeaf4;border:0;padding:4px}#app .wf-switch button{font-size:13px;padding:11px 17px}#app .wf-switch .active{background:#fff;box-shadow:0 2px 7px #3523400a;color:var(--brand)}#app .wf-metrics{gap:14px;border:0;padding-bottom:22px}#app .wf-metrics>div{padding:17px 18px;background:#f8f6fb;border:1px solid var(--line);border-radius:12px}#app .wf-metrics small{font-size:11px}#app .wf-metrics b{font-size:25px;font-weight:650;letter-spacing:-.4px}#app .wf-person{padding:22px 0}#app .wf-identity{display:flex;gap:10px;align-items:center}#app .wf-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:11px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:650}#app .wf-person-title b{font-size:14px}#app .wf-main-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0;font-size:11px;color:var(--muted)}#app .wf-main-metrics b{display:block;margin-top:5px;color:var(--design-ink);font-size:19px;font-weight:600}#app .wf-main-metrics span:last-child b{color:var(--brand)}#app .wf-details{border-top:1px solid var(--line);padding-top:12px}#app .wf-details summary{cursor:pointer;font-size:12px;color:#897b99;width:fit-content}#app .wf-details[open] summary{color:var(--brand)}#app .wf-details .wf-person-metrics{margin-top:18px;margin-bottom:6px}#app .wf-rate{font-size:11px}#app .wf-warning{line-height:1.6}#app .wf-explain{font-size:12px;max-width:1000px;margin-top:18px}#app .wf-request{background:#fff;border-left:3px solid var(--brand);border-radius:12px;box-shadow:0 3px 18px #33224404}#app .wf-request .primary{font-size:13px;padding:11px 16px;min-height:40px}
@media(max-width:700px){#app .wf-head h1{font-size:27px}#app .wf-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}#app .wf-summary>div{padding:14px}#app .wf-summary>div:first-child{grid-column:1/-1}#app .wf-summary b{font-size:26px}#app .wf-summary span{font-size:11px}#app .wf-metrics{grid-template-columns:1fr 1fr;gap:8px}#app .wf-metrics>div{display:block;padding:13px}#app .wf-metrics small{display:block;font-size:10px;min-height:28px;line-height:1.45}#app .wf-metrics b{font-size:19px;margin-top:7px}#app .wf-main-metrics{gap:10px}#app .wf-main-metrics b{font-size:16px}#app .wf-rate{flex-wrap:wrap;justify-content:flex-start;gap:12px}#app .wf-table-wrap{overflow:visible}#app .wf-team,#app .wf-team tbody{display:block;white-space:normal}#app .wf-team thead{display:none}#app .wf-team tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:12px 0 20px;border-bottom:1px solid var(--line)}#app .wf-team tbody th{grid-column:1/-1;padding:8px 0 14px;border:0}#app .wf-team tbody td{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0;border:0;font-size:12px}#app .wf-team tbody td:before{content:attr(data-day);font-size:10px;color:var(--muted);margin-bottom:4px}#app .wf-team tbody .wf-week-total{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}#app .wf-team tbody .wf-week-total:before{font-size:12px;margin:0}#app .wf-week-total b{font-size:14px}#app .wf-switch button{padding:10px 12px}.wf-day{min-width:0}}
@media(prefers-reduced-motion:reduce){#app .wf-team tbody tr{transition:none}}

#app .wf-live{padding:18px}#app .wf-live-list{display:grid;gap:0}#app .wf-live-person{display:flex;align-items:center;gap:16px;padding:15px 2px;border-top:1px solid var(--border,#eeedf2)}#app .wf-live-person .wf-identity{flex:1;min-width:0}#app .wf-live-person .wf-identity small{display:block;color:#85818f;margin-top:4px;font-size:12px}#app .wf-live-status{font-size:13px;white-space:nowrap;background:#f4f4f6;padding:7px 11px;border-radius:9px;color:#6c6875}#app .wf-live-status.busy{background:#f0ebff;color:#6950cf}#app .wf-live-status.ready{background:#ecf8f0;color:#238653}@media(max-width:700px){#app .wf-live-person{flex-wrap:wrap;gap:8px}#app .wf-live-person .wf-identity{flex-basis:100%}#app .wf-head{align-items:flex-start}#app .wf-switch{min-width:0!important;flex-wrap:wrap}#app .wf-live .wf-toolbar{flex-wrap:wrap}}

/* Supervisor focus: compact summary and immediate team filtering. */
#app .wf-live-summary{gap:10px}#app .wf-live-summary>div{position:relative;padding:16px 18px;min-height:0;border-radius:14px}#app .wf-live-summary>div>b{font-size:30px;line-height:1.2;margin:5px 0}#app .wf-live-summary>div>span{font-size:11px}#app .wf-live-summary>div>small{font-size:12px;color:#676171}#app .wf-live{padding:0;overflow:hidden;border-radius:16px}#app .wf-live>.wf-toolbar{padding:16px 20px;margin:0;gap:12px}#app .wf-live-list{padding:0 20px}#app .wf-live-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 20px;background:#faf9fc;border-top:1px solid #eeebf3;border-bottom:1px solid #eeebf3}#app .wf-live-search{display:flex;align-items:center;gap:9px;flex:1 1 180px;max-width:280px;color:#938b9e}#app .wf-live-search svg{width:18px;height:18px;flex-shrink:0}#app .wf-live-search input{width:100%;min-width:0;min-height:36px;padding:5px 0;border:0;background:transparent;font-size:13px;box-shadow:none}#app .wf-live-search input:focus{outline:0}#app .wf-live-search:focus-within{color:#6950cf}#app .wf-live-filters{display:flex;gap:4px;flex-wrap:wrap}#app .wf-live-filters button{min-height:34px;padding:6px 10px;border:1px solid transparent;background:transparent;color:#81798b;font-size:12px;border-radius:8px}#app .wf-live-filters button.active{background:#fff;color:#6950cf;border-color:#e5dff3;box-shadow:0 2px 5px #35215106}#app .wf-live-controls>[data-live-count]{margin-left:auto;font-size:11px}#app .wf-live-person[hidden]{display:none}#app .wf-live-person:hover{background:#fbfaff}#app .wf-live-person .wf-avatar{width:34px;height:34px;font-size:12px}#app .wf-live-person b{font-size:13px}#app .wf-live-person{padding:12px 0}#app .wf-live .wf-empty{margin:0;padding:24px}#app .wf-live .wf-empty[hidden]{display:none}@media(max-width:700px){#app .wf-live-summary{grid-template-columns:repeat(3,minmax(0,1fr))}#app .wf-live-summary>div{grid-column:auto;padding:12px 10px}#app .wf-live-summary>div>small{font-size:11px;line-height:1.4}#app .wf-live-summary>div>span{display:none}#app .wf-live-summary>div>b{font-size:26px}#app .wf-live-controls{gap:8px;padding:10px 14px}#app .wf-live-search{max-width:none;flex-basis:100%}#app .wf-live-controls>[data-live-count]{display:none}#app .wf-live-filters{gap:3px}#app .wf-live-filters button{font-size:11px;padding:6px 7px;min-height:40px}#app .wf-live>.wf-toolbar{padding:12px 14px}#app .wf-live-list{padding:0 14px}#app .wf-live-status{font-size:12px;padding:6px 9px}}
@media(max-width:700px){#app .wf-summary.wf-live-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}#app .wf-summary.wf-live-summary>div{grid-column:auto!important;grid-row:auto!important;width:auto!important}}
@media(max-width:700px){#app .wf-live>.wf-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px}#app .wf-live>.wf-toolbar>b{grid-column:1/-1}#app .wf-live>.wf-toolbar>span{font-size:11px}#app .wf-live>.wf-toolbar>button{min-height:36px;font-size:12px}}

/* Clear schedule reading: submitted weeks first, explicit empty states. */
#app .wf-order-note{font-size:12px;color:var(--muted);margin:14px 0}
#app .wf-team [hidden],#app .wf [data-team-empty][hidden]{display:none!important}
#app .wf-team tbody tr[data-ready="false"]{color:var(--muted);background:#fcfbfd}
#app .wf-team .wf-day-off{font-size:11px;color:var(--text-tertiary)}
#app .wf-explain summary{cursor:pointer;color:var(--muted);padding:12px 0;font-size:12px}
#app .wf-team th small{display:block}
#app .wf-team td{min-width:90px}
@media(max-width:700px){#app .wf-team td{min-width:0}#app .wf-planner>.wf-live-controls{margin-inline:-4px;padding:10px 4px}.wf-identity b{overflow-wrap:anywhere}}
@media(max-width:700px){#app .wf-summary{grid-template-columns:repeat(3,minmax(0,1fr))}#app .wf-summary>div:first-child{grid-column:auto}#app .wf-summary>div{padding:12px 10px}#app .wf-summary span,#app .wf-summary .wf-progress{display:none}#app .wf-summary small{font-size:10px;display:block;min-height:30px}#app .wf-summary b{font-size:22px}#app .wf-summary em{font-size:13px}}