/*
 * FlowDocs - Responsive Column Visibility
 * Standardized breakpoints for hiding table columns at different screen sizes
 */

/* Base - all columns visible */
.hide-wide {
  display: table-cell;
}

.hide-tablet {
  display: table-cell;
}

.hide-mobile {
  display: table-cell;
}

/* Extra wide screens (1400px and below) - hide wide columns */
@media (max-width: 1400px) {
  .hide-wide {
    display: none !important;
  }
}

/* Large screens (1200px and below) - hide tablet columns */
@media (max-width: 1200px) {
  .hide-tablet {
    display: none !important;
  }
}

/* Tablet (1024px and below) - hide mobile columns */
@media (max-width: 1024px) {
  .hide-mobile {
    display: none !important;
  }
}