/* Content Hub — Tabbed Feed Switching */

.ch-feed { flex-direction: column; gap: 12px; margin-bottom: 12px; display: none; }
.ch-feed.active { display: flex; }

.content-hub-tabs { display: flex; justify-content: center; gap: 0; margin-bottom: 16px; }

.ch-tab {
  padding: 8px 24px; background: none;
  border: 1px solid rgba(0,225,255,.1); border-bottom: 2px solid transparent;
  font-family: 'JetBrains Mono', monospace; font-size: 9px;
  letter-spacing: 1px; text-transform: uppercase; color: #6b7a90;
  cursor: pointer; transition: all .2s;
}
.ch-tab.active { color: #00e1ff; border-bottom-color: #00e1ff; background: rgba(0,225,255,.04); }
.ch-tab:first-child { border-radius: 8px 0 0 8px; }
.ch-tab:last-child { border-radius: 0 8px 8px 0; }
.ch-tab:hover { color: #00e1ff; }

.light-mode .ch-tab { border-color: rgba(0,102,255,.1); color: #6b7a90; }
.light-mode .ch-tab.active { color: #0066ff; border-bottom-color: #0066ff; background: rgba(0,102,255,.04); }
.light-mode .ch-tab:hover { color: #0066ff; }

.ch-action-btn {
  cursor: pointer; border: 1px solid rgba(0,225,255,.15);
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%);
  border-radius: 14px; padding: 10px 28px;
  font-family: 'JetBrains Mono', monospace; font-size: 9px;
  color: #8b949e; letter-spacing: 1px; text-transform: uppercase;
  transition: all .3s ease;
  box-shadow: 0 4px 20px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.06);
}
.ch-action-btn:hover {
  border-color: rgba(0,225,255,.35); color: #00e1ff; background: rgba(0,225,255,.06);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0,225,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
.ch-action-btn-alt:hover {
  border-color: rgba(168,85,247,.35); color: #a855f7; background: rgba(168,85,247,.06);
  box-shadow: 0 8px 32px rgba(168,85,247,.12), inset 0 1px 0 rgba(255,255,255,.08);
}

.light-mode .ch-action-btn {
  border-color: rgba(0,102,255,.12); background: rgba(255,255,255,.6); color: #64748b;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.light-mode .ch-action-btn:hover {
  border-color: rgba(0,102,255,.3); color: #0066ff; background: rgba(0,102,255,.04);
  box-shadow: 0 6px 24px rgba(0,102,255,.1);
}
.light-mode .ch-action-btn-alt:hover {
  border-color: rgba(124,58,237,.3); color: #7c3aed; background: rgba(124,58,237,.04);
  box-shadow: 0 6px 24px rgba(124,58,237,.1);
}