.hours-crew-editor{padding:18px 28px;border-top:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec;background:#f8fafc}
.hours-crew-heading,.employee-hours-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.hours-crew-heading h3,.employee-hours-heading h4{margin:0;font:700 17px Georgia,serif}.hours-crew-heading p:last-child,.employee-hours-heading p:last-child{margin:4px 0 0;color:#6d7888;font-size:9px}
.hours-crew-actions{display:flex;align-items:center;gap:9px}.crew-collapse-button{display:none}
.hours-crew-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:13px}.hours-add-crew{grid-column:1/-1;justify-self:start}
.employee-hours-card{margin-top:18px;padding:17px;border:1px solid #ccd9e7;border-radius:9px;background:#f7faff}
.employee-hours-list{display:grid;gap:7px;margin-top:13px}
.employee-hour-row{display:grid;grid-template-columns:1fr 130px 105px;align-items:center;gap:10px;padding:9px 11px;border:1px solid #dce5ef;border-radius:8px;background:#fff}
.employee-hour-name strong,.employee-hour-name small{display:block}.employee-hour-name strong{font-size:11px}.employee-hour-name small{margin-top:3px;color:#6d7888;font-size:8px}
.employee-hour-row input{height:38px;text-align:right;font-weight:800}
.employee-hour-mode{padding:5px 8px;border-radius:14px;background:#e8f5ee;color:#2c7b55;font-size:8px;font-weight:800;text-align:center}.employee-hour-mode.manual{background:#fff1e5;color:#95581f}
@media(max-width:1050px){.hours-crew-grid{grid-template-columns:repeat(2,1fr)}.hours-crew-grid label:first-child{grid-column:1/-1}}
@media(max-width:780px){.hours-crew-editor{padding:16px}.hours-crew-editor.collapsed{padding-top:13px;padding-bottom:13px}.hours-crew-heading{align-items:center}.hours-crew-heading>div:first-child{min-width:0}.hours-crew-heading p:last-child{max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.hours-crew-actions{flex-shrink:0;flex-direction:column;align-items:flex-end;gap:6px}.crew-collapse-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid #bfd0e3;border-radius:8px;background:#edf4fc;color:#173f73;font-size:10px;font-weight:800}.hours-crew-editor.collapsed .hours-crew-grid{display:none}.hours-crew-grid{grid-template-columns:1fr}.hours-crew-grid label:first-child{grid-column:auto}.employee-hours-heading{display:block}.employee-hours-heading button{margin-top:10px}.employee-hour-row{grid-template-columns:1fr 95px}.employee-hour-mode{grid-column:1/-1}}