/* ============================================
   ShiftRest V2 — Publications View Styles
   ============================================ */

/* ---- Category Filter Buttons ---- */
.pub-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5, 6px);
  padding: 7px 16px;
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: 700;
  color: var(--text-secondary);
  background: var(--bg-card);
  border: 1.5px solid var(--border-light);
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
  letter-spacing: 0.01em;
  outline: none;
  box-shadow: 0 1px 4px rgba(0,0,0,0.18);
}

.pub-filter-btn:hover {
  color: var(--text-primary);
  background: var(--bg-elevated);
  border-color: rgba(148, 163, 184, 0.25);
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}

.pub-filter-btn.active {
  background: var(--gradient-primary);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 14px rgba(79, 124, 255, 0.35);
  transform: translateY(-1px);
}

/* ---- Publication Cards ---- */
.pub-card {
  background: var(--bg-card);
  border: 1.5px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-5) var(--space-6);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}

.pub-card:hover {
  border-color: var(--border-light);
  background: var(--bg-card-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
}

.pub-card.pub-urgent {
  border-color: rgba(239, 68, 68, 0.35);
  background: linear-gradient(135deg, rgba(239,68,68,0.04) 0%, var(--bg-card) 60%);
}

.pub-card.pub-urgent:hover {
  border-color: rgba(239, 68, 68, 0.5);
  box-shadow: 0 8px 28px rgba(239, 68, 68, 0.15);
}

.pub-card.pub-pinned:not(.pub-urgent) {
  border-color: rgba(245, 158, 11, 0.3);
  background: linear-gradient(135deg, rgba(245,158,11,0.04) 0%, var(--bg-card) 60%);
}

.pub-card.pub-pinned:not(.pub-urgent):hover {
  border-color: rgba(245, 158, 11, 0.45);
  box-shadow: 0 8px 28px rgba(245, 158, 11, 0.12);
}

/* ---- Stats Cards on Publications ---- */
.pub-stat-card {
  background: var(--bg-card);
  border: 1.5px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  display: flex;
  align-items: center;
  gap: var(--space-4);
  transition: all 0.2s ease;
}

.pub-stat-card:hover {
  border-color: var(--border-accent);
  background: var(--bg-card-hover);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}