.quote {
  margin-top: 35px;
  padding-top: 18px;
  border-top: 1px solid #ffffff20;
  color: #d1ddf1;
  font-style: italic
}

.discussion-empty {
  display: grid;
  justify-items: center;
  padding: 60px 25px;
  border: 1px dashed #30466f;
  border-radius: 14px;
  background: #0d182a;
  text-align: center
}

.discussion-empty>span {
  color: var(--cyan);
  font-size: 25px
}

.discussion-empty h2 {
  margin: 13px 0 6px
}

.discussion-empty p {
  max-width: 380px;
  margin-bottom: 18px;
  color: var(--muted);
  font-size: 12px
}

.discussion-poll-options {
  display: grid;
  gap: 8px
}

.discussion-poll-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap
}

.discussion-check {
  display: flex !important;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 8px !important
}

.discussion-check input {
  width: 16px !important;
  min-height: 16px !important;
  accent-color: var(--blue)
}

.discussion-category-field {
  position: relative;
  z-index: 20
}

.discussion-category-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important
}

.discussion-reply-composer {
  min-width: 0
}

.discussion-reply-composer {
  position: relative
}

.discussion-reply-content-value[hidden] {
  display: none !important
}

.discussion-image-field {
  grid-column: 1/-1 !important;
  margin-top: 10px !important
}

.discussion-image-field small {
  color: #7186a5;
  font-size: 11px;
  font-weight: 600
}

.discussion-image-field input[type=file] {
  height: auto;
  min-height: 42px;
  padding: 8px 10px;
  color: #9eb0cb;
  cursor: pointer
}

.discussion-image-field input[type=file]::file-selector-button {
  margin-right: 10px;
  padding: 7px 12px;
  border: 1px solid #4667a3;
  border-radius: 6px;
  background: #182b4b;
  color: #e7efff;
  font: 700 11px Arial, "Helvetica Neue", sans-serif;
  cursor: pointer
}

.discussion-image-preview {
  display: block;
  width: 100%;
  max-width: 760px;
  max-height: 420px;
  object-fit: contain;
  object-position: left center;
  margin-top: 4px;
  border: 1px solid #30466f;
  border-radius: 10px;
  background: #081321
}

.discussion-image-preview[hidden] {
  display: none !important
}

.discussion-poll-results {
  display: grid;
  gap: 11px
}

.discussion-likers-more {
  color: #9eb4d0;
  font-size: 10px
}

.discussion-delete-post-form {
  margin: 0
}

.discussion-delete-post {
  padding: 3px 6px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #8798ac;
  font: 10px Arial, "Helvetica Neue", sans-serif;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease
}

.discussion-delete-post:hover {
  background: #7e2f4b33;
  color: #ff9ab7
}

.discussion-hidden-label {
  background: #482a3d !important;
  color: #ffb1c9 !important
}

template.discussion-quote-source {
  display: none
}

.discussion-quote-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: #ffffff05;
  color: #8ca4a7;
  font-size: 11px;
  line-height: 1.2;
  cursor: pointer;
  transition: color .2s ease, background .2s ease, border-color .2s ease
}

.discussion-quote-button:hover {
  border-color: #61d3ff55;
  background: #61d3ff14;
  color: #8fd6ff
}

.discussion-quote-ref {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 10px;
  padding: 5px 10px;
  border: 1px solid #263b5d;
  border-radius: 8px;
  background: #ffffff05;
  color: #8fa2c4;
  font-size: 10.5px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s ease, border-color .2s ease
}

.discussion-quote-ref:hover {
  border-color: #61d3ff55;
  color: #8fd6ff
}

.discussion-topic-pin {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 5px;
  border: 1px solid #45649a;
  border-radius: 4px;
  color: #a9c4ff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .04em;
  vertical-align: middle
}

.discussion-edit-topic-trigger {
  min-height: 30px !important;
  height: 30px
}

.discussion-post-edit-trigger {
  border: 0;
  padding: 3px 8px;
  border-radius: 8px;
  background: transparent;
  color: #8ca4a7;
  font: 11px/1.2 Arial, "Helvetica Neue", sans-serif;
  cursor: pointer
}

.discussion-post-edit-trigger:hover {
  background: #ffffff0a;
  color: #d8f2ef
}

.discussion-active-users {
  position: relative;
  overflow: hidden
}

.discussion-active-users:before {
  content: "";
  position: absolute;
  top: 0;
  right: 14%;
  left: 14%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #6ee7a1, #61d3ff, transparent);
  opacity: .8
}

