/* Existing stock actions remain reachable alongside the rental wizard. */
.device-operation-secondary-actions { display: flex; gap: 8px; padding: 0 4px 12px; flex-wrap: wrap; }
.device-operation-secondary-actions > a { flex: 1; min-height: 44px; }
/* Mobile operation forms share the existing Tabler components and validation. */
@media (max-width: 700px) {
  .record-drawer .drawer-head { gap: 8px !important; padding: 8px 12px; }
  .record-drawer .drawer-title-group { flex: 1; min-width: 0; }
  .record-drawer .drawer-head h2 { overflow-wrap: anywhere; }
  .record-drawer [data-drawer-back], .record-drawer [data-drawer-close] {
    flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px;
  }
  .record-drawer [data-drawer-close] { box-sizing: border-box; padding: 14px; margin: 0; }
  .device-operation-context { overflow-wrap: anywhere; }
  .device-operation-context > span { min-width: 0; }
  .operation-note { padding-block: 0; }
  .operation-note summary { min-height: 44px; padding-block: 12px; cursor: pointer; font-weight: 500; }
  .operation-note > p:last-child { padding-bottom: 12px; }
  .operation-type-picker .form-selectgroup {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0;
  }
  .operation-type-picker .form-selectgroup-item { min-width: 0; margin: 0; }
  .operation-type-picker .form-selectgroup-label {
    display: flex; align-items: center; justify-content: center;
    min-height: 44px; height: 100%; padding: 10px 8px;
    white-space: normal; overflow-wrap: anywhere; font-size: 14px;
  }
  .record-drawer .form-shell { min-width: 0; }
  .record-drawer :is(.form-shell, [data-correction-form]) :is(.form-control, .form-select) { min-height: 44px; max-width: 100%; }
  .record-drawer :is(.form-shell, [data-correction-form]) .form-actions {
    position: sticky; bottom: calc(-1 * var(--drawer-body-padding, 14px)); z-index: 3;
    margin-top: 16px; padding: 12px 0 max(12px, env(safe-area-inset-bottom));
    background: var(--tblr-bg-surface, #fff); box-shadow: 0 -8px 12px -12px rgb(24 36 51 / 40%);
  }
  .record-drawer :is(.form-shell, [data-correction-form]) .form-actions > .btn { flex: 1 1 100px; min-height: 44px; white-space: normal; }
  .record-drawer :is(.form-shell, [data-correction-form]) .form-actions:has(> :nth-child(3)) {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;
  }
  .record-drawer :is(.form-shell, [data-correction-form]) .form-actions:has(> :nth-child(3)) > .btn { padding-inline: 6px; }
  .record-drawer .form-shell .form-check-label { display: inline-flex; align-items: center; min-height: 44px; }
  .record-drawer .form-shell .form-check-input { margin-top: 13px; }
  .record-drawer .form-shell .form-text a { display: inline-flex; align-items: center; min-height: 44px; }
  .drawer-body:has(.form-shell) { scroll-padding-block: 14px 100px; }
  .record-drawer .wizard-customer-toggle { width: 44px; top: 0; bottom: 0; min-height: 44px; }
  .record-drawer .wizard-customer-picker > .form-control { padding-right: 48px; }
  .wizard-customer-popup-floating .wizard-customer-option,
  .record-drawer .wizard-customer-option { min-height: 44px; padding: 12px 10px; }
  .record-drawer :is(.form-text, .note, .form-errors) { overflow-wrap: anywhere; }
  .record-drawer [data-correction-form] .btn { min-height: 44px; }
  .record-drawer .rental-wizard .btn { min-height: 44px; }
  .record-drawer .rental-wizard .wizard-actions { bottom: 0; }
  /* Each drawer has its own status; previous save toasts must not cover actions. */
  #record-drawer.show:has(.form-shell, [data-correction-form]) ~ .toast-container { display: none; }
}