/* ============================================================
   RosterDive DS — Page: Org Courses History
   Page-specific styles not covered by DS components.
   DS components used: inline-header, card, toolbar, button,
   alert, filters-bar, form-field, datatable, badge, modal,
   filter-modal, loading-state.
   Token only. No hardcoded values.
   ============================================================ */

/* ── Instructor view: hides admin-only elements ── */
.istruttore-view .btn-admin-only {
  display: none;
}

/* ── Responsive (mobile 5", < 600px) ──
   Selectors are scoped to this page's ids: the stylesheet is loaded
   globally from index.html, so bare DS class names would leak into
   other pages (AGENTS.md §6 / responsive.md). */
@media (max-width: 599px) {
  /* Toolbar actions stack full width so every target stays reachable. */
  #history-toolbar .toolbar__actions {
    width: 100%;
    flex-wrap: wrap;
  }

  #history-toolbar .toolbar__actions .button {
    flex: 1 1 100%;
    justify-content: flex-start;
  }

  /* Info-modal sub-table fits the modal width instead of scrolling. */
  #course-info-modal .datatable__table {
    min-width: 0;
  }
}