.discussion-active-users-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px
}

.discussion-active-users-heading h3 {
  margin-top: 7px;
  color: #eef4ff;
  font-size: 16px
}

.discussion-active-list {
  display: grid;
  gap: 5px;
  margin-top: 15px
}

.discussion-active-user-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
  flex: 1 1 auto
}

.discussion-active-user-copy strong {
  overflow: hidden;
  color: #eef4ff;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.discussion-active-user-copy small {
  display: block;
  max-width: 145px;
  overflow: hidden;
  color: #7185a4;
  font-size: 8px;
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap
}

.discussion-active-empty {
  margin-top: 14px;
  color: var(--muted);
  font-size: 11px
}

.discussion-topic-status-field {
  display: grid;
  gap: 7px;
  color: #b5c2d7;
  font-size: 11px;
  font-weight: 800
}

.discussion-pagination-pages {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px
}

.discussion-page-ellipsis {
  padding: 0 3px;
  color: #8b9bb4
}

.discussion-reply-emoji-picker.is-floating {
  position: fixed !important;
  top: 0;
  right: auto !important;
  bottom: auto !important;
  left: 0;
  z-index: 10000 !important;
  margin: 0 !important
}

.discussions-page,
.discussion-create-page,
.discussion-topic-page {
  --accent: #8395f5;
  --blue: #9aa8ff;
  --cyan: #61d3ff;
  --green: var(--online);
  --discussion-card: var(--surface);
  --discussion-hover: var(--surface-hover);
}
.discussions-page .discussions-toolbar {
  border-color: #30405f;
  border-radius: var(--r-lg);
  background: linear-gradient(110deg, #121c30, #0f1726);
  box-shadow: none;
}
.discussions-page .discussions-toolbar .eyebrow.blue { color: var(--blue); }
.discussions-page .discussions-toolbar h2 {
  color: var(--text);
  font-size: clamp(22px, 2.8vw, 28px);
  letter-spacing: -.025em;
}
.discussion-empty {
  border-color: var(--line-strong);
  border-radius: var(--r-lg);
  background: var(--discussion-card);
}
.discussion-empty > span { color: var(--blue); }
.discussion-active-users-heading h3 { color: var(--text); }
.discussion-active-users::before { display: none; }
.discussion-active-list { gap: 4px; }
.discussion-active-user-copy strong { color: var(--text); font-size: 13px; }
.discussion-active-user-copy small { max-width: none; color: var(--muted); font-size: 11px; }
.discussion-active-empty,
.discussion-likers-more { color: var(--muted); }
.discussion-topic-card,
.discussion-side-card { background: var(--discussion-card); }
.discussion-topic-card:hover,
.discussion-side-card:hover { background: var(--discussion-hover); }
.discussion-side-card .eyebrow.blue,
.discussion-active-users .eyebrow.blue { color: var(--blue); }
.discussion-topic-card .discussion-topic-stats strong { color: var(--cyan); }
.discussion-topic-card h3 { color: var(--text); }
.discussion-topic-card p,
.discussion-topic-card .discussion-topic-author { color: var(--muted); }
.discussion-create-page .discussion-create-header .eyebrow.blue,
.discussion-topic-page .eyebrow.blue { color: var(--blue); }
.discussion-create-page .discussion-create-header,
.discussion-topic-page .discussion-topic-header {
  border-color: #30405f;
  border-radius: var(--r-lg);
  background: var(--discussion-card);
  box-shadow: none;
}
.discussion-image-preview { border-color: var(--line); border-radius: var(--r-md); background: var(--surface); }
.discussion-image-field small { color: var(--muted); }
.discussion-image-field input[type=file]::file-selector-button {
  border-color: var(--line-strong);
  border-radius: var(--r-md);
  background: var(--surface-raised);
  color: var(--text);
  font: 600 12px var(--font-ui);
}
.discussion-quote-ref,
.discussion-quote-button { border-radius: var(--r-md); }
.discussion-quote-button:hover,
.discussion-quote-ref:hover { border-color: var(--line-strong); background: var(--surface-hover); color: var(--accent); }
.discussion-topic-pin { border-color: var(--line-strong); color: var(--accent); }
.discussion-check input { accent-color: var(--accent); }

@media (prefers-reduced-motion: reduce) {
  .discussion-quote-button,
  .discussion-quote-ref,
  .discussion-delete-post { transition: none; }
}