/* ============================================================
   shared.css  —  Tx2Day shared styles
   Linked before any role-specific stylesheet on every page.
   ============================================================ */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=Inter:wght@400;600&display=swap');

/* ── Status chips ── */
.th-chip {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .25rem .55rem; border-radius: 999px;
  font-size: .82rem; font-weight: 700; letter-spacing: .2px; white-space: nowrap;
}
.th-chip.ok    { background: rgba(108,191,132,.14); color: #248a47; }
.th-chip.warn  { background: rgba(255,215,79,.18);  color: #946c00; }
.th-chip.over  { background: rgba(239,68,68,.14);   color: #b42323; }
.th-chip.exact { background: rgba(108,191,132,.30); color: #1a6e38; }

/* ── Student-row tinting (minutes used vs. allowed) ── */
tr.th-row-over  { background-color: rgba(239,68,68,.08)   !important; }
tr.th-row-warn  { background-color: rgba(255,215,79,.13)  !important; }
tr.th-row-exact { background-color: rgba(108,191,132,.18) !important; }

/* ── Shared utilities ── */
.th-muted { color: #6b7f88; }

/* Sticky modal footer with frosted-glass look */
.th-sticky-actions {
  position: sticky;
  bottom: 0;
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,.8);
}

/* Assistant-session row highlight */
.th-assistant-session {
  background: linear-gradient(90deg, rgba(169,208,223,.18), rgba(169,208,223,.06) 60%, transparent);
}