:root {
  --forum-navy: #0b1b35;
  --forum-navy-raised: #0b1b35;
  --forum-navy-soft: #0b1b35;
  --forum-line: #315474;
  --forum-line-soft: #243f5d;
  --forum-neon: #d9ff22;
  --forum-text: #edf5fb;
  --forum-muted: #8da8bd;
}

#app .forum-page-v3,
#app .forum-page-v3 .forum-commandbar,
#app .forum-page-v3 .forum-workspace,
#app .forum-page-v3 .forum-navigation,
#app .forum-page-v3 .forum-thread,
#app .forum-page-v3 .forum-thread-head,
#app .forum-page-v3 .forum-author-row,
#app .forum-page-v3 .forum-message,
#app .forum-page-v3 .forum-links-panel,
#app .forum-page-v3 .forum-documents,
#app .forum-page-v3 .forum-pdf-panel,
#app .forum-page-v3 .forum-editor-modal,
#app .forum-page-v3 .forum-preview-modal,
#app .forum-page-v3 .forum-editor-modal > header,
#app .forum-page-v3 .forum-preview-modal > header,
#app .forum-page-v3 .forum-editor-body,
#app .forum-page-v3 .forum-rich-editor,
#app .forum-page-v3 .forum-editor-toolbar,
#app .forum-page-v3 .forum-editor-surface,
#app .forum-page-v3 .forum-rich-editor > footer,
#app .forum-page-v3 .forum-upload-area,
#app .forum-page-v3 .forum-pin-option,
#app .forum-page-v3 .forum-document,
#app .forum-page-v3 .forum-links-panel a {
  background-color: var(--forum-navy) !important;
  background-image: none !important;
}

#app
  .forum-page-v3
  :is(
    .forum-nav-heading,
    .forum-topic-heading,
    .forum-category-list,
    .forum-post-list,
    .forum-empty-list,
    .forum-empty-detail,
    .forum-thread-body,
    .forum-thread-actions,
    .forum-item-top,
    .forum-item-bottom
  ) {
  background-color: var(--forum-navy) !important;
  background-image: none !important;
}

#app .shell main.forum-page-v3 {
  min-height: calc(100dvh - 62px);
  padding: 24px 28px 54px !important;
  color: var(--forum-text);
  background: var(--forum-navy) !important;
}

#app .forum-page-v3 .forum-commandbar {
  min-height: 94px;
  border: 1px solid var(--forum-line) !important;
  border-top: 2px solid var(--forum-neon) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-title-icon,
#app .forum-page-v3 .forum-file-icon,
#app .forum-page-v3 .forum-author-avatar {
  color: var(--forum-neon);
  background: var(--forum-navy-raised) !important;
  border-color: var(--forum-line) !important;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-title-block h1,
#app .forum-page-v3 .forum-thread-head h2,
#app .forum-page-v3 .forum-nav-heading b,
#app .forum-page-v3 .forum-topic-heading b {
  color: var(--forum-text) !important;
}

#app .forum-page-v3 .forum-title-block p,
#app .forum-page-v3 .forum-thread-head p,
#app .forum-page-v3 .forum-category-list small,
#app .forum-page-v3 .forum-item-meta,
#app .forum-page-v3 .forum-author-row small {
  color: var(--forum-muted) !important;
}

#app .forum-page-v3 .forum-search input,
#app .forum-page-v3 .forum-editor-grid input,
#app .forum-page-v3 .forum-editor-grid select,
#app .forum-page-v3 .forum-editor-grid textarea,
#app .forum-page-v3 .forum-editor-toolbar select {
  color: var(--forum-text) !important;
  background: var(--forum-navy) !important;
  border: 1px solid var(--forum-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-editor-grid select {
  min-height: 43px;
  width: 100%;
  padding: 0 38px 0 12px;
  cursor: pointer;
}

#app .forum-page-v3 :is(input, select, textarea):focus,
#app .forum-page-v3 .forum-rich-editor:focus-within {
  outline: 0;
  border-color: var(--forum-neon) !important;
  box-shadow: 0 0 0 3px #d9ff2218 !important;
}

