.topicmoderation-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 18px;
    background: var(--bg-main-card, rgba(18, 37, 58, .88));
    color: var(--text-main, #fff);
    outline: 1px solid var(--border-main-card, rgba(212, 167, 41, .4));
}

.topicmoderation-notice {
    flex: 1 1 320px;
    line-height: 1.8;
}

.topicmoderation-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.topicmoderation-status {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 3px 10px;
    border-radius: 999px;
    font-weight: 700;
}

.topicmoderation-status.is-enabled {
    background: rgba(39, 174, 96, .18);
    color: #77e6a5;
    border: 1px solid rgba(119, 230, 165, .45);
}

.topicmoderation-status.is-disabled {
    background: rgba(255, 255, 255, .07);
    color: var(--text-main, #fff);
    border: 1px solid rgba(255, 255, 255, .2);
}

.topicmoderation-bridge-warning {
    color: #ffb4ab;
}

.newbb-thread-card.topicmoderation-pending-post {
    position: relative;
    background-image: linear-gradient(135deg, rgba(212, 167, 41, .11), rgba(212, 167, 41, .025));
    box-shadow: inset -4px 0 0 #d4a729, 0 12px 30px rgba(0, 0, 0, .16);
}

.topicmoderation-pending-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-inline-start: 8px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(212, 167, 41, .2);
    color: #f3ca63;
    box-shadow: inset 0 0 0 1px rgba(212, 167, 41, .45);
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.topicmoderation-pending-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 18px;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(212, 167, 41, .14);
    color: var(--text-main, #fff);
    box-shadow: inset 0 0 0 1px rgba(212, 167, 41, .4);
    text-align: right;
}

.topicmoderation-pending-notice__icon {
    flex: 0 0 auto;
    color: #f3ca63;
    font-size: 1.2rem;
    line-height: 1.4;
}

.topicmoderation-pending-notice strong,
.topicmoderation-pending-notice small {
    display: block;
}

.topicmoderation-pending-notice small {
    margin-top: 3px;
    line-height: 1.8;
    opacity: .88;
    text-wrap: pretty;
}

.topicmoderation-pending-post .newbb-thread-card__engagement,
.topicmoderation-pending-post .likers-modal {
    display: none !important;
}

@media (max-width: 768px) {
    .topicmoderation-panel,
    .topicmoderation-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .topicmoderation-pending-badge {
        margin: 6px 0 0;
    }
}