.staff-work-orders{margin-top:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.staff-work-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:20px;border-bottom:1px solid var(--line)}.staff-work-head h3{margin:5px 0}.staff-work-head p{margin:0;color:var(--muted)}.work-order-tabs{display:flex;gap:5px;padding:4px;border-radius:11px;background:var(--surface2)}.work-order-tabs button{display:flex;gap:8px;align-items:center;padding:9px 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:700}.work-order-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px rgba(14,35,53,.1)}.work-order-tabs strong{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(31,126,179,.12);color:#1769aa;font-size:.7rem}.staff-work-list{display:grid}.staff-work-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px 20px;border-top:1px solid var(--line)}.staff-work-row:first-child{border-top:0}.staff-work-row h4{margin:4px 0}.staff-work-row p,.staff-work-row small{display:block;margin:0;color:var(--muted)}.staff-work-row small{margin-top:5px;font-size:.7rem}.work-order-number,.work-order-detail-number{padding:12px;border-radius:11px;background:#102f4d;color:#fff}.work-order-number span,.work-order-number strong,.work-order-detail-number span,.work-order-detail-number strong{display:block}.work-order-number span,.work-order-detail-number span{font-size:.58rem;letter-spacing:.09em;color:#9ec9de;font-weight:800}.work-order-number strong,.work-order-detail-number strong{margin-top:4px;letter-spacing:.04em}.staff-work-actions{display:grid;justify-items:end;gap:9px}.work-state{padding:5px 9px;border-radius:999px;font-size:.65rem;font-weight:800}.work-state.open{background:#e8f4ff;color:#1769aa}.work-state.closed{background:#e8f7ef;color:#16845b}.technician-service-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:27px;border-radius:18px;background:linear-gradient(135deg,#102f4d,#17628b);color:#fff}.technician-service-hero h2{margin:7px 0}.technician-service-hero p{margin:0;color:#d4e7f2}.technician-service-hero .eyebrow{color:#86d9ef}.technician-service-summary{display:flex;gap:8px}.technician-service-summary>div{min-width:80px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);text-align:center}.technician-service-summary strong,.technician-service-summary span{display:block}.technician-service-summary strong{font-size:1.35rem}.technician-service-summary span{margin-top:3px;color:#cce1ec;font-size:.65rem}.dispatch-work-order{display:inline-flex;gap:5px;align-items:center;margin-bottom:7px;padding:5px 8px;border-radius:7px;background:#102f4d;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.04em}.work-order-detail-number{margin:0 0 15px}.form-grid input[name="workOrderNumber"]{font-weight:800;letter-spacing:.04em}@media(max-width:850px){.staff-work-row{grid-template-columns:130px 1fr}.staff-work-actions{grid-column:2;justify-items:start;display:flex;align-items:center}.technician-service-hero{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.staff-work-head{align-items:stretch;flex-direction:column}.work-order-tabs button{flex:1;justify-content:center}.staff-work-row{grid-template-columns:1fr}.staff-work-actions{grid-column:1}.work-order-number{width:max-content}.technician-service-summary{width:100%}.technician-service-summary>div{flex:1;min-width:0}}