/* ================= REPORTS & ANALYTICS additions (Module 4) =================
   Extra styles for the report tabs, Export CSV button and attendance stats.
   (Academic Records styles are in style.css.)
============================================================================ */
/* One report at a time, centred, with tabs to switch */
#repDocuments .doc-grid { grid-template-columns: minmax(0, 860px); justify-content: center; }

.rep-doc-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.rep-doc-tab {
  padding: 0.45rem 1rem;
  background-color: #f2f6fb;
  color: #2c3e50;
  border: none;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: background-color 0.15s ease, color 0.15s ease;
}

.rep-doc-tab:hover { background-color: #ffffff; }
.rep-doc-tab:focus-visible { outline: 3px solid rgba(21, 101, 192, 0.5); outline-offset: 2px; }
.rep-doc-tab.active { background-color: var(--blue); color: #ffffff; }

.doc-bar-actions { display: inline-flex; gap: 0.4rem; flex-wrap: wrap; justify-content: flex-end; }
.paper-stats.has-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 600px) {
  .paper-stats.has-4 { grid-template-columns: repeat(2, 1fr); }
}

/* Academic Records: posted period grades under an unreleased final grade */
.rec-partial { display: block; margin-top: 0.15rem; font-size: 0.66rem; font-weight: 400; color: #6b7a8c; white-space: nowrap; }

/* Report card term picker (doc bar) */
.doc-term select { padding: 0.3rem 0.5rem; font-size: 0.82rem; min-width: 12rem; }