.teamrow{gap:6px;padding-bottom:8px}.teampill{min-width:82px;border-radius:12px;padding:8px 7px}.teampill .avatar{width:30px;height:30px;margin-bottom:5px;font-size:12px}.teampill b{font-size:12px}.teampill span{font-size:9px}.teampill.work-on{background:#f1faf6;border-color:#abd8c4}.teampill.work-on .avatar{background:#dff2e8;color:var(--green)}.teampill.work-off{background:#fff4f4;border-color:#efc2c2}.teampill.work-off .avatar{background:#fde3e3;color:var(--red)}.teampill .work-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:1px}.teampill.work-on .work-dot{background:var(--green)}.teampill.work-off .work-dot{background:var(--red)}
.employee-row{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:16px}.employee-row.is-working{box-shadow:inset 4px 0 0 var(--green)}.employee-row.is-off{box-shadow:inset 4px 0 0 var(--red)}.employee-info{min-width:0}.employee-info b{display:block;font-size:17px;color:#172231}.employee-info span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.employee-day-controls{display:flex;align-items:center;gap:12px}.hours-stepper{background:#f5f8fa;border:1px solid #d8e1e6;border-radius:14px;padding:9px 10px;min-width:190px}.hours-label{display:block;font-size:9px;font-weight:900;letter-spacing:.09em;color:#78909e;margin-bottom:6px;text-align:center}.hours-buttons{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px}.hour-btn{height:38px;border:0;border-radius:11px;font-size:24px;line-height:1;font-weight:700;background:#fff;color:#173245;box-shadow:0 1px 5px rgba(11,36,52,.13);touch-action:manipulation}.hour-btn:active{transform:scale(.96)}.hour-btn.minus{color:#c85b5b}.hour-btn.plus{color:#238966}.hours-buttons strong{text-align:center;font-size:22px;color:#142b3a;font-variant-numeric:tabular-nums}.hours-buttons strong small{font-size:11px;color:#81939f}.hours-stepper.off{background:#fff7f7;border-color:#f0d6d6}.work-toggle{border:0;border-radius:999px;padding:10px 13px;font-size:10px;font-weight:900;min-width:125px;white-space:nowrap}.work-toggle i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.work-toggle.on{background:#e3f4eb;color:var(--green)}.work-toggle.on i{background:var(--green)}.work-toggle.off{background:#fde7e7;color:var(--red)}.work-toggle.off i{background:var(--red)}.delete-employee{border:1px solid #efc2c2;background:#fff6f6;color:var(--red);border-radius:999px;padding:10px 13px;font-size:10px;font-weight:900;white-space:nowrap}.delete-employee:hover{background:#fdeaea}.employee-day-controls button[onclick^="editEmployee"]{border-color:#bfd0dc;background:#f3f7fa;color:#24465c}.employee-day-controls button[onclick^="editEmployee"]:hover{background:#e8f0f5}.planner-person.person-off{background:#fff4f4;border-color:#efc2c2;color:#8a4c4c;cursor:not-allowed}.planner-person.person-off span{color:var(--red)}
@media(max-width:620px){.employee-row{align-items:stretch;flex-direction:column;padding:15px}.employee-day-controls{width:100%;display:grid;grid-template-columns:1fr auto;gap:10px}.hours-stepper{min-width:0;width:auto}.work-toggle{min-width:128px;align-self:end;margin-bottom:1px}.delete-employee{grid-column:auto;width:100%}.employee-day-controls button[onclick^="editEmployee"],.employee-day-controls button[onclick^="deleteEmployee"]{grid-column:auto;width:100%}.employee-info b{font-size:16px}}
@media(max-width:520px){#employeeList .employee-team-column .employee-row{padding:10px 10px 9px 31px!important;margin-bottom:6px;gap:6px;border-radius:14px}#employeeList .employee-team-column .employee-info b{font-size:14px;line-height:1.15}#employeeList .employee-team-column .employee-info>span{font-size:9px;line-height:1.2;margin-top:2px}#employeeList .employee-team-column .employee-initials-badge{height:20px;min-width:30px;padding:0 6px;margin-left:5px;font-size:9px}#employeeList .employee-team-column .capacity-card-side{gap:5px!important}#employeeList .employee-team-column .capacity-card-status{font-size:9px;padding:4px 7px}#employeeList .employee-team-column .capacity-card-actions{gap:5px!important}#employeeList .employee-team-column .capacity-card-edit{font-size:9px;line-height:1.1}#employeeList .employee-team-column .capacity-card-profile-edit,#employeeList .employee-team-column .capacity-card-delete{padding:7px 8px!important;font-size:9px}#employeeList .employee-team-column{padding:8px}#employeeList .employee-team-head{margin-bottom:7px}}
@media(max-width:390px){.employee-day-controls{grid-template-columns:1fr}.work-toggle{width:100%}.employee-day-controls button[onclick^="editEmployee"],.employee-day-controls button[onclick^="deleteEmployee"]{grid-column:1/-1}}
@media(min-width:800px){.teampill{min-width:0}.teamrow .teampill{flex:1}}