.workforce-view{padding-bottom:54px}.workforce-steps{display:flex;gap:10px;margin:-8px 0 20px}.workforce-steps span{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d8e4e6;border-radius:999px;background:#fff;color:#45616b;font-weight:800}.workforce-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#143f50;color:#fff}.workforce-panel{margin-bottom:20px;padding:22px}.requirements-table{display:grid;gap:10px}.requirement-day{display:grid;grid-template-columns:120px 1fr 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #dbe5e7;border-radius:15px;background:#f9fbfa}.requirement-day h3{margin:0;padding-left:6px}.requirement-role{display:grid;grid-template-columns:100px 1fr 1fr 82px;gap:8px;align-items:end;padding:10px;border-radius:12px}.requirement-role.role-kitchen{background:#fff2e8}.requirement-role.role-rider{background:#e9f5ff}.requirement-role label,.availability-row label{display:grid;gap:4px;color:#607780;font-size:12px;font-weight:800}.requirement-role select,.requirement-role input,.availability-row select{min-width:0;height:40px;padding:0 8px;border:1px solid #c7d6da;border-radius:9px;background:#fff;color:#173543}.workforce-columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:20px}.workforce-hint{margin:-4px 0 16px;color:#667c84}.employee-card{margin:10px 0;border:1px solid #d7e3e5;border-radius:15px;background:#fff;overflow:hidden}.employee-card summary{display:grid;grid-template-columns:46px 1fr auto 20px;gap:11px;align-items:center;padding:14px;cursor:pointer;list-style:none}.employee-card summary::-webkit-details-marker{display:none}.employee-card summary>span:nth-child(2){display:grid}.employee-card summary small{color:#68808a}.employee-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef4f5}.employee-avatar.rider{background:#e7f4ff}.employee-avatar.kitchen{background:#fff0e5}.availability-count{padding:7px 10px;border-radius:999px;background:#eef4f2;color:#46645d;font-size:12px;font-weight:800}.availability-form{padding:4px 14px 14px;border-top:1px solid #e3eaec}.availability-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;align-items:end;padding:8px 0;border-bottom:1px solid #edf1f2}.availability-check{display:flex!important;align-items:center;gap:8px;font-size:14px!important}.availability-check input{width:18px;height:18px}.availability-form>button{margin-top:12px}.employee-actions{display:flex;gap:8px;padding:0 14px 14px}.employee-actions button{padding:7px 10px;border:1px solid #d3dfe2;border-radius:9px;background:#f7faf9}.schedule-empty{display:grid;place-items:center;min-height:260px;padding:30px;text-align:center;color:#667c84}.schedule-empty>span{font-size:34px;color:#9cc400}.schedule-empty strong{color:#173543;font-size:18px}.schedule-empty p{max-width:300px}.schedule-day{margin:0 0 14px}.schedule-day h3{margin:0 0 7px}.schedule-shift{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:7px 0;padding:12px;border-left:4px solid #34a372;border-radius:10px;background:#f0f8f4}.schedule-shift.has-gap{border-color:#ed944f;background:#fff6ee}.schedule-shift>div:first-child{display:grid}.schedule-shift>div:first-child span{color:#668078;font-size:13px}.schedule-names{display:flex;flex-wrap:wrap;gap:6px}.schedule-names span,.schedule-names strong{padding:5px 8px;border-radius:7px;background:#fff;font-size:12px}.schedule-names strong{color:#a64a21}.workforce-dialog{max-width:560px}.workforce-dialog button[type=submit]{width:100%;margin-top:8px}@media(max-width:1150px){.requirement-day{grid-template-columns:1fr}.requirement-role{grid-template-columns:100px 1fr 1fr 82px}.workforce-columns{grid-template-columns:1fr}}@media(max-width:650px){.workforce-steps{overflow-x:auto}.workforce-steps span{flex:none}.workforce-panel{padding:15px}.requirement-role{grid-template-columns:1fr 1fr}.requirement-role>strong{grid-column:1/-1}.employee-card summary{grid-template-columns:44px 1fr 20px}.availability-count{grid-column:2;justify-self:start}.availability-row{grid-template-columns:1fr 1fr}.availability-check{grid-column:1/-1}.schedule-shift{grid-template-columns:1fr}}
