.field-signoff .signature-person { min-width:0; padding:16px; margin:16px 0; border:1px solid #cbd5e1; border-radius:16px; background:#f8fafc; }
.field-signoff canvas { display:block; width:100%; height:auto; aspect-ratio:5/3; border:2px solid #64748b; border-radius:10px; background:#fff; touch-action:none; }
.field-signoff input:not([type=checkbox]), .field-signoff select, .field-signoff textarea { width:100%; min-width:0; font-size:16px; }
.field-signoff button, .field-signoff select { min-height:44px; }
.field-signoff .check-row { min-height:44px; align-items:center; }
.field-signoff [hidden] { display:none !important; }
.field-signoff .signoff-message { color:#9a3412; }
#field-signature-option { display:none !important; }
@media(max-width:600px) { .field-signoff { padding:12px; } .field-signoff .signature-person { padding:12px; } }

/* Keep the complete field record usable on a phone, not just the signature pads. */
#field-app-work-record-form { box-sizing:border-box; width:100%; max-width:960px; min-width:0; margin:24px auto; padding:24px; border:1px solid #cbd5e1; border-radius:20px; background:#fff; }
#field-app-work-record-form[hidden], #field-app-work-record-form [hidden] { display:none !important; }
#field-app-work-record-form .form-title { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
#field-app-work-record-form fieldset { display:block; min-width:0; width:100%; box-sizing:border-box; margin:20px 0; padding:16px; border:1px solid #dbe3eb; border-radius:14px; }
#field-app-work-record-form legend { float:none; display:block; width:auto; max-width:100%; white-space:normal; font-weight:700; padding:0 6px; margin-bottom:12px; }
#field-app-work-record-form .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
#field-app-work-record-form .span-2 { grid-column:1/-1; }
#field-app-work-record-form label { display:flex; flex-direction:column; gap:8px; min-width:0; font-weight:600; }
#field-app-work-record-form input:not([type=checkbox]):not([type=hidden]), #field-app-work-record-form textarea, #field-app-work-record-form select { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #b8c8d8; border-radius:10px; font:inherit; font-size:16px; color:#172b40; background:#fff; }
#field-app-work-record-form textarea { min-height:160px; resize:vertical; }
#field-app-work-record-form .check-row { flex-direction:row; align-items:flex-start; min-height:44px; font-weight:500; }
#field-app-work-record-form input[type=checkbox] { flex:0 0 20px; width:20px; height:20px; margin:2px 0 0; }
#field-app-work-record-form .wd-field-checklist { display:grid; gap:8px; margin-bottom:16px; }
#field-app-work-record-form .wd-field-material-list { display:grid; gap:12px; width:100%; min-width:0; }
#field-app-work-record-form .wd-field-material-row { display:grid; grid-template-columns:70px 90px minmax(0,1fr) minmax(0,2fr) auto; gap:8px; min-width:0; padding:12px; border:1px solid #dbe3eb; border-radius:12px; margin-bottom:12px; }
#field-app-work-record-form button { min-height:44px; white-space:normal; }
@media(max-width:600px) {
  #field-app-work-record-form { padding:14px; margin:16px 0 100px; border-radius:16px; }
  #field-app-work-record-form .form-title { flex-direction:column; }
  #field-app-work-record-form .form-grid { grid-template-columns:minmax(0,1fr); }
  #field-app-work-record-form fieldset { padding:12px; }
  #field-app-work-record-form .wd-field-material-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #field-app-work-record-form .wd-field-material-row [data-field=part_number], #field-app-work-record-form .wd-field-material-row [data-field=description], #field-app-work-record-form .wd-field-material-row button { grid-column:1/-1; }
}

.service-contact-picker { min-width:0; display:grid; gap:8px; grid-column:1/-1; }
#service-work-form .service-contact-name { grid-column:1/-1; }
.service-contact-picker [role=listbox] { display:grid; gap:6px; max-height:240px; overflow:auto; }
.service-contact-picker [role=option] { text-align:left; white-space:normal; overflow-wrap:anywhere; min-height:44px; background:#f2f7fa; border:1px solid #b8c8d8; border-radius:8px; padding:10px; color:#172b40; }
.service-contact-picker [role=option][aria-selected=true] { outline:2px solid #ed8900; }
.service-contact-picker p { font-weight:400; font-size:13px; margin:0; }
#service-work-form .service-contact-editor { grid-column:1/-1; min-width:0; display:grid; gap:12px; padding:16px; background:#f5f8fb; border:1px solid #b8c8d8; border-radius:12px; }
#service-work-form .service-contact-editor[hidden] { display:none!important; }
#service-work-form .service-contact-editor legend { float:none; width:auto; }
#service-work-form .service-contact-editor label { display:grid; gap:6px; }
#service-work-form .service-contact-editor input { width:100%; box-sizing:border-box; min-height:44px; font-size:16px; }