/*
OPS SUITE — CANONICAL MODAL SYSTEM
Reference design: the original Add Travel modal.
Loaded after styles.css so this is the final authority for all modal chrome.
*/
:root {
  --modal-width:600px;
  --modal-radius:14px;
  --modal-overlay:rgba(31,38,34,.58);
  --modal-header-bg:#f8fafb;
  --modal-header-border:#e1e4e0;
  --modal-border:#d7dcd8;
  --modal-title:#22323d;
  --modal-muted:#778079;
  --modal-label:#56636d;
  --modal-text:#1f2b34;
  --modal-input-border:#cbd1cd;
  --modal-accent:#315f7d;
  --modal-accent-hover:#274b63;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) {
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
  margin:0!important;padding:24px!important;align-items:center!important;justify-content:center!important;
  background:var(--modal-overlay)!important;background-image:none!important;
  backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;
  overflow:hidden!important;z-index:100000!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) > :is(.ops-modal-dialog,.modal,.travel-v19-dialog,.oneweb-modal-dialog,.payment-modal-dialog,.fleet-quick-dialog,.userm-modal-dialog,.ipm-modal-dialog,.tech-timeline-card) {
  position:relative!important;width:min(var(--modal-width),calc(100vw - 48px))!important;
  max-width:var(--modal-width)!important;min-width:0!important;height:auto!important;
  max-height:min(760px,calc(100dvh - 48px))!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;background:#fff!important;background-image:none!important;
  color:var(--modal-text)!important;border:1px solid var(--modal-border)!important;
  border-radius:var(--modal-radius)!important;box-shadow:0 24px 70px rgba(20,28,23,.30)!important;
  overflow:hidden!important;font-family:inherit!important;font-size:13px!important;line-height:1.35!important;
  box-sizing:border-box!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-header,.modal-header,.fleet-quick-head,.oneweb-modal-head,.payment-modal-head,.ops-modal-head,.ipm-modal-head,.userm-modal-head,.activities-v47-modal-head) {
  flex:0 0 auto!important;width:100%!important;min-height:64px!important;height:64px!important;
  margin:0!important;padding:14px 18px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:14px!important;background:var(--modal-header-bg)!important;
  background-image:none!important;border:0!important;border-bottom:1px solid var(--modal-header-border)!important;
  border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;color:var(--modal-title)!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-titlebox,.fleet-quick-title,.ops-modal-title,.modal-header-info) {
  min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-header,.modal-header,.fleet-quick-head,.oneweb-modal-head,.payment-modal-head,.ops-modal-head,.ipm-modal-head,.userm-modal-head) :is(h2,h3,h4,strong) {
  margin:0!important;padding:0!important;color:var(--modal-title)!important;font-family:inherit!important;
  font-size:17px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-header,.modal-header,.fleet-quick-head,.oneweb-modal-head,.payment-modal-head,.ops-modal-head,.ipm-modal-head,.userm-modal-head) :is(.ops-modal-eyebrow,.ops-modal-titlebox>span,.fleet-quick-title>span,.ops-modal-title>span,small) {
  margin:0!important;color:var(--modal-muted)!important;font-family:inherit!important;font-size:11px!important;
  line-height:1.15!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) .ops-modal-header h3 span,
:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) .modal-header h3 span {
  color:inherit!important;font-size:inherit!important;font-weight:inherit!important;text-transform:none!important;letter-spacing:0!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-header,.modal-header,.fleet-quick-head,.oneweb-modal-head,.payment-modal-head) i {
  color:#53636e!important;font-size:14px!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-close,.modal-close,.modal-close-btn,.fleet-modal-close,.oneweb-modal-close,.payment-modal-close,.ipm-modal-close,.userm-modal-close,.activities-v47-modal-close,[aria-label="Close"]) {
  position:static!important;flex:0 0 36px!important;width:36px!important;height:36px!important;
  min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;
  margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
  background:#fff!important;background-image:none!important;color:#606963!important;border:1px solid var(--modal-border)!important;
  border-radius:8px!important;box-shadow:none!important;outline:none!important;transform:none!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-close,.modal-close,.modal-close-btn,.fleet-modal-close,.oneweb-modal-close,.payment-modal-close,.ipm-modal-close,.userm-modal-close,.activities-v47-modal-close,[aria-label="Close"]):hover {
  background:#eef2f3!important;border-color:#c3cbc7!important;color:#344651!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-body,.modal-body,.travel-v19-body,.oneweb-modal-body,.payment-modal-body,.userm-modal-body,.ipm-modal-body,.activities-v47-modal-body,#fleetQuickEditBody,.wizard-content) {
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:18px!important;
  overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;color:var(--modal-text)!important;
  font-family:inherit!important;font-size:13px!important;line-height:1.35!important;box-sizing:border-box!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) label {
  color:var(--modal-label)!important;font-family:inherit!important;font-size:11px!important;line-height:1.25!important;font-weight:700!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(input,select,textarea) {
  width:100%!important;min-height:42px!important;margin:0!important;padding:0 11px!important;box-sizing:border-box!important;
  background:#fff!important;color:var(--modal-text)!important;border:1px solid var(--modal-input-border)!important;
  border-radius:8px!important;box-shadow:none!important;outline:none!important;font-family:inherit!important;
  font-size:13px!important;line-height:1.3!important;font-weight:400!important;
}
:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) textarea {min-height:82px!important;padding:10px 11px!important;resize:vertical!important}
:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(input,select,textarea):focus {border-color:#7fa5bb!important;box-shadow:0 0 0 3px rgba(49,95,125,.10)!important}
:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) ::placeholder {color:#89959d!important;opacity:1!important}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.fleet-quick-grid,.payment-form-grid,.oneweb-form-grid,.activities-v47-form-grid,.travel-edit-date-grid) {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.fleet-quick-grid,.payment-form-grid,.oneweb-form-grid,.activities-v47-form-grid) > label {
  display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-footer,.modal-buttons,.travel-v19-actions,.oneweb-modal-actions,.payment-modal-actions,.userm-modal-actions,.activities-v47-modal-actions,.fleet-quick-actions,.ops-modal-actions) {
  flex:0 0 auto!important;min-height:68px!important;margin:0!important;padding:14px 18px!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
  background:#fff!important;border:0!important;border-top:1px solid #e2e5e1!important;border-radius:0!important;box-sizing:border-box!important;
}

#fleetQuickEditModal .fleet-quick-actions {margin:18px -18px -18px!important}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) button:not(:is(.ops-modal-close,.modal-close,.modal-close-btn,.fleet-modal-close,.oneweb-modal-close,.payment-modal-close,.ipm-modal-close,.userm-modal-close,.activities-v47-modal-close,.v109-remove-equipment,[aria-label="Close"])) {
  width:auto!important;min-width:96px!important;height:40px!important;min-height:40px!important;max-height:40px!important;
  margin:0!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;font-family:inherit!important;
  font-size:12px!important;line-height:1!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;
}

:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.btn-primary,.payments-primary-btn,.oneweb-primary-btn,.ops-modal-primary,#addTravelBtn,#paymentAddSave,#paymentEditSave,#saveActivityBtn,#confirmYes,#wizardNextBtn,#wizardSubmitBtn,#bulkReassignConfirmBtn) {
  background:var(--modal-accent)!important;background-image:none!important;color:#fff!important;border:1px solid var(--modal-accent)!important;
}
:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.payment-secondary-btn,.ops-modal-secondary,#travelAddCancel,#paymentAddCancel,#paymentEditCancel,#confirmNo,#wizardPrevBtn) {
  background:#fff!important;color:#4d5d68!important;border:1px solid #cfd9df!important;
}
:is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.danger-link,.btn-danger,.payment-danger-btn,#paymentEditDelete) {
  background:#fff!important;color:#a04444!important;border:1px solid #dfcaca!important;
}

/* Work Order forced to the same Travel chrome */
#completeJobModal > .ops-modal-dialog {
  width:min(var(--modal-width),calc(100vw - 48px))!important;max-width:var(--modal-width)!important;
}
#completeJobModal .modal-header h3 {color:var(--modal-title)!important;font-size:17px!important}
#completeJobModal #completeJobTicket {color:var(--modal-muted)!important;font-size:11px!important}
#completeJobModal #wizardProgress {
  flex:0 0 auto!important;padding:12px 18px!important;background:#f8fafb!important;border-bottom:1px solid #e1e4e0!important;
}
#completeJobModal #wizardProgress .wizard-step {background:transparent!important;color:#778079!important}
#completeJobModal #wizardProgress .wizard-step::before {background:#fff!important;border-color:#cbd1cd!important;color:#778079!important}
#completeJobModal #wizardProgress .wizard-step.active::before {background:#315f7d!important;border-color:#315f7d!important;color:#fff!important}
#completeJobModal #wizardProgress .wizard-step.completed::before {background:#4f7f9c!important;border-color:#4f7f9c!important;color:#fff!important}
#completeJobModal #wizardProgress .wizard-step.active,
#completeJobModal #wizardProgress .wizard-step.completed {color:#315f7d!important}
#completeJobModal .wizard-navigation {
  display:flex!important;min-height:68px!important;padding:14px 18px!important;margin:0!important;background:#fff!important;border-top:1px solid #e2e5e1!important;
}

