.service-inline-customer{padding:23px;border:1px solid #c9e1d6;border-radius:10px;background:#f4faf6;box-shadow:0 5px 20px #2653380a;margin:3px 0 25px}.service-inline-customer h3{font-size:18px;letter-spacing:-.35px;color:#426f56;margin:0 0 10px}.service-inline-customer>p{font-size:11px;color:#8ca696;margin-bottom:20px}.service-inline-customer .service-actions{margin-bottom:0;justify-content:flex-end}.service-customer-picker{display:flex;gap:9px;align-items:flex-end;margin-bottom:18px}.service-customer-picker>.field{flex:1;margin:0}.service-customer-picker>.button{flex-shrink:0;min-height:41px}.service-inline-error{font-size:11px;color:#aa6260;margin:8px 0 14px}.service-inline-error:empty{display:none}.service-price-line{display:grid;grid-template-columns:minmax(180px,2fr) 75px 90px 110px 125px 75px 33px;gap:10px;align-items:end;border-bottom:1px solid #e7efe9;padding:0 0 5px;margin:0 0 18px}.service-price-line .field{margin-bottom:15px}.service-price-line label{font-size:10px}.service-price-line .button{margin-bottom:15px;padding:6px;min-height:41px}.service-price-line .field>small{font-size:9px;line-height:1.5}.service-line-basis{color:#85a693;font-size:9px!important;margin-top:5px!important}.service-document-edit-summary{display:flex;justify-content:space-between;gap:20px;background:#edf6f0;border:1px solid #dcebe0;padding:22px;border-radius:9px;margin:20px 0}.service-document-edit-summary>div{display:flex;flex-direction:column;gap:8px}.service-document-edit-summary span{font-size:11px;color:#88a694}.service-document-edit-summary strong{font-size:24px;color:#4d8063;letter-spacing:-.5px}.service-document-edit-summary small{font-size:10px;color:#98b0a0}.service-signature{margin:23px 0;padding:21px;border:1px solid #dcebe2;border-radius:10px;background:#f8fbf9}.service-signature-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.service-signature-heading h3{font-size:15px;color:#60816c;margin:0 0 6px}.service-signature-heading p{font-size:11px;color:#9ab0a2;margin:0}.service-signature canvas{display:block;width:100%;height:160px;background:#fff;border:1px dashed #b6d0c1;border-radius:8px;touch-action:none;cursor:crosshair}.service-signature .field{max-width:400px}.service-signature>.help{font-size:10px;line-height:1.7;color:#8baa97}.service-saved-signature{padding:20px 0;border-top:1px solid #e0eae4;margin-top:25px}.service-saved-signature img{display:block;max-width:450px;width:100%;max-height:150px;object-fit:contain;object-position:left;border:1px solid #e1ebe5;border-radius:7px;background:#fff}.service-saved-signature p{font-size:10px;color:#8da696;margin:10px 0 0}.service-photo-drafts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.service-photo-drafts article{border:1px solid #dfebe2;border-radius:8px;overflow:hidden;background:#fff}.service-photo-drafts img{display:block;width:100%;height:125px;object-fit:cover}.service-photo-drafts article>div{padding:9px;display:flex;align-items:center;justify-content:space-between;gap:6px}.service-photo-drafts small{font-size:10px;color:#97ad9e;overflow-wrap:anywhere}.service-workflow-sequence{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:5px 0 18px}.service-workflow-sequence>span{padding:7px 9px;border-radius:6px;background:#f1f6f2;color:#a3b9a8;font-size:10px}.service-workflow-sequence>span.active{background:#deeee3;color:#659171}.service-workflow-sequence>i{font-size:12px;font-style:normal;color:#b2c5b7}.service-fieldwork-recorded-totals{display:flex;gap:23px;flex-wrap:wrap;font-size:11px;color:#8aa591}.service-fieldwork-recorded-totals strong{font-size:18px;display:block;margin-top:6px;color:#577f62;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.service-price-line{grid-template-columns:minmax(150px,2fr) 65px 75px 100px 110px 65px 30px;gap:8px}}
@media(max-width:680px){.service-inline-customer{padding:19px 15px;margin-bottom:22px}.service-inline-customer h3{font-size:17px}.service-customer-picker{gap:7px;align-items:flex-end}.service-customer-picker>.button{font-size:10px;padding:8px 9px;max-width:100px}.service-price-line{grid-template-columns:1fr 1fr;gap:0 12px;position:relative;padding-bottom:10px}.service-price-line>.field:first-child{grid-column:1/-1;padding-right:31px}.service-price-line>.button{position:absolute;top:20px;right:0;width:28px;min-height:40px;border:0}.service-price-line .field{margin-bottom:15px}.service-price-line .field label{font-size:11px}.service-document-edit-summary{padding:17px;gap:15px}.service-document-edit-summary strong{font-size:22px}.service-document-edit-summary small{line-height:1.7}.service-signature{padding:17px 13px}.service-signature-heading h3{font-size:14px}.service-signature-heading p{font-size:10px;line-height:1.7}.service-signature canvas{height:155px}.service-photo-drafts{grid-template-columns:1fr 1fr;gap:10px}.service-photo-drafts img{height:120px}.service-fieldwork-recorded-totals{gap:17px}.service-fieldwork-recorded-totals strong{font-size:17px}.service-workflow-sequence>span{font-size:9px;padding:6px 8px}.service-workflow-sequence>i{font-size:10px}}