/* iPhone/iPad-specific corrections belong here only. */
html.rc-platform-ios { --rc-platform: ios; }

/* Installed iOS app: final guardrails.  This file is loaded after the general
   styles, so these rules win over the legacy desktop form grid styles. */
@media (max-width: 900px) {
  html.rc-platform-ios.rc-display-standalone .shell {
    min-height: 100dvh;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }

  /* DDS expense month: containment only — «месяц1» owns look/alignment. */
  html.rc-platform-ios.rc-display-standalone #ddsExpenseForm,
  html.rc-platform-ios.rc-display-standalone #ddsExpenseForm > *,
  html.rc-platform-ios.rc-display-standalone #ddsExpenseForm .dds-recognition-month-field,
  html.rc-platform-ios.rc-display-standalone #ddsExpenseForm .rc-month-1 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Keep month fields clear of the status-bar notch when focused/scrolled. */
  html.rc-platform-ios.rc-display-standalone .master-schedule-page,
  html.rc-platform-ios.rc-display-standalone #masterScheduleHome {
    scroll-padding-top: calc(12px + env(safe-area-inset-top, 0px));
  }

  /* DDS settings: only the red bin, never a full destructive button. */
  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-settings-row:not(.dds-payment-type-row):not(.dds-expense-payment-type-row) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px 52px !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-settings-row > input {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-settings-row:not(.dds-payment-type-row):not(.dds-expense-payment-type-row) .dds-settings-actions {
    display: contents !important;
  }

  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-payment-type-row,
  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-expense-payment-type-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-payment-type-row .dds-settings-actions,
  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-expense-payment-type-row .dds-settings-actions {
    display: flex !important;
  }

  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-settings-row .icon-button {
    display: inline-grid !important;
    place-items: center !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-settings-row .icon-button.danger {
    color: #e23845 !important;
    background: #fff !important;
    border-color: #f4c5ca !important;
  }

  html.rc-platform-ios.rc-display-standalone .dds-settings-list .dds-settings-row .icon-button.danger svg {
    color: currentColor !important;
    stroke: currentColor !important;
  }

  /* The inventory picker uses the assignment picker markup. */
  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList,
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList,
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList,
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList,
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants,
  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .assignment-member-picker,
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .assignment-member-picker,
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .assignment-member-picker,
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .assignment-member-picker,
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .assignment-member-picker,
  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .employee-picker,
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .employee-picker,
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .employee-picker,
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .employee-picker,
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .employee-picker {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .assignment-member-groups,
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .assignment-member-groups,
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .assignment-member-groups,
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .assignment-member-groups,
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .assignment-member-groups,
  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .employee-picker-groups,
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .employee-picker-groups,
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .employee-picker-groups,
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .employee-picker-groups,
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .employee-picker-groups {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .assignment-member-choice,
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .assignment-member-choice,
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .assignment-member-choice,
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .assignment-member-choice,
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .assignment-member-choice,
  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .employee-picker-choice,
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .employee-picker-choice,
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .employee-picker-choice,
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .employee-picker-choice,
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .employee-picker-choice {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
  }

  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .assignment-member-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .assignment-member-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .assignment-member-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .assignment-member-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .assignment-member-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .employee-picker-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .employee-picker-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .employee-picker-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .employee-picker-choice input[type="checkbox"],
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .employee-picker-choice input[type="checkbox"] {
    position: static !important;
    inset: auto !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    opacity: 1 !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
  }

  html.rc-platform-ios.rc-display-standalone #inventoryResponsibleMembersList .employee-picker-text,
  html.rc-platform-ios.rc-display-standalone #assignmentMembersList .employee-picker-text,
  html.rc-platform-ios.rc-display-standalone #meetingManualParticipantsList .employee-picker-text,
  html.rc-platform-ios.rc-display-standalone #meetingEditManualParticipantsList .employee-picker-text,
  html.rc-platform-ios.rc-display-standalone #shiftExecutionParticipants .employee-picker-text {
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }

  /* Household-goods panel: keep the issue form in the normal document flow. */
  html.rc-platform-ios.rc-display-standalone #tab-supplies:not(.hidden) {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  /* Layout overrides must not expose inactive application sections. */
  html.rc-platform-ios.rc-display-standalone #appView .tab-panel.hidden {
    display: none !important;
  }

  html.rc-platform-ios.rc-display-standalone #tab-supplies > #supplyHomeView,
  html.rc-platform-ios.rc-display-standalone #tab-supplies > .supply-home-grid,
  html.rc-platform-ios.rc-display-standalone #tab-supplies .supply-home-grid > .panel {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html.rc-platform-ios.rc-display-standalone #tab-supplies > .supply-home-grid,
  html.rc-platform-ios.rc-display-standalone #tab-supplies .supply-issue-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
}

html.rc-platform-ios.rc-display-standalone .global-notice {
  top: calc(10px + env(safe-area-inset-top, 0px)) !important;
}

@media (max-width: 900px) {
  html.rc-platform-ios.rc-display-standalone .modal-overlay {
    padding-top: calc(12px + env(safe-area-inset-top, 0px)) !important;
  }

  html.rc-platform-ios.rc-display-standalone #workTaskCardModal.modal-overlay,
  html.rc-platform-ios.rc-display-standalone #taskDetailModal.modal-overlay {
    padding-top: calc(12px + env(safe-area-inset-top, 0px)) !important;
  }
}