#cameraModal .ops-modal-body,#photoLightbox .ops-modal-body {background:#111!important;color:#fff!important}

@media (max-width:700px) {
  :is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) {padding:6px!important;align-items:flex-start!important;justify-content:center!important}
  :is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) > :is(.ops-modal-dialog,.modal,.travel-v19-dialog,.oneweb-modal-dialog,.payment-modal-dialog,.fleet-quick-dialog,.userm-modal-dialog,.ipm-modal-dialog,.tech-timeline-card) {
    width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:12px!important;
  }
  :is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-header,.modal-header,.fleet-quick-head,.oneweb-modal-head,.payment-modal-head,.ops-modal-head,.ipm-modal-head,.userm-modal-head) {
    height:64px!important;min-height:64px!important;padding:14px 16px!important;
  }
  :is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-body,.modal-body,.travel-v19-body,.oneweb-modal-body,.payment-modal-body,.userm-modal-body,.ipm-modal-body,.activities-v47-modal-body,#fleetQuickEditBody,.wizard-content) {
    padding:16px!important;
  }
  :is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.fleet-quick-grid,.payment-form-grid,.oneweb-form-grid,.activities-v47-form-grid,.travel-edit-date-grid) {
    grid-template-columns:1fr!important;gap:12px!important;
  }
  :is(#forgotPasswordModal,#forcePasswordChangeModal,#travelAddModal,#travelHistoricModal,#onewebTaskModal,#onewebEditModal,#paymentAddModal,#paymentHistoryModal,#paymentEditModal,#ipAddModal,#ipEditModal,#unifiedActivityModal,#addUserModal,#editUserModal,#confirmModal,#clockInModal,#emailModal,#completeJobModal,#cameraModal,#viewActivityModal,#photoLightbox,#bulkReassignModal,#fleetQuickEditModal,#adminPasswordResetModal) :is(.ops-modal-footer,.modal-buttons,.travel-v19-actions,.oneweb-modal-actions,.payment-modal-actions,.userm-modal-actions,.activities-v47-modal-actions,.fleet-quick-actions,.ops-modal-actions,.wizard-navigation) {
    min-height:68px!important;padding:14px 16px calc(14px + env(safe-area-inset-bottom))!important;flex-wrap:wrap!important;
  }
  #fleetQuickEditModal .fleet-quick-actions {margin:16px -16px -16px!important}
}


/* ==========================================================================
   MODAL ACTION ORDER + WORK ORDER WIZARD
   ========================================================================== */
.ops-modal-footer > :is(.ops-modal-danger,.payment-danger-btn,.oneweb-danger-btn,.danger-link){
  order:0!important;margin-right:auto!important;
}
.ops-modal-footer > .fleet-action-spacer{order:1!important;flex:1 1 auto!important}
.ops-modal-footer > :is(.ops-modal-secondary,.payment-secondary-btn,.oneweb-secondary-btn,.btn-secondary){order:2!important}
.ops-modal-footer > :is(.ops-modal-primary,.payments-primary-btn,.oneweb-primary-btn,.btn-primary,.btn-success){order:3!important}

#completeJobModal .ops-modal-header{
  min-height:64px!important;height:64px!important;padding:12px 18px!important;
  background:#f8fafb!important;background-image:none!important;border:0!important;
  border-bottom:1px solid #e1e4e0!important;color:#22323d!important;box-shadow:none!important;
}
#completeJobModal .ops-modal-titlebox{
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0!important;
}
#completeJobModal .wo-header-kicker{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
#completeJobModal .wo-header-kicker .ops-modal-eyebrow{
  color:#778079!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;
  letter-spacing:.04em!important;white-space:nowrap!important;
}
#completeJobModal #completeJobTicket{
  display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#778079!important;font-size:10px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;
}
#completeJobModal .ops-modal-title{
  display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important;
  background:transparent!important;background-image:none!important;color:#22323d!important;border:0!important;box-shadow:none!important;
  font-size:17px!important;line-height:1.15!important;font-weight:700!important;
}
#completeJobModal .ops-modal-title i{color:#53636e!important;font-size:14px!important}
#completeJobModal .ops-modal-close{background:#fff!important;color:#606963!important;border:1px solid #d7dcd8!important}

