/* =========================================
   Discussion Board Styles
   accounts.aibiofusion.org/css/discuss.css
   ========================================= */

/* Intro / Section wrapper */
.intro {
  max-width: var(--max-width);
  margin: 2rem auto;
  padding: 1.5rem;
  background: var(--white);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  text-align: center;
}
.intro h1 {
  font-size: 1.6rem;
  color: var(--indigo);
  margin-bottom: 0.75rem;
}
.intro p {
  font-size: 1rem;
  color: var(--muted);
  margin-bottom: 1rem;
}

/* Notices (login states) */
.notice {
  margin-top: 1rem;
  padding: 0.9rem 1.25rem;
  border-radius: var(--radius);
  font-size: 0.95rem;
}
.notice.not-logged-in {
  background: #f9fafa;
  border: 1px dashed #cbd5e1;
  color: var(--muted);
}
.notice.logged-in {
  background: linear-gradient(180deg, var(--green), #e6faff);
  border: 1px solid rgba(0,180,216,0.12);
  color: var(--indigo);
}

/* Thread list */
.thread-list {
  max-width: var(--max-width);
  margin: 2rem auto;
  display: grid;
  gap: 1.25rem;
}
.thread {
  background: var(--white);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow);
  transition: transform .18s ease, box-shadow .18s ease;
}
.thread:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(13,18,24,0.08);
}
.thread h2 {
  font-size: 1.2rem;
  margin-bottom: 0.35rem;
}
.thread h2 a {
  color: var(--indigo);
  text-decoration: none;
}
.thread h2 a:hover {
  color: var(--cyan);
}
.thread .meta {
  font-size: 0.85rem;
  color: var(--muted);
  margin-bottom: 0.5rem;
}
.thread .excerpt {
  font-size: 0.95rem;
  color: #374151;
}

/* Thread view */
.thread-view {
  max-width: var(--max-width);
  margin: 2rem auto;
  display: grid;
  gap: 1rem;
}
.thread-view h2 {
  font-size: 1.4rem;
  color: var(--indigo);
  margin-bottom: 0.5rem;
}
.post, .reply {
  background: var(--white);
  border-radius: var(--radius);
  padding: 1rem 1.25rem;
  box-shadow: var(--shadow);
}
.post .meta, .reply .meta {
  font-size: 0.85rem;
  color: var(--muted);
  margin-bottom: 0.5rem;
}
.reply {
  margin-left: 1.25rem;
  border-left: 3px solid var(--cyan);
}

/* Reply box */
.reply-box {
  background: #f9fafa;
  border-radius: var(--radius);
  padding: 1rem;
  border: 1px solid #e5e7eb;
}
.reply-box textarea {
  width: 100%;
  min-height: 100px;
  border-radius: var(--radius);
  border: 1px solid #cbd5e1;
  padding: 0.75rem;
  font-family: inherit;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.reply-box button {
  @apply .btn; /* if using Tailwind-like utility, else: */
  background: var(--cyan);
  color: var(--indigo);
  font-weight: 700;
  border: none;
  border-radius: 10px;
  padding: 0.6rem 1rem;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,180,216,0.14);
  transition: transform .12s ease, opacity .12s ease;
}
.reply-box button:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}
.reply-box.not-logged-in {
  text-align: center;
  color: var(--muted);
}
.reply-box.not-logged-in a {
  color: var(--cyan);
  font-weight: 600;
  text-decoration: none;
}
.reply-box.not-logged-in a:hover {
  text-decoration: underline;
}