.service-report-route{min-width:0;overflow-x:clip}@media (width<=639px){.service-report-route{width:100%}.service-report-route input,.service-report-route select,.service-report-route textarea{min-width:0;max-width:100%;font-size:16px}.service-report-route input,.service-report-route select{min-height:44px}.service-report-route textarea{line-height:1.45}.service-report-route button,.service-report-route a{touch-action:manipulation}.service-report-route>div:first-child{gap:12px;margin-bottom:16px}.service-report-route>div:first-child>div:last-child,.service-report-route>div:first-child>div:last-child>div{width:100%;min-width:0}.service-report-route>div:first-child>div:last-child>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.service-report-route>div:first-child>div:last-child>div>a,.service-report-route>div:first-child>div:last-child>div>button{white-space:nowrap;justify-content:center;width:100%;min-height:44px;padding-inline:12px}.service-report-route>div:first-child>div:last-child>div>button[class*=bg-brand]{grid-area:1/1/auto/-1;min-height:48px}.service-report-route [class*=bg-card]{min-width:0}.service-report-route [class*=bg-card]>.mb-3.flex.items-center.justify-between{flex-direction:column;align-items:stretch;gap:12px}.service-report-route [class*=bg-card]>.mb-3.flex.items-center.justify-between>button{justify-content:center;width:100%;min-height:44px}.service-report-route>div[class*=bg-surface-elevated][class*=text-xs]{overflow-wrap:anywhere;line-height:1.55}.service-report-route>div.overflow-x-auto{scrollbar-width:none;overscroll-behavior-inline:contain;margin-inline:-4px;padding-inline:4px;scroll-padding-inline:4px}.service-report-route>div.overflow-x-auto::-webkit-scrollbar{display:none}.service-report-route>div.overflow-x-auto>button{min-height:44px;padding-inline:16px}.service-report-route [class*=bg-card]:has(>div>input[placeholder="What was done…"]){grid-template-columns:minmax(0,1fr) 44px;gap:12px;display:grid}.service-report-route [class*=bg-card]:has(>div>input[placeholder="What was done…"])>div:first-child{display:contents}.service-report-route [class*=bg-card]:has(>div>input[placeholder="What was done…"]) input[placeholder="What was done…"]{grid-area:1/1/auto/-1;min-height:48px}.service-report-route [class*=bg-card]:has(>div>input[placeholder="What was done…"])>textarea{grid-area:2/1/auto/-1;min-height:88px;margin-top:0}.service-report-route [class*=bg-card]:has(>div>input[placeholder="What was done…"]) input[aria-label=Hours]{grid-area:3/1;min-height:44px}.service-report-route [class*=bg-card]:has(>div>input[placeholder="What was done…"]) button[aria-label=Remove]{grid-area:3/2;width:44px;height:44px}.service-report-route [class*=bg-card]:has(>div>input[placeholder="What was done…"])>div:last-child{grid-area:4/1/auto/-1;margin-top:0}.service-report-route [class*=bg-card]:has(>div>input[placeholder="What was done…"])>div:last-child label{flex:auto;justify-content:center;min-height:44px}.service-report-route .group.relative>button[class*=hidden]{place-items:center;width:28px;height:28px;display:grid}.service-report-route .group.relative.h-16.w-16{width:72px;height:72px}.service-report-route div:has(>input[placeholder="Part / material name"]){border:1px solid hsl(var(--border));border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px;display:grid!important}:is(.service-report-route div:has(>input[placeholder="Part / material name"])>input:first-child,.service-report-route div:has(>input[placeholder="Part / material name"])>input:nth-child(2)){grid-column:1/-1}.service-report-route div:has(>input[placeholder="Part / material name"])>input:nth-child(3){grid-column:1}.service-report-route div:has(>input[placeholder="Part / material name"])>input:nth-child(4){grid-column:2}.service-report-route div:has(>input[placeholder="Part / material name"])>button{grid-column:2;justify-self:end;width:44px;height:44px}.service-report-route div:has(>input[placeholder="Check / reading name"]){border:1px solid hsl(var(--border));border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:10px;padding:12px;display:grid!important}.service-report-route div:has(>input[placeholder="Check / reading name"])>input:first-child{grid-column:1/-1}.service-report-route div:has(>input[placeholder="Check / reading name"])>input:nth-child(4){grid-column:1/-1}.service-report-route div:has(>input[placeholder="Check / reading name"])>select{grid-column:1/-1}.service-report-route div:has(>input[placeholder="Check / reading name"])>input:nth-child(2){grid-column:1}.service-report-route div:has(>input[placeholder="Check / reading name"])>input:nth-child(3){grid-column:2}.service-report-route div:has(>input[placeholder="Check / reading name"])>button{grid-column:2;justify-self:end;width:44px;height:44px}.service-report-route div:has(>input[placeholder=Follow-up\ recommendation…]){border:1px solid hsl(var(--border));border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px;display:grid!important}.service-report-route div:has(>input[placeholder=Follow-up\ recommendation…])>input:first-child{grid-column:1/-1}.service-report-route div:has(>input[placeholder=Follow-up\ recommendation…])>input[type=date]{grid-column:1}.service-report-route div:has(>input[placeholder=Follow-up\ recommendation…])>select{grid-column:2}.service-report-route div:has(>input[placeholder=Follow-up\ recommendation…])>button{grid-column:2;justify-self:end;width:44px;height:44px}.service-report-route [class*=border-brand\/30]>.mb-3{flex-direction:column;align-items:stretch}.service-report-route [class*=border-brand\/30]>.mb-3>div>div:first-child{flex-wrap:wrap;align-items:flex-start}.service-report-route [class*=border-brand\/30]>.mb-3>button[class*=bg-brand]{justify-content:center;width:100%;min-height:44px}.service-report-route [class*=bg-card] .grid.gap-2>div[class*=uppercase]{margin-bottom:-4px}.service-report-route textarea[rows="4"]{min-height:128px}.service-report-route canvas{max-width:100%;height:120px;display:block}.service-report-route canvas+div button{justify-content:center;min-width:88px;min-height:44px}.service-report-route button.w-full.text-left,.service-report-route button[class*=w-full][class*=items-start]{min-height:58px}.service-report-route button.w-full.text-left .truncate,.service-report-route button[class*=w-full][class*=items-start] .truncate{text-overflow:clip;white-space:normal;overflow:visible}.service-report-route div.flex.justify-end>button[class*=bg-brand]{width:100%;min-height:48px}.service-report-route button[class*=underline-offset]{min-height:44px;padding-inline:8px}}