#app .forum-page-v3 .forum-stat,
#app .forum-page-v3 .forum-thread-actions button,
#app .forum-page-v3 .forum-pdf-actions a,
#app .forum-page-v3 .forum-pdf-actions button,
#app .forum-page-v3 .forum-document button,
#app .forum-page-v3 .forum-document a,
#app .forum-page-v3 .forum-secondary {
  color: #afc4d3;
  background: var(--forum-navy) !important;
  border-color: var(--forum-line) !important;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-primary {
  color: #071426 !important;
  background: var(--forum-neon) !important;
  border-color: var(--forum-neon) !important;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-workspace {
  grid-template-columns: 355px minmax(0, 1fr);
  min-height: calc(100dvh - 226px);
  border: 1px solid var(--forum-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-navigation {
  border-right: 1px solid var(--forum-line) !important;
}

#app .forum-page-v3 .forum-nav-heading,
#app .forum-page-v3 .forum-topic-heading,
#app .forum-page-v3 .forum-category-list,
#app .forum-page-v3 .forum-list-item,
#app .forum-page-v3 .forum-thread-head,
#app .forum-page-v3 .forum-author-row {
  border-color: var(--forum-line-soft) !important;
}

#app .forum-page-v3 .forum-category-list {
  gap: 7px;
  padding: 12px;
}

#app .forum-page-v3 .forum-category-list button {
  min-height: 58px;
  color: #a9bfce;
  background: var(--forum-navy) !important;
  border: 1px solid var(--forum-line-soft) !important;
  border-radius: 7px;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-category-list button:hover {
  background: var(--forum-navy-raised) !important;
  border-color: var(--forum-line) !important;
}

#app .forum-page-v3 .forum-category-list button.active {
  color: var(--forum-text);
  background: var(--forum-navy-raised) !important;
  border-color: var(--forum-neon) !important;
  box-shadow: inset 3px 0 var(--forum-neon) !important;
}

#app .forum-page-v3 .forum-category-list button > .material-symbols-outlined,
#app .forum-page-v3 .forum-nav-heading > .material-symbols-outlined,
#app .forum-page-v3 .forum-links-panel > header > .material-symbols-outlined,
#app .forum-page-v3 .forum-documents > header > .material-symbols-outlined {
  color: var(--forum-neon) !important;
}

#app .forum-page-v3 .forum-category-list em,
#app .forum-page-v3 .forum-topic-heading > em {
  color: #b8cbd8;
  background: var(--forum-navy-soft) !important;
  border: 1px solid var(--forum-line-soft);
}

#app .forum-page-v3 .forum-category-list button.active em {
  color: #071426;
  background: var(--forum-neon) !important;
  border-color: var(--forum-neon);
}

#app .forum-page-v3 .forum-list-item {
  min-height: 112px;
  background: var(--forum-navy) !important;
}

#app .forum-page-v3 .forum-list-item:hover,
#app .forum-page-v3 .forum-list-item.active {
  background: var(--forum-navy-raised) !important;
}

#app .forum-page-v3 .forum-list-item.active {
  box-shadow: inset 3px 0 var(--forum-neon) !important;
}

#app .forum-page-v3 .forum-item-top em,
#app .forum-page-v3 .forum-thread-kicker > span,
#app .forum-page-v3 .forum-thread-kicker > em,
#app .forum-page-v3 .forum-tags .material-symbols-outlined {
  color: var(--forum-neon) !important;
}

#app .forum-page-v3 .forum-message,
#app .forum-page-v3 .forum-links-panel,
#app .forum-page-v3 .forum-documents,
#app .forum-page-v3 .forum-pdf-panel {
  border-color: var(--forum-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-links-panel > header,
#app .forum-page-v3 .forum-documents > header,
#app .forum-page-v3 .forum-pdf-panel > header {
  background: var(--forum-navy-raised) !important;
  border-color: var(--forum-line-soft) !important;
}

#app .forum-page-v3 .forum-message-text,
#app .forum-page-v3 .forum-rich-content {
  color: #d7e2ea;
}

#app .forum-page-v3 .forum-rich-content blockquote,
#app .forum-page-v3 .forum-editor-surface blockquote {
  background: var(--forum-navy-raised) !important;
  border-left-color: var(--forum-neon);
}

#app .forum-page-v3 .forum-modal-backdrop {
  background: #020917dc;
}

#app .forum-page-v3 .forum-editor-modal,
#app .forum-page-v3 .forum-preview-modal {
  border-color: var(--forum-line) !important;
  border-radius: 10px;
  box-shadow: 0 28px 90px #0008 !important;
}

#app .forum-page-v3 .forum-editor-modal > header,
#app .forum-page-v3 .forum-preview-modal > header {
  border-top: 2px solid var(--forum-neon);
  border-bottom-color: var(--forum-line) !important;
  box-shadow: none !important;
}

#app .forum-page-v3 .forum-editor-toolbar {
  border-bottom-color: var(--forum-line-soft);
}

#app .forum-page-v3 .forum-editor-toolbar button:hover,
#app .forum-page-v3 .forum-editor-toolbar button.active {
  color: var(--forum-neon);
  background: var(--forum-navy-raised) !important;
  border-color: var(--forum-neon);
}

#app
  .forum-page-v3
  :is(.forum-post-list, .forum-editor-surface, .forum-editor-body) {
  scrollbar-color: #496b86 var(--forum-navy);
}

@media (max-width: 1100px) {
  #app .forum-page-v3 .forum-workspace {
    grid-template-columns: 310px minmax(0, 1fr);
  }
}

@media (max-width: 880px) {
  #app .shell main.forum-page-v3 {
    padding: 14px 10px 34px !important;
  }

  #app .forum-page-v3 .forum-workspace {
    grid-template-columns: 1fr;
  }

  #app .forum-page-v3 .forum-navigation {
    border-right: 0 !important;
    border-bottom: 1px solid var(--forum-line) !important;
  }
}