.bug-public-board {
    display: grid;
    gap: 1rem;
    max-width: 1120px;
    margin: 0 auto;
}

.bug-public-hero,
.bug-public-filter,
.bug-public-card,
.bug-public-empty {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(240, 185, 11, 0.08), transparent 32%),
        rgba(9, 10, 14, 0.7);
}

.bug-public-hero,
.bug-public-filter,
.bug-public-card,
.bug-public-empty {
    padding: 1.15rem;
}

.bug-public-hero h1 { margin-bottom: 0.65rem; }
.bug-public-hero-copy { max-width: 700px; }
.bug-public-hero-content { max-width: 820px; }
.bug-public-quick-note {
    height: 100%;
    padding: 1rem;
    border-left: 2px solid #f0b90b;
    background: rgba(0, 0, 0, 0.22);
}

.bug-public-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0;
    margin-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.bug-public-summary-item {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.75rem 1rem;
}

.bug-public-summary-item + .bug-public-summary-item {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.bug-public-summary-item strong { color: #fff; font-size: 1.05rem; }
.bug-public-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.bug-public-card h4 { font-size: clamp(1.2rem, 2vw, 1.6rem); }
.bug-public-card:hover {
    border-color: rgba(240, 185, 11, 0.38);
    background:
        radial-gradient(circle at top right, rgba(240, 185, 11, 0.12), transparent 34%),
        rgba(12, 13, 18, 0.82);
}

.bug-public-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
}

.bug-public-chip {
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: #c1c7d4;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.bug-public-filter form { align-items: flex-start !important; }
.bug-public-filter-submit-label { visibility: hidden; }

.appeal-thumb,
.bug-report-thread .bug-report-message-body img,
.bug-report-thread .bug-report-thumb,
.bug-report-page .bug-report-thumb,
.bug-report-page .bug-report-message-body img {
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    object-fit: cover !important;
    border: 1px solid rgba(240, 185, 11, 0.45);
    background: rgba(0, 0, 0, 0.35);
    cursor: zoom-in;
    display: inline-block;
    margin: 0.25rem;
}

.appeal-preview-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.82);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.appeal-preview-backdrop.is-open { display: flex; }
.appeal-preview-backdrop img {
    max-width: min(96vw, 1200px);
    max-height: 88vh;
    object-fit: contain;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #111;
}

.bug-thread-shell { display: grid; gap: 1.5rem; }
.bug-thread-hero,
.bug-thread-links,
.bug-thread-panel {
    padding: 1.4rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(240, 185, 11, 0.08), transparent 34%),
        rgba(9, 10, 14, 0.7);
}

.bug-thread-top,
.bug-report-thread-top {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: flex-start;
}

.bug-thread-meta,
.bug-thread-link-grid,
.bug-report-thread-meta,
.bug-report-link-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.bug-thread-meta-pill,
.bug-thread-link-card,
.bug-thread-message,
.bug-thread-discussion,
.bug-report-form-card,
.bug-report-side-card,
.bug-report-thread-card,
.bug-report-resource-card,
.bug-report-message-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.bug-thread-meta-pill,
.bug-thread-link-card { padding: 0.85rem 1rem; }
.bug-thread-message,
.bug-thread-discussion { padding: 1rem 1.1rem; }
.bug-thread-message + .bug-thread-message,
.bug-thread-discussion + .bug-thread-discussion { margin-top: 0.85rem; }

.bug-report-shell {
    display: grid;
    gap: 1rem;
    max-width: 1120px;
    margin: 0 auto;
}

.bug-report-hero {
    padding: 1.5rem;
    border: 1px solid rgba(240, 185, 11, 0.16);
    background:
        radial-gradient(circle at top right, rgba(240, 185, 11, 0.12), transparent 35%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
}

.bug-report-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.85rem;
    margin-top: 1.25rem;
}

.bug-report-metric {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(8, 10, 16, 0.68);
}

.bug-report-metric strong { display: block; color: #fff; font-size: 1.15rem; }
.bug-report-switcher {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    padding: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.24);
}

.bug-report-switcher .btn { flex: 1 1 190px; }
.bug-report-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(260px, 0.95fr);
    gap: 1.25rem;
    align-items: start;
}

.bug-report-form-card,
.bug-report-side-card,
.bug-report-thread-card { padding: 1.35rem; }
.bug-report-side-card + .bug-report-side-card,
.bug-report-thread-card + .bug-report-thread-card,
.bug-report-message-card + .bug-report-message-card { margin-top: 1rem; }

.bug-report-side-list {
    margin: 0;
    padding-left: 1rem;
    color: #b7bcc8;
    font-size: 0.92rem;
}

.bug-report-side-list li + li { margin-top: 0.7rem; }
.bug-report-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: #c1c7d4;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.bug-report-resource-card { padding: 0.95rem 1rem; }
.bug-report-message-card { padding: 1rem 1.1rem; }
.bug-report-thread-form {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.bug-report-empty-state {
    padding: 2rem 1.5rem;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    text-align: center;
    color: #9aa3b4;
    background: rgba(255, 255, 255, 0.02);
}

.bug-report-page .ban-appeal-accordion .accordion-button::after { filter: invert(1) grayscale(1); }
.bug-report-page .ban-appeal-accordion .accordion-button:not(.collapsed) {
    background: rgba(240, 185, 11, 0.12) !important;
    color: #fff;
}
.bug-report-page .ban-appeal-accordion .accordion-body { background: rgba(0, 0, 0, 0.22); }

@media (max-width: 991.98px) {
    .bug-report-layout { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .bug-public-filter .bug-public-filter-submit { margin-top: 0; }
    .bug-public-filter-submit-label { display: none; }
    .bug-public-board { gap: 0.75rem; }
    .bug-public-hero,
    .bug-public-filter,
    .bug-public-card,
    .bug-public-empty { padding: 0.9rem; }
    .bug-public-summary { grid-template-columns: 1fr; }
    .bug-public-summary-item,
    .bug-report-metric { padding: 0.55rem 0.45rem; }
    .bug-public-summary-item + .bug-public-summary-item { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
    .bug-public-summary-item .text-secondary,
    .bug-report-metric .text-secondary { display: none; }
    .bug-public-summary-item strong,
    .bug-report-metric strong { font-size: 0.95rem; }
    .bug-public-summary-item .text-warning { font-size: 0.6rem; line-height: 1.1; }
    .bug-public-card-meta { gap: 0.35rem; margin-top: 0.75rem; }
    .bug-public-chip { padding: 0.35rem 0.5rem; font-size: 0.68rem; }
    .bug-report-thread .tab-content-wrapper > .container {
        padding-top: 1rem !important;
        padding-bottom: 1.5rem !important;
    }
    .bug-thread-shell { gap: 0.75rem; }
    .bug-thread-hero,
    .bug-thread-links,
    .bug-thread-panel,
    .bug-report-hero,
    .bug-report-form-card,
    .bug-report-side-card,
    .bug-report-thread-card { padding: 0.9rem; }
    .bug-thread-hero h1 { font-size: 1.8rem; line-height: 1; }
    .bug-thread-meta,
    .bug-thread-link-grid { grid-template-columns: 1fr; gap: 0.5rem; }
    .bug-thread-top .badge { font-size: 0.65rem; }
    .bug-thread-hero .btn,
    .bug-thread-panel .btn { width: 100%; }
    .bug-report-switcher { padding: 0.35rem; }
    .bug-report-switcher .btn { min-width: 0; padding-inline: 0.55rem; font-size: 0.72rem; }
    .bug-report-meta-pill { font-size: 0.7rem; padding: 0.35rem 0.5rem; }
}