/* V30: modal actions, touch targets and overflow on desktop and phone. */
.order-modal, .client-quick-create-card, .stock-modal-card, .product-registration-card,
.operation-confirm-card { min-width: 0; box-sizing: border-box; }
.order-modal :is(input, select, textarea), .client-quick-create-card :is(input, select, textarea) { min-width: 0; max-width: 100%; }
.order-modal :is(h2, h3, p, dd), .client-quick-create-card :is(h3, p) { overflow-wrap: anywhere; }
.order-modal-body { scrollbar-gutter: stable; overflow-anchor: none; }
.order-delete-dialog { width: min(100%, 640px); }
.order-deletion-details { display: grid; grid-template-columns: minmax(120px, .45fr) minmax(0, 1fr); gap: 10px 16px; margin: 20px 0; padding: 16px; border: 1px solid var(--line-soft); border-radius: 12px; }
.order-deletion-details dt { color: var(--text-secondary); }
.order-deletion-details dd { margin: 0; font-weight: 600; }
#clientQuickCreateOverlay { z-index: 1510; }
#operationConfirmOverlay { z-index: 1700; }
@media (min-width: 761px) {
  .orders-overlay { align-items: center; }
  .order-editor { max-width: 1440px; }
  .order-modal-actions .btn, .client-quick-create-actions .btn { min-height: 42px; }
  .product-workspace-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  /* Hide background navigation for every application composer, including stock. */
  body:is(.orders-modal-open, .client-quick-create-open, .client-record-form-open,
    .client-contact-modal-open, .client-closing-open, .client-detail-open, .stock-modal-open,
    .client-whatsapp-modal-open, .client-activity-modal-open, .vehicle-catalog-modal-open,
    .agenda-modal-open, .agenda-reminder-modal-open,
    .product-form-pad-open, .permission-composer-pad-open, .request-composer-pad-open,
    .operation-confirm-open, .finance-entry-pad-open, .alert-reminder-pad-open) :is(.mobile-navigation-dock, .sidebar-toggle) { display: none !important; }
  body:has(:is(.stock-modal-overlay, .client-quick-create-overlay, .product-form-pad-overlay, .operation-confirm-overlay):not(.hidden):not([hidden])) :is(.mobile-navigation-dock, .sidebar-toggle) { display: none !important; }
  #clientQuickCreateOverlay { padding: 0; align-items: stretch; }
  #clientQuickCreateOverlay .client-quick-create-card { width: 100%; max-width: none; height: 100dvh; max-height: 100dvh; margin: 0; border-radius: 0; display: flex; flex-direction: column; overflow: hidden; }
  #clientQuickCreateOverlay .client-quick-create-form { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 16px; }
  #clientQuickCreateOverlay .client-contact-modal-head { flex-shrink: 0; padding: 16px; }
  #clientQuickCreateOverlay .client-quick-create-actions { flex-shrink: 0; position: relative; margin: 0; padding: 12px 16px max(12px, env(safe-area-inset-bottom)); border-top: 1px solid var(--line-soft); background: var(--modal-card-bg); }
  #clientQuickCreateOverlay .client-quick-create-steps { margin: 0; padding: 8px 16px; flex-shrink: 0; }
  #clientQuickCreateOverlay :is(input, select, textarea), .order-modal :is(input, select, textarea) { font-size: 16px; }
  #clientQuickCreateOverlay .btn, .order-modal .btn, .stock-modal-card .btn { min-height: 44px; }
  .stock-modal-overlay, .product-form-pad-overlay { z-index: 1500; }
  .order-modal-close, .stock-modal-close, .client-whatsapp-modal-close { min-width: 44px; min-height: 44px; }
  .order-steps { padding-top: 8px; padding-bottom: 8px; }
  .order-step { min-width: 68px; font-size: 11px; }
  .order-modal-actions { gap: 8px; background: var(--modal-card-bg); }
  .order-modal-actions .btn { flex: 1 1 140px; white-space: normal; }
  .orders-stock-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
  .order-bonus-fields { grid-template-columns: minmax(0, 1fr); }
  .order-deletion-details { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .order-deletion-details dd { margin-bottom: 12px; }
}
@media (max-width: 480px) {
  #clientQuickCreateOverlay .client-quick-create-form { grid-template-columns: minmax(0, 1fr); }
  #clientQuickCreateOverlay .span-2 { grid-column: 1; }
  #clientQuickCreateOverlay .client-quick-create-actions, #clientQuickCreateOverlay .client-quick-create-actions > div { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
  #clientQuickCreateOverlay .client-quick-create-actions > .btn { width: 100%; }
  #clientQuickCreateOverlay .client-quick-create-actions > div .btn { flex: 1; }
  .order-modal-head h2 { font-size: 1.1rem; }
  .order-modal-body { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .order-modal, .client-quick-create-card { animation: none !important; transition: none !important; }
}