/* EdProwise brand override.
   The admin theme sets --bs-primary to orange (#ff6c2f), which makes every
   primary action button (btn-primary) orange. This recolors those buttons to
   the teal->navy brand gradient (the "Publish Study Material" look).
   Scope: primary ACTION BUTTONS only. Deliberately does NOT touch orange
   badges (bg-primary), links/text-primary, or Edit buttons (btn-warning). */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.show > .btn-primary.dropdown-toggle {
  --bs-btn-bg: #0d7377;
  --bs-btn-border-color: #0d7377;
  --bs-btn-hover-bg: #0b5f63;
  --bs-btn-hover-border-color: #0b5f63;
  --bs-btn-active-bg: #0b5f63;
  --bs-btn-active-border-color: #0b5f63;
  --bs-btn-disabled-bg: #0d7377;
  --bs-btn-disabled-border-color: #0d7377;
  background-image: linear-gradient(135deg, #0d7377 0%, #1a3a6b 100%) !important;
  background-color: #0d7377 !important;
  border-color: #0d7377 !important;
  color: #fff !important;
}

/* Light, consistent borders for every data table across the platform.
   The admin theme uses a darker gray (#dee2e6) for table borders/row lines.
   This softens the colour AND gives every .table a full light cell grid so all
   tables read the same everywhere. Tables that opt out with .table-borderless
   are left untouched. Change #eef0f4 here to re-tint every table at once. */
.table {
  --bs-table-border-color: #eef0f4 !important;
  --bs-border-color: #eef0f4;
}
.table:not(.table-borderless) > :not(caption) > * > * {
  border-width: 1px;
  border-style: solid;
  border-color: #eef0f4 !important;
}

/* Segmented filter control — the "Student Master" filter theme.
   Reused by every report page's filter tab selector so the whole platform's
   filter UI reads the same. A rounded track holds pill buttons; the active
   pill is the teal->navy brand gradient. Defined globally (unscoped) so pages
   that are not wrapped in a .scr container still pick it up. */
.scr-segment {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  background: #f1f5f9;
  border: 1px solid #eef0f4;
  border-radius: 999px;
  padding: 5px;
}
.scr-seg-btn {
  border: none;
  background: transparent;
  color: #64748b;
  font-size: 13.5px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}
.scr-seg-btn:hover {
  color: #0f172a;
  background: #ffffff;
}
.scr-seg-btn.active {
  background: linear-gradient(135deg, #0d7377, #1a3a6b);
  color: #fff;
  box-shadow: 0 6px 16px rgba(13, 115, 119, 0.3);
}
/* Clean filter panel wrapper for report pages (replaces the purple-accent box). */
.scr-filter-panel {
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.06);
}