/* Shared direction badges and mobile Card Stack tables. */
.category-badge { display:inline-flex; align-items:center; gap:.3rem; padding:.25rem .6rem; border-radius:999px; font-size:.75rem; font-weight:600; background:var(--color-surface-muted); color:var(--color-text-secondary); }
.category-OLYMPIAD { background:#E6F0FF; color:#0055B3; }
.category-CONFERENCE { background:#EEECFF; color:#4B3FA8; }
.category-EXAM { background:#FFF1E3; color:#8A4B00; }
.category-GTO { background:#E8F9ED; color:#1E7B34; }
.category-ACHIEVEMENT { background:#F1EAFE; color:#5B2A86; }
#calendar-category { width:100%; margin:.5rem 0 1rem; }
@media (max-width:768px) {
  .main-area table, .main-area table tbody, .main-area table tr, .main-area table td { display:block; width:100%; }
  .main-area table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .main-area table { border-collapse:separate; }
  .main-area table tr { margin-bottom:1rem; padding:.8rem; border:1px solid var(--line); border-radius:14px; background:white; }
  .main-area table td { box-sizing:border-box; display:flex; flex-wrap:wrap; gap:.5rem; justify-content:space-between; padding:.5rem 0; overflow-wrap:anywhere; border:0; }
  .main-area table td::before { content:attr(data-label); color:var(--muted); font-weight:600; }
  .gcal-popover { max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; }
  .review-row { flex-wrap:wrap; }
}

.queue-heading-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }