/* Mobile Fix - Stack complaint process phase steps vertically */
/* Phase step row containers use inline style="...display:flex;gap:0;" */
/* Individual steps use inline style="...flex:1;...border-right:1px solid..." */
/* CSS attribute selectors override inline styles when combined with !important */
@media (max-width: 750px) {
  /* Stack the step columns vertically */
  .leftContent div[style*="display:flex"][style*="gap:0"] {
    flex-direction: column !important;
  }
  /* Remove the right divider border (now irrelevant stacked vertically) */
  .leftContent div[style*="flex:1"][style*="border-right"] {
    border-right: none !important;
    padding-right: 0 !important;
    border-bottom: 1px solid #dde8f0;
    padding-bottom: 16px;
    margin-bottom: 4px;
  }
  /* No bottom border on the last step in each group */
  .leftContent div[style*="flex:1"][style*="border-right"]:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}