/* Sales destinations and their child dialogs. Keep page visibility and data handlers intact. */
.sales-mobile-design { -webkit-text-size-adjust:100%; }
.sales-mobile-design :is(button,input,select,textarea,summary) { touch-action:manipulation; }
.sales-mobile-design #myBusinessRecordsPage { max-width:480px; color:#482600; }
.sales-mobile-design #myBusinessRecordsPage .card { border:1px solid #dfb77e; border-radius:18px; background:#fff8ed; overflow-wrap:anywhere; }
@media(max-width:640px) {
 .sales-mobile-design :is(.notification-page,.schedule-page-inner,.inventory-page-inner,.task-wall-page-inner) { padding:18px 14px max(28px,env(safe-area-inset-bottom)); }
 .sales-mobile-design :is(#schedulePage,#inventoryPage,#inventoryHistoryPage,#taskWallPage,#taskWallHistoryPage,#taskWallHistoryDetailPage,#growthPage,#myTodosPage,#myBusinessRecordsPage,#notificationCenterPage,.erp-feature-page) :is(button,summary) { min-height:44px; font-size:14px; touch-action:manipulation; }
 .sales-mobile-design :is(#schedulePage,.development-design,#inventoryPage,#inventoryHistoryPage,#myTodosPage,#notificationCenterPage) :is(.schedule-back-btn,.inventory-back-btn,#backFromMyTodosBtn,#backFromNotificationsBtn,.schedule-month-arrow) { width:44px; height:44px; flex-basis:44px; }
 .sales-mobile-design #myTodosPage .todo-page-heading { grid-template-columns:44px minmax(0,1fr) 44px; gap:6px; }
 .sales-mobile-design :is(#myTodosPage,#myBusinessRecordsPage) :is(input,select) { min-height:46px; font-size:16px; max-width:100%; }
 .sales-mobile-design :is(.inventory-simple-row,.inventory-submitted-bottom,.inventory-pending-card-header) { flex-wrap:wrap; gap:10px; }
 .sales-mobile-design :is(.inventory-simple-row,.inventory-submitted-bottom) button { flex:1 0 auto; }
 .sales-mobile-design :is(.notification-page,.erp-feature-page) :is(p,small) { overflow-wrap:anywhere; }
 .sales-mobile-design #tasksFeaturePage .task-item { min-height:48px; gap:10px; flex-wrap:wrap; }
 .sales-mobile-design #specialTaskSection .special-task-row { flex-wrap:wrap; }
 .sales-mobile-design #specialTaskSection .small-btn { min-height:44px; padding:8px 12px; border-radius:22px; background:#f4d6a6; }
 .sales-mobile-design #todayPuffmanSection .team-person-card { flex-basis:144px; width:144px; min-width:144px; padding:12px; }
 .sales-mobile-design #todayPuffmanSection .team-person-details { font-size:12px; line-height:20px; }
 .sales-mobile-design #todayPuffmanSection .team-person-status { font-size:12px; line-height:18px; }
 .sales-mobile-design #todayPuffmanSection .team-wall-track { scroll-snap-type:x proximity; }
 .sales-mobile-design #todayPuffmanSection .team-person-card { scroll-snap-align:start; }
 .sales-mobile-design .modal-overlay { padding:12px; padding-top:max(12px,env(safe-area-inset-top)); padding-bottom:max(12px,env(safe-area-inset-bottom)); }
 .sales-mobile-design :is(#locationModal,#changeLocationModal,#endBusinessModal,#erpTaskModal,#inventoryFormModal,#inventoryDetailModal,#scheduleSwapModal) .modal-card { box-sizing:border-box; width:100%; max-width:420px; max-height:calc(100dvh - 32px); padding:18px; overflow-y:auto; overscroll-behavior:contain; scroll-padding-block:16px; border-radius:20px; }
 .sales-mobile-design .modal-card .modal-header { gap:12px; }
 .sales-mobile-design .modal-card .modal-header > div { min-width:0; }
 .sales-mobile-design .modal-card :is(button,.modal-primary-btn,.modal-cancel-btn,.modal-secondary-btn) { min-height:44px; font-size:14px; white-space:normal; }
 .sales-mobile-design .modal-card :is(.close-btn,.location-confirm-close) { flex:0 0 44px; width:44px; min-width:44px; height:44px; padding:0; font-size:24px; }
 .sales-mobile-design #locationModal .location-confirm-heading { padding-right:30px; }
 .sales-mobile-design #locationModal .location-confirm-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:8px; }
 .sales-mobile-design #locationModal .location-confirm-actions button { width:100%; min-width:0; padding:8px; }
 .sales-mobile-design .modal-card :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { min-height:46px; max-width:100%; font-size:16px; }
 .sales-mobile-design .modal-card input[type=file] { width:100%; min-width:0; }
 .sales-mobile-design .modal-card :is(p,strong,label) { overflow-wrap:anywhere; }
 .sales-mobile-design :is(#erpPhotoFileName,#erpVideoFileName,#erpRecordingFileName) { overflow-wrap:anywhere; }
 .sales-mobile-design :is(#erpTaskModal,#scheduleSwapModal) .modal-card { color:#482600; border:1px solid #dfb77e; background:#fffdf9; }
 .sales-mobile-design :is(#erpTaskModal,#scheduleSwapModal) .modal-primary-btn { background:#f8b62d; color:#482600; border-radius:24px; }
 .sales-mobile-design :is(#erpTaskModal,#scheduleSwapModal) .modal-cancel-btn { background:#f4d6a6; color:#482600; border-radius:24px; }
 .sales-mobile-design #schedulePage .schedule-matrix-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
 .sales-mobile-design #myBusinessRecordsPage .business-record-date { width:100%; white-space:normal; text-align:left; line-height:23px; padding:12px; border-radius:14px; }
 .sales-mobile-design #myBusinessRecordsPage .business-record-history summary { padding:10px 0; }
}
@media(max-width:374px) {
 .sales-mobile-design #myTodosPage .business-management-filters { grid-template-columns:minmax(0,1fr); }
 .sales-mobile-design #myPerformanceSection .today-sales-box { flex-wrap:wrap; }
 .sales-mobile-design #myPerformanceSection .performance-update-btn { width:100%; min-height:44px; }
 .sales-mobile-design .inventory-form-category { padding:8px; }
 .sales-mobile-design .inventory-form-item { padding:10px 8px; gap:8px; }
 .sales-mobile-design .inventory-form-item input { width:72px; }
}