---
title: "Complete the Work in the Field"
slug: "complete-the-work-in-the-field-3"
updated: 2026-05-11T19:04:57Z
published: 2026-05-11T19:04:57Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Complete the Work in the Field

<editor360-custom-block data-preprocessing="true" data-sanitizationtags="b,i,svg,polyline,style"><div class="sc" style="max-width:960px;margin:0 auto;padding:0 0 3rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1a1a1a"><!-- HERO --><div style="border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#0d1b35 0%,#162a4a 60%,#0f2040 100%);padding:32px 32px 28px;margin:0 0 16px;border-top:3px solid #3892F3;position:relative;"><div style="position:absolute;top:-60px;right:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(2,101,220,0.18) 0%,transparent 70%);pointer-events:none;"></div><div style="position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;border-radius:12px;"></div><div style="position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:20px;background:rgba(2,101,220,0.18);border:1px solid rgba(56,146,243,0.4);margin:0 0 16px"><span class="hb">SERVICETITAN · FIELD OPERATIONS</span></div><div style="position:relative;font-size:24px;font-weight:800;color:#ffffff;line-height:1.25;margin:0 0 10px;max-width:520px;letter-spacing:-0.01em">Complete the Work in the Field</div><p style="position:relative;font-size:13.5px;color:#B5DEFF;margin:0;line-height:1.65;max-width:540px;opacity:0.85">Deliver and document every job. Complete forms, record materials, update equipment, and log your time—all from the mobile app.</p></div><!-- JUMP-TO PILLS --><div style="display:flex;align-items:center;gap:8px;margin:0 0 16px;flex-wrap:wrap"><span style="font-size:11px;color:#6A7A85;font-weight:500">Jump to:</span><a href="/docs/complete-the-work-in-the-field-3#p1" class="jp" rel="noopener">Document &amp; Record Work</a><a href="/docs/complete-the-work-in-the-field-3#p2" class="jp" rel="noopener">Update Equipment &amp; Log Time</a><a href="/docs/complete-the-work-in-the-field-3#p3" class="jp" rel="noopener">Troubleshoot</a><a href="/docs/complete-the-work-in-the-field-3#kpi" class="jp" rel="noopener">Measure Impact</a></div><!-- ======================== SECTION 1: Document & Record Work ======================== --><div id="p1" style="margin:20px 0 8px;padding:10px 14px;background:#E3FCFF;border-radius:8px;border-left:4px solid #038299"><div style="font-size:14px;font-weight:700;color:#038299">Document &amp; Record Work</div></div><div style="display:flex;flex-direction:column;gap:6px"><!-- Step 1: Complete job forms in the field --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E3FCFF;color:#038299;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Complete job forms in the field</div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ Complete all required forms before closing out the job. Incomplete required forms block job completion—the technician cannot mark the job as finished or collect payment until all required forms are submitted.</p></div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ Forms must be assigned to Jobs (not just Locations) for the data to appear in the Form Submissions report. Location-only forms will not surface in reporting.</p></div><!-- Field Mobile App workflow --><div style="font-size:11px;font-weight:700;color:#038299;text-transform:uppercase;letter-spacing:0.05em;margin:8px 0 4px;padding:4px 8px;background:#E3FCFF;border-radius:4px;display:inline-block">Field Mobile App Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in the <b>Field Mobile App</b>. Tap the <b>Forms</b> tab to see all forms assigned to this job type.</p><p style="margin:0 0 2px"><b>b.</b> Tap a form to open it. Fill in each field—text, checkboxes, dropdowns, and signature fields. Required fields are marked with an asterisk. If the form uses conditional logic, questions will show or hide dynamically based on your answers.</p><p style="margin:0 0 2px"><b>c.</b> When finished, tap <b>Save</b> to save your progress, or tap <b>Complete</b> to finish the form and send it to your office. The form syncs automatically. If you're offline, it uploads after you regain connectivity.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/complete-and-send-forms-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Complete and send forms in the Field Mobile App</u></a><a href="/v1/docs/use-required-arrival-forms-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Use required arrival forms in the Field Mobile App</u></a></div><!-- ServiceTitan Mobile (legacy) workflow --><div style="font-size:11px;font-weight:700;color:#038299;text-transform:uppercase;letter-spacing:0.05em;margin:10px 0 4px;padding:4px 8px;background:#E3FCFF;border-radius:4px;display:inline-block">ServiceTitan Mobile (Legacy) Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in <b>ServiceTitan Mobile</b> and tap <b>Forms</b>.</p><p style="margin:0 0 2px"><b>b.</b> Tap a form to open it. Fill in each field—text, checkboxes, dropdowns, and signature fields. Required fields are marked with an asterisk. If the form uses conditional logic, questions will show or hide dynamically based on your answers.</p><p style="margin:0 0 2px"><b>c.</b> When finished, tap <b>Save</b>.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/forms-in-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Complete and send forms in ServiceTitan Mobile</u></a></div></div></div></div><!-- Step 2: Record parts used from truck stock --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E3FCFF;color:#038299;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Record parts used from truck stock</div><!-- Inventory Mobile App workflow --><div style="font-size:11px;font-weight:700;color:#038299;text-transform:uppercase;letter-spacing:0.05em;margin:8px 0 4px;padding:4px 8px;background:#E3FCFF;border-radius:4px;display:inline-block">Inventory Mobile App Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in the mobile app and tap the <b>Invoice</b> tab (or <b>Work Summary</b> for Commercial). Tap <b>+ Add Items</b> to open the pricebook.</p><p style="margin:0 0 2px"><b>b.</b> Search for the part by name or code and select it. Enter the quantity used and select the <b>Inventory Location</b> (truck). The item is added to the job invoice and deducted from your truck stock.</p><p style="margin:0 0 2px"><b>c.</b> If the part isn't on your truck, technicians with the <b>Create Item Request</b> permission can submit a requisition from the mobile app. Technicians with the <b>Create Purchase Order</b> permission can create a PO directly.</p><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ Technicians can add items even when truck quantity is zero — this drops inventory below zero and triggers replenishment. Review the <b>Only Replenish Max</b> setting at <b>Settings &gt; Inventory &gt; Configuration</b> to control whether replenishment orders exceed your max template quantity to cover negative balances.</p></div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ If the "Allow technician to consume items not on their truck" permission is disabled, only items on the truck template or truck location can be added to invoices.</p></div></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/add-or-edit-inventory-items-on-an-invoice" target="_self" translate="no" class="sl" rel="noopener"><u>Add or edit inventory items on an invoice</u></a><a href="/v1/docs/set-up-inventory-configurations" target="_self" translate="no" class="sl" rel="noopener"><u>Set up inventory configurations</u></a><a href="/v1/docs/set-up-and-use-mobile-storage" target="_self" translate="no" class="sl" rel="noopener"><u>Set up and use mobile storage</u></a></div><!-- Field Mobile App workflow --><div style="font-size:11px;font-weight:700;color:#038299;text-transform:uppercase;letter-spacing:0.05em;margin:10px 0 4px;padding:4px 8px;background:#E3FCFF;border-radius:4px;display:inline-block">Field Mobile App Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in the <b>Field Mobile App</b> and tap the <b>Invoice</b> tab (Residential) or <b>Work Summary</b> tab (Commercial).</p><p style="margin:0 0 2px"><b>b.</b> Scroll to the <i>Invoice/Line Items</i> section and tap <b>View</b>.</p><p style="margin:0 0 2px"><b>c.</b> Scroll to the bottom and tap <b>+ Add Items</b>.</p><p style="margin:0 0 2px"><b>d.</b> Tap the <b>Materials</b> tab, select the material used, and add it to the invoice. This doesn't create a requisition/replenishment report, but it does reduce truck stock.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/field-mobile-app-faq" target="_self" translate="no" class="sl" rel="noopener"><u>ServiceTitan Field Mobile App FAQ</u></a></div></div></div></div><!-- Step 3: Add pricebook items to a job invoice --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E3FCFF;color:#038299;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Add pricebook items to a job invoice</div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ Services and Equipment are not visible in the mobile pricebook unless they are assigned to a Category. Orphaned items will not appear for technicians to select.</p></div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ Configurable materials only trigger on the Estimate screen. If a technician adds items directly to the Invoice, they can select a generic item instead of the specific SKU.</p></div><!-- Field Mobile App workflow --><div style="font-size:11px;font-weight:700;color:#038299;text-transform:uppercase;letter-spacing:0.05em;margin:8px 0 4px;padding:4px 8px;background:#E3FCFF;border-radius:4px;display:inline-block">Field Mobile App Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in the <b>Field Mobile App</b> and tap the <b>Invoice</b> tab (Residential) or <b>Work Summary</b> tab (Commercial).</p><p style="margin:0 0 2px"><b>b.</b> Scroll to the Invoice Items section and tap <b>Add</b> or <b>View</b>.</p><p style="margin:0 0 2px"><b>c.</b> Search the pricebook by name, code, or category. Select an item to add it to the invoice and adjust the quantity if needed. The price auto-populates from the pricebook—override only if your administrator allows manual price edits.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/use-pricebook-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Use Pricebook in the Field Mobile App</u></a></div><!-- ServiceTitan Mobile (legacy) workflow --><div style="font-size:11px;font-weight:700;color:#038299;text-transform:uppercase;letter-spacing:0.05em;margin:10px 0 4px;padding:4px 8px;background:#E3FCFF;border-radius:4px;display:inline-block">ServiceTitan Mobile (Legacy) Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in <b>ServiceTitan Mobile</b> and tap <b>Invoice</b>.</p><p style="margin:0 0 2px"><b>b.</b> Tap <b>+ Add items</b>.</p><p style="margin:0 0 2px"><b>c.</b> Search the pricebook and select an item to add it to the invoice.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/update-your-pricebook-in-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Update your pricebook in ServiceTitan Mobile</u></a></div></div></div></div><!-- Step 4: Upload photos to document completed work --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E3FCFF;color:#038299;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Upload photos to document completed work</div><!-- Field Mobile App workflow --><div style="font-size:11px;font-weight:700;color:#038299;text-transform:uppercase;letter-spacing:0.05em;margin:8px 0 4px;padding:4px 8px;background:#E3FCFF;border-radius:4px;display:inline-block">Field Mobile App Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in the <b>Field Mobile App</b> and tap <b>Add &gt; Take Photo or Video</b> or <b>Upload Photo or Video</b>.</p><p style="margin:0 0 2px"><b>b.</b> Take a photo or select one from your device gallery. Capture clear after photos of the completed work, including close-ups of connections and installations.</p><p style="margin:0 0 2px"><b>c.</b> Use the markup tools to highlight important details—circle new connections, annotate before-and-after comparisons. Photos added to forms are also automatically added to the job's <i>Files</i> tab in the office.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/manage-photos-videos-and-files-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Manage photos, videos, and files in the Field Mobile App</u></a></div><!-- ServiceTitan Mobile (legacy) workflow --><div style="font-size:11px;font-weight:700;color:#038299;text-transform:uppercase;letter-spacing:0.05em;margin:10px 0 4px;padding:4px 8px;background:#E3FCFF;border-radius:4px;display:inline-block">ServiceTitan Mobile (Legacy) Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in <b>ServiceTitan Mobile</b> and tap the <b>Camera</b> icon. Tap <b>Take photo</b>, <b>Record video</b>, <b>Upload photo</b>, or <b>Upload video</b>.</p><p style="margin:0 0 2px"><b>b.</b> Take a photo or select one from your device gallery. Capture clear after photos of the completed work, including close-ups of connections and installations.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/use-doodle-in-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Add media to a job and mark photos with Doodle in ServiceTitan Mobile</u></a></div></div></div></div><!-- Step 5: Submit a Daily Log for project work [Commercial] --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E3FCFF;color:#038299;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Submit a Daily Log for project work</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:6px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open your current job in the <b>Field Mobile App</b> and tap the <b>project link</b> at the top.</p><p style="margin:0 0 2px"><b>b.</b> Scroll to the <i>Daily Logs</i> section and tap the <b>Expand</b> icon. Record the required fields: <b>Project Health</b>, <b>Notes</b>, <b>Issues</b>, <b>Materials</b>, and so on.</p><p style="margin:0 0 2px"><b>c.</b> Attach photos documenting site conditions. Tap <b>Save</b>.</p><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ The Daily Log is the primary legal evidence used to defend against Liquidated Damages claims. If a project is delayed by weather or another trade, the log is your proof. Never skip it.</p></div></div><div style="margin:6px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/use-daily-logs-to-document-your-activity-on-projects-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Use daily logs to document your activity on projects in the Field Mobile App</u></a></div></div></div></div></div><!-- ======================== SECTION 2: Update Equipment & Log Time ======================== --><div id="p2" style="margin:20px 0 8px;padding:10px 14px;background:#E0F2FF;border-radius:8px;border-left:4px solid #004491"><div style="font-size:14px;font-weight:700;color:#004491">Update Equipment &amp; Log Time</div></div><div style="display:flex;flex-direction:column;gap:6px"><!-- Step 6: Update equipment details after a repair --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E0F2FF;color:#004491;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Update equipment details after a repair</div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ Equipment must be added to the Equipment tab on the job (tied to the location record)—not just the invoice. If the install date is not set, ServiceTitan cannot track age-based replacement opportunities or warranty timelines.</p></div><!-- Field Mobile App workflow --><div style="font-size:11px;font-weight:700;color:#004491;text-transform:uppercase;letter-spacing:0.05em;margin:8px 0 4px;padding:4px 8px;background:#E0F2FF;border-radius:4px;display:inline-block">Field Mobile App Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in the <b>Field Mobile App</b> and tap the <b>Equipment</b> tab. Select the piece of equipment you serviced.</p><p style="margin:0 0 2px"><b>b.</b> Tap <b>Edit</b>. Update the relevant fields—manufacturer, model number, serial number, installation date, or warranty and condition notes.</p><p style="margin:0 0 2px"><b>c.</b> Tap <b>Save</b>. The equipment record now reflects the latest service, which helps the office track maintenance history for this customer.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/edit-replace-remove-equipment-from-a-service-location-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Edit, replace, or remove equipment from a service location in the Field Mobile App</u></a></div><!-- ServiceTitan Mobile (legacy) workflow --><div style="font-size:11px;font-weight:700;color:#004491;text-transform:uppercase;letter-spacing:0.05em;margin:10px 0 4px;padding:4px 8px;background:#E0F2FF;border-radius:4px;display:inline-block">ServiceTitan Mobile (Legacy) Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in <b>ServiceTitan Mobile</b> and tap <b>History &gt; Existing equipment</b>.</p><p style="margin:0 0 2px"><b>b.</b> Tap the installed equipment to open it then tap <b>Edit</b>.</p><p style="margin:0 0 2px"><b>c.</b> Make your changes then tap <b>Save</b> to sync the updated record back to the office.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/manage-equipment-in-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Manage equipment in ServiceTitan Mobile</u></a></div></div></div></div><!-- Step 7: Record an equipment replacement --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E0F2FF;color:#004491;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Record an equipment replacement</div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ Always mark old equipment as Replaced rather than removing it. Removing equipment deletes the service history record. Replacing preserves the full history for the location.</p></div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ For serialized equipment, scan the serial number on site. This initializes the warranty clock and populates the service agreement for future revenue.</p></div><!-- Field Mobile App workflow --><div style="font-size:11px;font-weight:700;color:#004491;text-transform:uppercase;letter-spacing:0.05em;margin:8px 0 4px;padding:4px 8px;background:#E0F2FF;border-radius:4px;display:inline-block">Field Mobile App Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in the <b>Field Mobile App</b> and tap the <b>Equipment</b> tab. Find the existing unit being replaced.</p><p style="margin:0 0 2px"><b>b.</b> Tap the unit, then tap <b>More &gt; Mark as Replaced &gt; Replace</b>. This retires the unit from active service while preserving its history.</p><p style="margin:0 0 2px"><b>c.</b> Tap <b>Add &gt; Equipment</b> to create the new unit. Enter the name, make, model, serial number, and installation date. You can also use the <b>Scan</b> icon (OCR) to auto-populate fields from the unit's nameplate.</p><p style="margin:0 0 2px"><b>d.</b> Tap <b>Add</b>. The new equipment is linked to the customer location and the replacement is logged in the equipment history.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/edit-replace-remove-equipment-from-a-service-location-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Edit, replace, or remove equipment in the Field Mobile App</u></a><a href="/v1/docs/add-equipment-to-a-service-location-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Add equipment to a service location in the Field Mobile App</u></a></div><!-- ServiceTitan Mobile (legacy) workflow --><div style="font-size:11px;font-weight:700;color:#004491;text-transform:uppercase;letter-spacing:0.05em;margin:10px 0 4px;padding:4px 8px;background:#E0F2FF;border-radius:4px;display:inline-block">ServiceTitan Mobile (Legacy) Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in <b>ServiceTitan Mobile</b> and tap <b>History &gt; Existing Equipment</b>. Find the existing unit being replaced.</p><p style="margin:0 0 2px"><b>b.</b> Tap the unit, then tap <b>More &gt; Replace</b>. This retires the unit from active service while preserving its history.</p><p style="margin:0 0 2px"><b>c.</b> Tap <b>Add Equipment</b> to create the new unit. Enter the name, make, model, serial number, and installation date.</p><p style="margin:0 0 2px"><b>d.</b> Tap <b>Save</b>. The new equipment is linked to the customer location and the replacement is logged in the equipment history.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/manage-equipment-in-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Manage equipment in ServiceTitan Mobile</u></a><a href="/v1/docs/add-previously-installed-equipment-to-a-service" target="_self" translate="no" class="sl" rel="noopener"><u>Add previously installed equipment to a service location in ServiceTitan Mobile</u></a></div></div></div></div><!-- Step 8: Log your hours from the field app --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E0F2FF;color:#004491;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Log your hours from the field app</div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ ServiceTitan has two timekeeping modes: Flexible and Legacy. They behave differently. When technicians report clock-in/out issues, first confirm which mode the tenant is on. Check <b>Settings &gt; Timekeeping</b>.</p></div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ ServiceTitan must be the single source of truth for time. If hours are edited in the external payroll processor (QuickBooks, etc.) but not in ServiceTitan, job costing reports will show false profitability.</p></div><!-- Field Mobile App workflow --><div style="font-size:11px;font-weight:700;color:#004491;text-transform:uppercase;letter-spacing:0.05em;margin:8px 0 4px;padding:4px 8px;background:#E0F2FF;border-radius:4px;display:inline-block">Field Mobile App Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the <b>Field Mobile App</b>. Tap <b>Time</b> or go to your timesheet from the <b>Menu</b>.</p><p style="margin:0 0 2px"><b>b.</b> If your company uses legacy timekeeping, tap <b>Clock In</b> at the start of your shift and <b>Clock Out</b> when finished. Use <b>Start Break</b> and <b>End Break</b> to log break time accurately.</p><p style="margin:0 0 2px"><b>c.</b> If your company uses flexible timekeeping, your time is tracked in one of three ways: <b>manually</b>, <b>automatically</b>, or <b>continuously</b>. Confirm with your office how you should track your time.</p><p style="margin:0 0 2px"><b>d.</b> If you need to adjust a past entry, tap <b>View Reports</b> on the <i>Timesheets and Performance Pay</i> notification that pops up at the end of your pay period, select <b>View payroll</b>, open the pay period, and submit a correction request. Your office admin will review and approve the change in the Payroll Dashboard.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/use-legacy-timekeeping-to-track-your-work-hours-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Use Legacy Timekeeping to track your work hours in the ServiceTitan Field Mobile App</u></a><a href="/v1/docs/compare-the-ways-to-use-flexible-timekeeping-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Compare the different ways to use Flexible Timekeeping with the ServiceTitan Field Mobile App</u></a><a href="/v1/docs/review-approve-or-dispute-your-payroll-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Review, approve, or dispute your payroll in the Field Mobile App</u></a></div><!-- ServiceTitan Mobile (legacy) workflow --><div style="font-size:11px;font-weight:700;color:#004491;text-transform:uppercase;letter-spacing:0.05em;margin:10px 0 4px;padding:4px 8px;background:#E0F2FF;border-radius:4px;display:inline-block">ServiceTitan Mobile (Legacy) Workflow</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:4px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open <b>ServiceTitan Mobile</b>.</p><p style="margin:0 0 2px"><b>b.</b> If your company uses legacy timekeeping, tap your <b>profile</b> icon then select <b>Clock In</b> at the start of your shift and <b>Clock Out</b> when finished. Use <b>Start Meal Break</b> and <b>End Meal Break</b> to log break time accurately.</p><p style="margin:0 0 2px"><b>c.</b> If your company tracks time automatically, tapping <b>Dispatch</b>, <b>Arrive</b>, and <b>Close Out</b> actions creates and ends timesheets.</p><p style="margin:0 0 2px"><b>d.</b> If you need to adjust a past entry, tap your <b>profile</b> icon then select <b>View Payroll</b>. Tap <b>View</b> for the pay period you want to review then tap <b>Dispute</b> to send a correction. Your office admin will review and approve the change in the Payroll Dashboard.</p></div><div style="margin:4px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/clock-io-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Clock in and out in ServiceTitan Mobile</u></a><a href="/v1/docs/track-your-time-in-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Track your time in ServiceTitan Mobile</u></a><a href="/v1/docs/sign-off-on-payroll-in-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Sign off on payroll in ServiceTitan Mobile</u></a></div></div></div></div><!-- Step 9: Clock time to cost codes for project work [Commercial] --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E0F2FF;color:#004491;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Clock time to cost codes for project work</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:6px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> If your account is configured for it, when clocking in on a project job select the <b>Cost Code</b> that matches the work phase (for example, Rough-In, Trim, Startup).</p><p style="margin:0 0 2px"><b>b.</b> If you switch tasks during the day, clock out of the current cost code and clock into the new one. This ensures labor is allocated to the correct phase.</p><p style="margin:0 0 2px"><b>c.</b> Accurate cost code timekeeping feeds the <b>Budget vs. Actual</b> report in real time, allowing project managers to spot labor overruns while the job is still active.</p></div><div style="margin:6px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/budget-codes-overview" target="_self" translate="no" class="sl" rel="noopener"><u>Budget Codes overview</u></a><a href="/v1/docs/use-manual-timekeeping-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Use Manual Timekeeping in the Field Mobile App</u></a></div></div></div></div><!-- Step 10: Mark job tasks as done --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E0F2FF;color:#004491;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Mark job tasks as done</div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ For commercial projects, tasks function as punch list items. The project cannot be closed until all tasks are marked complete.</p></div><div style="font-size:13px;color:#374151;line-height:1.7;margin:6px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Open the job in the <b>Field Mobile App</b> and tap <b>Tasks Completed</b> or the <b>Tasks</b> tab to see the checklist of required tasks for this job.</p><p style="margin:0 0 2px"><b>b.</b> As you complete each task, tap the checkbox to mark it done. Add any relevant notes.</p><p style="margin:0 0 2px"><b>c.</b> After all tasks are complete, the job status updates automatically. If any required tasks are incomplete, the app will alert you before you can close out the job.</p></div><div style="margin:6px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/track-job-related-tasks-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Track job-related tasks in the Field Mobile App</u></a></div></div></div></div><!-- Step 11: Complete an appointment vs. complete the job [Multi-Day Work] --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#E0F2FF;color:#004491;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Complete an appointment vs. complete the job</div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ This distinction is critical for multi-day projects. Choosing wrong cancels future appointments.</p></div><div style="padding:5px 10px;background:#EAEFF2;border-left:3px solid #8C9CA5;border-radius:6px;margin:4px 0 4px"><p style="font-size:12px;color:#4B5563;margin:0;line-height:1.5">⚠︎ If a technician marks the Job complete on Day 1 of a 3-day install, the system cancels the remaining days' appointments. If this happens by mistake, the office must reopen the job and rebook the appointments.</p></div><div style="font-size:13px;color:#374151;line-height:1.7;margin:6px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b><b>Complete the Appointment</b> (I am done for today, coming back tomorrow): Set the appointment status to <b>Mark myself as done</b> or <b>Complete Appointment</b>. The specific appointment ends, but the Job Status remains <b>In Progress</b>. The dispatcher can book a new appointment for tomorrow under the same Job ID.</p><p style="margin:0 0 2px"><b>b.</b><b>Complete the Job</b> (The scope of work is 100% finished): Set the status to <b>Complete Job</b>. The Job Status moves to <b>Completed</b>.</p></div><div style="margin:6px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/complete-an-appointment-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Complete an appointment in the Field Mobile App</u></a><a href="/v1/docs/complete-a-job-in-fma" target="_self" translate="no" class="sl" rel="noopener"><u>Complete a job in the Field Mobile App</u></a><a href="/v1/docs/close-out-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Close out appointments in ServiceTitan Mobile</u></a><a href="/v1/docs/complete-a-job-in-servicetitan-mobile" target="_self" translate="no" class="sl" rel="noopener"><u>Complete a job in ServiceTitan Mobile</u></a></div></div></div></div></div><!-- ======================== SECTION 3: Troubleshoot Field Issues ======================== --><div id="p3" style="margin:20px 0 8px;padding:10px 14px;background:#FEF3E2;border-radius:8px;border-left:4px solid #8B5E0F"><div style="font-size:14px;font-weight:700;color:#8B5E0F">Troubleshoot Field Issues</div></div><div style="display:flex;flex-direction:column;gap:6px"><!-- Step 12: Troubleshoot: Job form not triggering correctly --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#FEF3E2;color:#8B5E0F;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Troubleshoot: Job form not triggering correctly</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:6px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Verify the form trigger is configured correctly. Go to <b>Settings &gt; Forms</b> and check that the form is assigned to the correct <b>Job Type</b> and <b>Business Unit</b>.</p><p style="margin:0 0 2px"><b>b.</b> Confirm the form's trigger event matches the workflow—for example, <b>On Dispatch</b>, <b>On Arrival</b>, or <b>On Completion</b>. A mismatched trigger event prevents the form from appearing.</p><p style="margin:0 0 2px"><b>c.</b> Check that the technician's mobile app is updated to the latest version. Outdated app versions may not display newly configured forms.</p></div><div style="margin:6px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/use-forms" target="_self" translate="no" class="sl" rel="noopener"><u>Use forms</u></a><a href="/v1/docs/use-form-triggers" target="_self" translate="no" class="sl" rel="noopener"><u>Use form triggers</u></a></div></div></div></div><!-- Step 13: Troubleshoot: Can't find a part in truck stock --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#FEF3E2;color:#8B5E0F;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Troubleshoot: Can't find a part in truck stock</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:6px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Check that the part exists in your assigned truck. Go to <b>Inventory &gt; Inventory Locations</b> in the office view and confirm the part is listed under your truck with available quantity.</p><p style="margin:0 0 2px"><b>b.</b> If the part is missing, it may need to be replenished. Ask your office to create a <b>Truck Replenishment</b> order or transfer parts from another truck or warehouse.</p><p style="margin:0 0 2px"><b>c.</b> If the part exists but doesn't appear in the mobile search, try searching by part number instead of name. Confirm the part is marked as <b>Active</b> in the pricebook.</p></div><div style="margin:6px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/truck-inventory-replenishment-overview" target="_self" translate="no" class="sl" rel="noopener"><u>Truck inventory replenishment overview</u></a></div></div></div></div><!-- Step 14: Troubleshoot: Equipment history not updating --><div class="st" style="border:1px solid #D0D8DD;border-radius:8px;padding:10px 14px"><div style="display:flex;align-items:flex-start;gap:10px"><div class="sn" style="min-width:24px;height:24px;border-radius:6px;background:#FEF3E2;color:#8B5E0F;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0"></div><div style="flex:1"><div style="font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 1px">Troubleshoot: Equipment history not updating</div><div style="font-size:13px;color:#374151;line-height:1.7;margin:6px 0 0;padding-left:1em"><p style="margin:0 0 2px"><b>a.</b> Confirm the equipment was linked to the correct <b>Customer Location</b>—not the customer account. Equipment history tracks at the location level.</p><p style="margin:0 0 2px"><b>b.</b> Verify the job was completed and closed out, not just saved as a draft. Equipment records only update when the job reaches a completed or invoiced status.</p><p style="margin:0 0 2px"><b>c.</b> Check for duplicate equipment entries at the location. If two records exist for the same unit, service history may be split between them. Merge duplicates from the office view under <b>Customer &gt; Equipment</b>.</p></div><div style="margin:6px 0 0;padding-top:5px;border-top:1px solid #DFE0E1"><a href="/v1/docs/manage-installed-equipment" target="_self" translate="no" class="sl" rel="noopener"><u>Manage installed equipment</u></a><a href="/v1/docs/manage-installed-equipment#edit-an-equipment-record" target="_self" translate="no" class="sl" rel="noopener"><u>Edit an equipment record</u></a></div></div></div></div></div><!-- ======================== KPI GRID ======================== --><div id="kpi" style="margin:24px 0 12px"><div style="display:flex;align-items:center;gap:8px;margin:0 0 12px"><svg width="15" height="15" viewbox="0 0 24 24" fill="none" stroke="#004491" stroke-width="2.5"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg><div style="font-size:13px;font-weight:700;color:#004491;text-transform:uppercase;letter-spacing:0.06em">Measure the impact</div></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><!-- KPI 1: Form completion rate --><div style="padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #DFE0E1;border-top:3px solid #0265DC;"><div style="font-size:11px;font-weight:700;color:#0265DC;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 6px">Completeness</div><div style="font-size:12.5px;font-weight:600;color:#1a1a1a;margin:0 0 4px">Form completion rate</div><div style="font-size:11.5px;color:#6A7A85;line-height:1.55;margin:0 0 8px">A low rate signals technicians skipping required forms, risking compliance gaps and incomplete job records.</div><a href="https://go.servicetitan.com/#/new/reports/all" target="_blank" class="sl" rel="noopener">Reports &gt; All Reports &gt; search "Forms" ↗</a></div><!-- KPI 2: Average ticket size --><div style="padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #DFE0E1;border-top:3px solid #0265DC;"><div style="font-size:11px;font-weight:700;color:#0265DC;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 6px">Revenue</div><div style="font-size:12.5px;font-weight:600;color:#1a1a1a;margin:0 0 4px">Average ticket size</div><div style="font-size:11.5px;color:#6A7A85;line-height:1.55;margin:0 0 8px">Declining ticket sizes may indicate technicians aren't adding all materials or pricebook items to invoices.</div><a href="https://go.servicetitan.com/#/new/dashboards/modular-dashboard" target="_blank" class="sl" rel="noopener">Dashboard ↗</a></div><!-- KPI 3: Equipment records updated per job --><div style="padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #DFE0E1;border-top:3px solid #0265DC;"><div style="font-size:11px;font-weight:700;color:#0265DC;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 6px">Accuracy</div><div style="font-size:12.5px;font-weight:600;color:#1a1a1a;margin:0 0 4px">Equipment records updated per job</div><div style="font-size:11.5px;color:#6A7A85;line-height:1.55;margin:0 0 8px">Missing updates mean inaccurate service histories and unreliable warranty tracking.</div><a href="https://go.servicetitan.com/#/new/reports/all" target="_blank" class="sl" rel="noopener">Reports &gt; All Reports &gt; search "Equipment" ↗</a></div><!-- KPI 4: Timesheet accuracy --><div style="padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #DFE0E1;border-top:3px solid #0265DC;"><div style="font-size:11px;font-weight:700;color:#0265DC;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 6px">Efficiency</div><div style="font-size:12.5px;font-weight:600;color:#1a1a1a;margin:0 0 4px">Timesheet accuracy</div><div style="font-size:11.5px;color:#6A7A85;line-height:1.55;margin:0 0 8px">Frequent manual adjustments signal missed clock-ins or break logging issues in the field.</div><a href="https://go.servicetitan.com/#/new/reports/all" target="_blank" class="sl" rel="noopener">Reports &gt; All Reports &gt; search "Payroll" ↗</a></div></div></div><style> .sc { counter-reset: step } .sn { counter-increment: step } .sn::before { content: counter(step) } .hb { font-size: 10.5px; font-weight: 700; color: #78BBFA; letter-spacing: 0.08em } .jp { font-size: 11.5px; font-weight: 600; color: #374151; text-decoration: none; padding: 5px 13px; background: #fff; border: 1px solid #D0D8DD; border-radius: 20px; transition: all 0.15s } .jp:hover { background: #E0F2FF; border-color: #B5DEFF; color: #004491 } .st { transition: box-shadow 0.15s, border-color 0.15s } .st:hover { border-color: #B5DEFF !important; box-shadow: 0 2px 12px rgba(2, 101, 220, 0.07) } .sl { font-size: 10.5px; color: #0265DC; text-decoration: none; margin-right: 6px } .sl:hover { text-decoration: underline } .sl+.sl::before { content: "· "; color: #D0D8DD } .ao-tag { position: absolute; top: 10px; right: 14px; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 10px; background: #f0f1f2; border: 1px solid #D0D8DD; color: #5f5e5a; white-space: nowrap } p[data-block-id] { font-size: 1rem; } ul li p[data-block-id] { margin-bottom: 0; } ul[data-type="taskList"] li div p[data-block-id] { margin-bottom: 0; } ol li p[data-block-id] { margin-bottom: 0; } table tbody th p[data-block-id] { margin-bottom: 0; } blockquote p[data-block-id] { margin-bottom: 0 !important; } p[data-block-id]:empty::after { content: "\00A0"; } </style></div></editor360-custom-block>
