.service-work-panel{border:1px solid var(--line);border-radius:14px;margin-top:18px;padding:17px}.service-work-head{align-items:center;display:flex;justify-content:space-between}.service-work-head h3{font-size:13px;margin:0}.service-work-metrics{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin:12px 0}.service-work-metrics div{background:#f6f8fb;border-radius:9px;padding:10px}.service-work-metrics small,.service-work-metrics strong{display:block}.service-work-metrics small{color:var(--muted);font-size:8px}.service-work-metrics strong{font-size:12px}.service-progress{background:#e8edf3;border-radius:99px;height:7px;overflow:hidden}.service-progress i{background:linear-gradient(90deg,#1363df,#22a8ee);display:block;height:100%}.service-work-grid{display:grid;gap:16px;grid-template-columns:1.2fr .8fr;margin-top:14px}.service-activity-list,.service-hour-list{display:grid;gap:7px;max-height:330px;overflow:auto}.service-activity{border:1px solid var(--line);border-radius:10px;padding:11px}.service-activity.overdue{border-color:#f5a49b}.service-activity header{align-items:start;display:flex;justify-content:space-between}.service-activity h4{font-size:10px;margin:0}.service-activity p,.service-activity small{color:var(--muted);font-size:8px}.service-activity-meta{display:flex;flex-wrap:wrap;gap:7px}.service-activity button{font-size:8px;padding:5px 8px}.service-activity-form,.service-hour-form{background:#f8fafc;border:1px solid var(--line);border-radius:11px;display:grid;gap:8px;margin-bottom:10px;padding:12px}.service-form-row{display:grid;gap:8px;grid-template-columns:1fr 1fr}.service-activity-form footer,.service-hour-form footer{display:flex;gap:7px;justify-content:flex-end}.service-hour-list article{border-bottom:1px solid var(--line);padding:8px}.service-hour-list strong,.service-hour-list small{display:block;font-size:9px}.service-hour-list small{color:var(--muted)}
.service-hour-list article{align-items:center;display:flex;gap:8px;justify-content:space-between}.service-hour-list button{font-size:8px;padding:5px 8px}
@media(max-width:760px){.service-work-grid{grid-template-columns:1fr}.service-work-metrics{grid-template-columns:repeat(2,1fr)}}