#completeJobModal > .ops-modal-dialog{
  width:min(760px,calc(100vw - 48px))!important;max-width:760px!important;
  max-height:min(860px,calc(100dvh - 48px))!important;
}
#completeJobModal #wizardProgress{
  min-height:54px!important;padding:10px 18px!important;display:flex!important;align-items:center!important;gap:8px!important;
  background:#fff!important;border-bottom:1px solid #e1e4e0!important;
}
#completeJobModal #wizardProgress .wizard-step{
  flex:1 1 0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;min-width:0!important;padding:7px 8px!important;border-radius:8px!important;background:#f6f8f9!important;color:#778079!important;
}
#completeJobModal #wizardProgress .wizard-step.active{background:#e8f0f5!important;color:#315f7d!important}
#completeJobModal #wizardProgress .wizard-step.completed{background:#edf4f8!important;color:#315f7d!important}
#completeJobModal #wizardProgress .wizard-step > div{
  width:22px!important;height:22px!important;min-width:22px!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#fff!important;color:#778079!important;border:1px solid #cbd1cd!important;font-size:10px!important;font-weight:700!important;
}
#completeJobModal #wizardProgress .wizard-step.active > div,
#completeJobModal #wizardProgress .wizard-step.completed > div{background:#315f7d!important;color:#fff!important;border-color:#315f7d!important}
#completeJobModal #wizardProgress .wizard-step > span{margin:0!important;color:inherit!important;font-size:11px!important;font-weight:600!important}
#completeJobModal .wizard-content{padding:18px!important}
#completeJobModal .wizard-navigation{
  min-height:68px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:14px 18px!important;
}
#completeJobModal #wizardPrevBtn{order:1!important;margin-right:auto!important}
#completeJobModal #wizardNextBtn,#completeJobModal #wizardSubmitBtn{order:3!important;min-width:180px!important}
#completeJobModal #wizardSubmitBtn:not(.v119-final-step){display:none!important}

@media(max-width:700px){
  #completeJobModal > .ops-modal-dialog{
    width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;
  }
  #completeJobModal .ops-modal-header{padding:12px 14px!important}
  #completeJobModal #wizardProgress{padding:8px!important;gap:4px!important}
  #completeJobModal #wizardProgress .wizard-step{padding:6px 4px!important;gap:4px!important}
  #completeJobModal #wizardProgress .wizard-step > span{font-size:10px!important}
  #completeJobModal .wizard-content{padding:14px!important}
  #completeJobModal #wizardNextBtn,#completeJobModal #wizardSubmitBtn{min-width:0!important}
}


/* ==========================================================================
   WORK ORDER STEP + USER MODAL CORRECTIONS
   ========================================================================== */

/* Work Order: one number per step. The markup already contains 1/2/3/4,
   therefore no pseudo-element may generate another number. */
#completeJobModal #wizardProgress .wizard-step::before,
#completeJobModal #wizardProgress .wizard-step::after{
  content:none!important;display:none!important;
}
#completeJobModal #wizardProgress{
  min-height:48px!important;height:auto!important;padding:7px 14px!important;
  gap:6px!important;background:#fff!important;
}
#completeJobModal #wizardProgress .wizard-step{
  min-height:34px!important;padding:6px 9px!important;gap:7px!important;
  flex-direction:row!important;justify-content:flex-start!important;
  background:#f5f7f8!important;border-radius:7px!important;
}
#completeJobModal #wizardProgress .wizard-step > div{
  width:20px!important;height:20px!important;min-width:20px!important;
  margin:0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  font-size:10px!important;line-height:1!important;
  background:#fff!important;color:#6f7b83!important;border:1px solid #cbd3d8!important;
  box-shadow:none!important;transform:none!important;
}
#completeJobModal #wizardProgress .wizard-step.active > div,
#completeJobModal #wizardProgress .wizard-step.completed > div{
  background:#315f7d!important;color:#fff!important;border-color:#315f7d!important;
  box-shadow:none!important;transform:none!important;
}
#completeJobModal #wizardProgress .wizard-step > span{
  margin:0!important;font-size:11px!important;line-height:1!important;
}
#completeJobModal .ops-modal-header{
  min-height:58px!important;height:58px!important;padding:9px 14px!important;
}
#completeJobModal .ops-modal-titlebox{gap:2px!important}
#completeJobModal .wo-header-kicker{gap:6px!important}
#completeJobModal .ops-modal-title{font-size:15px!important;line-height:1.1!important}
#completeJobModal .ops-modal-title i{font-size:13px!important}
#completeJobModal .ops-modal-close{width:32px!important;height:32px!important;min-width:32px!important}
#completeJobModal .wizard-content{padding:14px!important}

