/* =========================================================
   REMOVE PER-MESSAGE REPORT BUTTONS
   ========================================================= */

body.page-members-chat
button[data-action="report"] {
    display:
        none !important;
}


/* =========================================================
   COMMUNITY REPORT
   ========================================================= */

.tits-community-report-v1 {
    width:
        min(
            1500px,
            calc(
                100% - 32px
            )
        );

    margin:
        26px auto 50px;

    padding:
        24px;

    box-sizing:
        border-box;

    background:
        #101010;

    border:
        1px solid #333333;

    border-top:
        5px solid #ffd400;

    color:
        #eeeeee;
}


.tits-community-report-open-v1,
.tits-community-report-submit-v1 {
    appearance:
        none;

    border:
        0;

    border-radius:
        8px;

    background:
        #ffd400;

    color:
        #080808;

    padding:
        14px 20px;

    font-size:
        16px;

    font-weight:
        900;

    cursor:
        pointer;
}


.tits-community-report-help-v1 {
    margin:
        14px 0 0;

    color:
        #bbbbbb;

    font-size:
        15px;

    line-height:
        1.55;
}


.tits-community-report-panel-v1 {
    margin-top:
        20px;

    border-top:
        1px solid #393939;

    padding-top:
        20px;
}


.tits-community-report-panel-head-v1 {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        16px;

    align-items:
        flex-start;
}


.tits-community-report-kicker-v1 {
    color:
        #ffd400;

    font-size:
        13px;

    font-weight:
        900;

    letter-spacing:
        .13em;
}


.tits-community-report-panel-head-v1 h2 {
    margin:
        4px 0 12px;

    color:
        #ffffff;

    font-size:
        clamp(
            24px,
            4vw,
            38px
        );
}


#tits-community-report-close-v1 {
    appearance:
        none;

    border:
        1px solid #555555;

    border-radius:
        8px;

    background:
        #181818;

    color:
        #ffffff;

    width:
        42px;

    height:
        42px;

    font-size:
        28px;

    cursor:
        pointer;
}


.tits-community-report-panel-v1 label {
    display:
        block;

    margin:
        18px 0;

    color:
        #ffffff;

    font-weight:
        800;
}


.tits-community-report-panel-v1 select,
.tits-community-report-panel-v1 textarea {
    display:
        block;

    width:
        100%;

    box-sizing:
        border-box;

    margin-top:
        8px;

    background:
        #070707;

    color:
        #ffffff;

    border:
        1px solid #444444;

    border-radius:
        8px;

    padding:
        13px;

    font-size:
        16px;
}


.tits-community-report-panel-v1 textarea {
    resize:
        vertical;

    min-height:
        130px;
}


.tits-community-report-status-v1 {
    min-height:
        24px;

    margin:
        10px 0;

    font-weight:
        800;
}


.tits-community-report-status-v1.is-error {
    color:
        #ff6b6b;
}


.tits-community-report-status-v1.is-success {
    color:
        #ffd400;
}


/* =========================================================
   CHAT AUDIT
   ========================================================= */

.tits-chat-audit {
    width:
        min(
            1500px,
            calc(
                100% - 32px
            )
        );

    margin:
        30px auto 60px;

    color:
        #eeeeee;
}


.tits-chat-audit-hero {
    padding:
        28px;

    background:
        #101010;

    border:
        1px solid #333333;

    border-top:
        6px solid #ffd400;
}


.tits-chat-audit-kicker {
    color:
        #ffd400;

    font-weight:
        900;

    letter-spacing:
        .15em;
}


.tits-chat-audit-hero h1 {
    margin:
        5px 0 10px;

    color:
        #ffffff;

    font-size:
        clamp(
            38px,
            6vw,
            70px
        );

    line-height:
        1;
}


.tits-chat-audit-links {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        20px;
}


.tits-chat-audit-links a,
.tits-chat-audit-report-center-link a {
    display:
        inline-block;

    padding:
        11px 16px;

    border:
        1px solid #555555;

    border-radius:
        8px;

    background:
        #181818;

    color:
        #ffffff;

    text-decoration:
        none;

    font-weight:
        900;
}


.tits-chat-audit-links a:hover,
.tits-chat-audit-report-center-link a:hover {
    border-color:
        #ffd400;

    color:
        #ffd400;
}


.tits-chat-audit-notice {
    margin:
        16px 0;

    padding:
        18px;

    background:
        #ffd400;

    color:
        #090909;

    font-weight:
        700;
}


.tits-chat-audit-card {
    margin:
        16px 0;

    padding:
        20px;

    background:
        #101010;

    border:
        1px solid #353535;

    border-left:
        5px solid #ffd400;
}


.tits-chat-audit-card-top {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        14px;

    margin-bottom:
        14px;
}


.tits-chat-audit-card-top span {
    color:
        #ffd400;

    font-weight:
        900;
}


.tits-chat-audit-meta {
    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        10px;

    margin-bottom:
        15px;
}


.tits-chat-audit-meta div {
    padding:
        12px;

    background:
        #080808;

    border:
        1px solid #303030;
}


.tits-chat-audit-meta b {
    display:
        block;

    margin-bottom:
        4px;

    color:
        #888888;

    font-size:
        12px;

    text-transform:
        uppercase;
}


.tits-chat-audit-message {
    padding:
        18px;

    background:
        #050505;

    border:
        1px solid #3b3b3b;

    color:
        #ffffff;

    font-size:
        17px;

    line-height:
        1.55;

    white-space:
        normal;
}


.tits-chat-audit-empty {
    margin-top:
        16px;

    padding:
        30px;

    background:
        #111111;

    border:
        1px solid #333333;

    text-align:
        center;
}


.tits-chat-audit-report-center-link {
    width:
        min(
            1500px,
            calc(
                100% - 32px
            )
        );

    margin:
        18px auto;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (
    max-width: 760px
) {

    .tits-community-report-v1,
    .tits-chat-audit,
    .tits-chat-audit-report-center-link {
        width:
            calc(
                100% - 16px
            );
    }


    .tits-chat-audit-meta {
        grid-template-columns:
            1fr;
    }


    .tits-chat-audit-card-top {
        display:
            block;
    }
}