/* MangaNexus Groups — groups.css */

:root {
  --mng-bg:     #0d0d0d;
  --mng-card:   #161616;
  --mng-border: rgba(255,255,255,0.07);
  --mng-blue:   #3b82f6;
  --mng-muted:  #6b7280;
}

/* ── Layout ─────────────────────────────────────────────── */
.mng-archive,
.mng-single { color: #e5e7eb; font-family: 'Sora','Inter',sans-serif; }

/* ── Cards hover ────────────────────────────────────────── */
.mng-archive a[href],
.mng-single  a[href] { text-decoration: none; }

/* ── Modal overlay ──────────────────────────────────────── */
#mng-donate-modal,
#mng-contact-modal,
#mng-reply-modal { display: none; }

/* ── Tab buttons ────────────────────────────────────────── */
.mng-tab-pane { animation: mngFadeIn .2s ease; }
@keyframes mngFadeIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }

/* ── Scrollbar fino ─────────────────────────────────────── */
#mng-msg-list::-webkit-scrollbar { width: 4px; }
#mng-msg-list::-webkit-scrollbar-thumb { background: var(--mng-blue); border-radius: 4px; }

/* ── Responsive tweaks ──────────────────────────────────── */
@media (max-width: 640px) {
  .mng-archive .grid { grid-template-columns: 1fr; }
}