.pug-forum {
    width: 100%;
}

.pug-forum-toolbar {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.035);
}

.forum-post {
    border-color: rgba(255, 255, 255, 0.12) !important;
    border-left: 4px solid var(--mud-palette-primary) !important;
    background: rgba(255, 255, 255, 0.03);
}

.forum-post-reply {
    border-left-color: var(--mud-palette-info) !important;
}

.forum-post-hit {
    border-left-color: var(--mud-palette-info) !important;
    background: rgba(33, 150, 243, 0.08);
}

.forum-post-pinned {
    border-color: rgba(89, 157, 255, 0.35) !important;
    background: rgba(25, 118, 210, 0.08);
}

.forum-post-unread {
    box-shadow: inset 0 0 0 1px rgba(255, 193, 7, 0.25);
}

.forum-post-archived {
    opacity: 0.78;
    border-left-color: var(--mud-palette-secondary) !important;
}

.forum-post-title-area {
    min-width: min(100%, 320px);
}

.forum-topic-row {
    cursor: pointer;
    padding: 0.9rem 1rem;
    border-color: rgba(255, 255, 255, 0.12) !important;
    border-left: 4px solid var(--mud-palette-primary) !important;
    background: rgba(255, 255, 255, 0.03);
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.forum-topic-row:hover {
    background: rgba(33, 150, 243, 0.08);
    border-color: rgba(33, 150, 243, 0.45) !important;
    transform: translateY(-1px);
}

.forum-topic-row-main {
    min-width: min(100%, 360px);
}

.forum-topic-open {
    opacity: 0.75;
}

.forum-category-strip {
    gap: 0.45rem;
}

.forum-category-button {
    border-color: rgba(255, 255, 255, 0.16) !important;
}

.forum-category-count {
    margin-left: 0.35rem;
    opacity: 0.8;
    font-size: 0.78rem;
}

.forum-category-chip {
    color: #fff !important;
}

.forum-category-admin {
    border-color: rgba(66, 165, 245, 0.55) !important;
    background: rgba(66, 165, 245, 0.18) !important;
}

.forum-category-scum {
    border-color: rgba(38, 198, 218, 0.55) !important;
    background: rgba(38, 198, 218, 0.16) !important;
}

.forum-category-player {
    border-color: rgba(255, 202, 40, 0.55) !important;
    background: rgba(255, 202, 40, 0.14) !important;
}

.forum-category-tech {
    border-color: rgba(171, 71, 188, 0.55) !important;
    background: rgba(171, 71, 188, 0.14) !important;
}

.forum-category-rules {
    border-color: rgba(239, 83, 80, 0.55) !important;
    background: rgba(239, 83, 80, 0.14) !important;
}

.forum-category-voting {
    border-color: rgba(102, 187, 106, 0.55) !important;
    background: rgba(102, 187, 106, 0.14) !important;
}

.forum-category-bases {
    border-color: rgba(141, 110, 99, 0.65) !important;
    background: rgba(141, 110, 99, 0.18) !important;
}

.forum-category-vehicles {
    border-color: rgba(255, 112, 67, 0.6) !important;
    background: rgba(255, 112, 67, 0.15) !important;
}

.forum-category-air {
    border-color: rgba(77, 208, 225, 0.6) !important;
    background: rgba(77, 208, 225, 0.14) !important;
}

.forum-tag {
    opacity: 0.9;
}

.forum-content {
    line-height: 1.58;
    word-break: break-word;
    color: var(--mud-palette-text-primary);
}

.forum-content h1,
.forum-content h2,
.forum-content h3,
.forum-content h4,
.forum-content h5,
.forum-content h6 {
    color: var(--mud-palette-primary);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.forum-content p {
    margin: 0 0 0.85rem;
}

.forum-content ul,
.forum-content ol {
    padding-left: 1.5rem;
    margin-bottom: 0.85rem;
}

.forum-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    background: rgba(255, 255, 255, 0.04);
}

.forum-content th,
.forum-content td {
    padding: 0.65rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.forum-content a {
    color: var(--mud-palette-info);
}

.forum-content blockquote {
    border-left: 4px solid var(--mud-palette-warning);
    padding-left: 1rem;
    margin: 1rem 0;
    color: var(--mud-palette-text-secondary);
}

.forum-content img {
    max-width: 100%;
    height: auto;
    margin: 0.75rem 0;
    border-radius: 6px;
}

.forum-replies .mud-expand-panel {
    background: transparent;
}

.forum-children {
    margin-left: 0.75rem;
    padding-left: 1rem;
    border-left: 2px solid rgba(255, 255, 255, 0.12);
}

.forum-side-panel {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.025);
}

.forum-category-info-row {
    padding: 0.4rem 0;
}

.forum-latest-row {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.025);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.forum-latest-row:hover {
    background: rgba(33, 150, 243, 0.08);
    border-color: rgba(33, 150, 243, 0.45) !important;
}

.forum-editor-surface {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.03);
}

.forum-editor-meta {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: rgba(0, 0, 0, 0.08);
}

.forum-reply-context {
    border-color: rgba(33, 150, 243, 0.32) !important;
    border-left: 4px solid var(--mud-palette-info) !important;
    background: rgba(33, 150, 243, 0.06);
}

.forum-reply-context-content {
    max-height: 280px;
    overflow: auto;
    padding-right: 0.35rem;
}

.forum-editor-frame {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(0, 0, 0, 0.12);
}

.forum-editor-frame .tox-tinymce {
    border-color: rgba(255, 255, 255, 0.16) !important;
    border-radius: 4px !important;
}

.forum-preview-panel {
    position: sticky;
    top: 0.75rem;
}

.forum-preview-content {
    min-height: 220px;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.08);
}

@media (max-width: 720px) {
    .forum-children {
        margin-left: 0.25rem;
        padding-left: 0.75rem;
    }

    .forum-preview-panel {
        position: static;
    }
}