/* Remove inherited decorative strips/lines from User Management modal shells. */
#addUserModal .ops-modal-dialog::before,
#addUserModal .ops-modal-dialog::after,
#editUserModal .ops-modal-dialog::before,
#editUserModal .ops-modal-dialog::after{
  content:none!important;display:none!important;
}
#addUserModal .ops-modal-dialog,
#editUserModal .ops-modal-dialog{
  border-top:1px solid #dfe5e9!important;
  box-shadow:0 18px 48px rgba(17,35,48,.18)!important;
}


@media(max-width:700px){
  #completeJobModal #wizardProgress{padding:6px!important;gap:4px!important}
  #completeJobModal #wizardProgress .wizard-step{
    min-height:32px!important;padding:5px!important;gap:4px!important;justify-content:center!important;
  }
  #completeJobModal #wizardProgress .wizard-step > div{
    width:18px!important;height:18px!important;min-width:18px!important;font-size:9px!important;
  }
  #completeJobModal #wizardProgress .wizard-step > span{font-size:9.5px!important}
}


/* ==========================================================================
   SINGLE CANCEL BUTTON STANDARD
   Translation-safe: icon is real markup, label is translated separately.
   ========================================================================== */
.ops-modal-overlay button.ops-cancel-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:88px!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:0 13px!important;
  background:#fff!important;
  background-image:none!important;
  color:#42515c!important;
  border:1px solid #d5dde2!important;
  border-radius:7px!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.ops-modal-overlay button.ops-cancel-btn:hover{
  background:#f5f7f8!important;
  color:#22323d!important;
  border-color:#c7d0d6!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.ops-modal-overlay button.ops-cancel-btn:focus{
  outline:2px solid rgba(49,95,125,.22)!important;
  outline-offset:2px!important;
}
.ops-modal-overlay button.ops-cancel-btn::before,
.ops-modal-overlay button.ops-cancel-btn::after{
  content:none!important;
  display:none!important;
}
.ops-modal-overlay button.ops-cancel-btn > i.fa-times{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  transform:none!important;
}
.ops-modal-overlay button.ops-cancel-btn > .ops-cancel-label{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1!important;
}
@media(max-width:700px){
  .ops-modal-overlay button.ops-cancel-btn{
    min-width:88px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
}


/* ==========================================================================
   WORK ORDER MODAL HEADER
   ========================================================================== */
#completeJobModal .ops-modal-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:56px!important;
  height:auto!important;
  padding:10px 14px!important;
  margin:0!important;
  background:#fff!important;
  border-bottom:1px solid #dfe5e9!important;
  border-radius:10px 10px 0 0!important;
}
#completeJobModal .ops-modal-titlebox{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
#completeJobModal .ops-modal-title{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  color:#203442!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.15!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#completeJobModal .ops-modal-title i{
  color:#315f7d!important;
  font-size:13px!important;
  line-height:1!important;
}
#completeJobModal .ops-modal-subtitle{
  margin:0!important;
  padding:0!important;
  color:#71808a!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.15!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#completeJobModal .wo-header-kicker,
#completeJobModal .ops-modal-kicker{
  display:none!important;
}
#completeJobModal .ops-modal-close{
  position:static!important;
  flex:0 0 32px!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0 0 0 12px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#42515c!important;
  border:1px solid #d5dde2!important;
  border-radius:7px!important;
  box-shadow:none!important;
  transform:none!important;
}
#completeJobModal .ops-modal-close:hover{
  background:#f5f7f8!important;
  color:#22323d!important;
  border-color:#c7d0d6!important;
}
#completeJobModal .ops-modal-close i{
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1!important;
}
#completeJobModal #wizardProgress{
  margin:0!important;
  border-top:0!important;
}
@media(max-width:700px){
  #completeJobModal .ops-modal-header{
    min-height:54px!important;
    padding:9px 12px!important;
  }
  #completeJobModal .ops-modal-title{font-size:14px!important}
  #completeJobModal .ops-modal-subtitle{font-size:9.5px!important}
  #completeJobModal .ops-modal-close{
    width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;
  }
}