/* =========================================================
   MODERATION REPORT
   SweetAlert2 stillerine müdahale etmez.
   ========================================================= */

.moderation-report-content {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #294038 !important;
    font-family: inherit !important;
    font-size: .62rem !important;
    line-height: 1.45 !important;
}


/* =========================================================
   BAŞLIK
   ========================================================= */

.moderation-report-content .moderation-report-title {
    display: block !important;
    margin: 0 0 .45rem !important;
    padding: 0 !important;
    color: #213c32 !important;
    font-family: inherit !important;
    font-size: .8rem !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em !important;
}

.moderation-report-content .moderation-report-title span,
.moderation-report-content .moderation-report-title strong,
.moderation-report-content .moderation-report-title b {
    color: inherit !important;
    font-family: inherit !important;
    font-size: .8rem !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/* =========================================================
   ÜST AÇIKLAMA
   ========================================================= */

.moderation-report-content .moderation-description {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 .65rem !important;
    padding: .55rem .65rem !important;
    border: 1px solid #e7eee9 !important;
    border-radius: 10px !important;
    background: #f7faf8 !important;
    color: #63756d !important;
    font-family: inherit !important;
    font-size: .58rem !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.moderation-report-content .moderation-description span,
.moderation-report-content .moderation-description strong,
.moderation-report-content .moderation-description b,
.moderation-report-content .moderation-description small {
    color: inherit !important;
    font-family: inherit !important;
    font-size: .58rem !important;
    line-height: inherit !important;
}


/* =========================================================
   BÖLÜM BAŞLIKLARI
   ========================================================= */

.moderation-report-content .moderation-section-title,
.moderation-report-content .moderation-description-label {
    display: block !important;
    margin: 0 0 .35rem !important;
    padding: 0 !important;
    color: #344a41 !important;
    font-family: inherit !important;
    font-size: .56rem !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    letter-spacing: .02em !important;
}

.moderation-report-content .moderation-section-title span,
.moderation-report-content .moderation-section-title strong,
.moderation-report-content .moderation-description-label span,
.moderation-report-content .moderation-description-label strong {
    color: inherit !important;
    font-family: inherit !important;
    font-size: .56rem !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/* =========================================================
   ŞİKAYET NEDENLERİ
   ========================================================= */

.moderation-report-content .moderation-reasons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .35rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 .65rem !important;
    padding: 0 !important;
}

.moderation-report-content .moderation-reasons label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .35rem !important;

    min-width: 0 !important;
    min-height: 30px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: .42rem .5rem !important;

    border: 1px solid #dce6e2 !important;
    border-radius: 9px !important;

    background: #f8faf9 !important;
    color: #324c43 !important;

    cursor: pointer !important;

    font-family: inherit !important;
    font-size: .55rem !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;

    text-align: left !important;

    transition:
        border-color .15s ease,
        background-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease !important;
}


/* Label içerisindeki metin özellikle sabitleniyor */

.moderation-report-content .moderation-reasons label > span {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-family: inherit !important;
    font-size: .55rem !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
}


/* Label içerisinde başka text elementleri gelirse */

.moderation-report-content .moderation-reasons label strong,
.moderation-report-content .moderation-reasons label b,
.moderation-report-content .moderation-reasons label small {
    color: inherit !important;
    font-family: inherit !important;
    font-size: .55rem !important;
    line-height: inherit !important;
}


.moderation-report-content .moderation-reasons label:hover {
    border-color: #bcd5ca !important;
    background: #f3f8f5 !important;
    box-shadow: 0 2px 8px rgba(33, 122, 83, .05) !important;
}


.moderation-report-content .moderation-reasons label:has(input:checked) {
    border-color: #23996d !important;
    background: #e8f8f0 !important;
    color: #216448 !important;
    box-shadow: inset 0 0 0 1px rgba(35, 153, 109, .06) !important;
}


/* Checkbox */

.moderation-report-content .moderation-reasons label > input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;

    width: 12px !important;
    height: 12px !important;

    min-width: 12px !important;
    max-width: 12px !important;

    flex: 0 0 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    accent-color: #188658 !important;

    cursor: pointer !important;
}


/* =========================================================
   AÇIKLAMA TEXTAREA
   ========================================================= */

.moderation-report-content .moderation-report-textarea {
    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    min-height: 74px !important;
    max-height: 130px !important;

    margin: 0 !important;
    padding: .55rem .6rem !important;

    resize: vertical !important;

    border: 1px solid #d8e3de !important;
    border-radius: 10px !important;

    outline: none !important;

    background: #fafcfb !important;
    color: #213c32 !important;

    font-family: inherit !important;
    font-size: .6rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    letter-spacing: normal !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease !important;
}


.moderation-report-content .moderation-report-textarea::placeholder {
    color: #98a49e !important;
    opacity: 1 !important;

    font-family: inherit !important;
    font-size: .54rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}


.moderation-report-content .moderation-report-textarea:focus {
    border-color: #7eb69e !important;
    background: #fff !important;
    box-shadow: 0 0 0 2px rgba(33, 122, 83, .08) !important;
}


/* =========================================================
   KULLANICI ENGELLE
   ========================================================= */

.moderation-report-content .moderation-block {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: .4rem !important;

    box-sizing: border-box !important;

    width: 100% !important;

    margin: .55rem 0 0 !important;
    padding: .5rem .6rem !important;

    border: 1px solid #f0e5dd !important;
    border-radius: 9px !important;

    background: #fff8f3 !important;
    color: #805037 !important;

    cursor: pointer !important;

    font-family: inherit !important;
    font-size: .55rem !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;

    text-align: left !important;
}


.moderation-report-content .moderation-block > span {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-family: inherit !important;
    font-size: .55rem !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
}


.moderation-report-content .moderation-block strong,
.moderation-report-content .moderation-block b,
.moderation-report-content .moderation-block small {
    color: inherit !important;
    font-family: inherit !important;
    font-size: .55rem !important;
    line-height: inherit !important;
}


.moderation-report-content .moderation-block > input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;

    width: 12px !important;
    height: 12px !important;

    min-width: 12px !important;
    max-width: 12px !important;

    flex: 0 0 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
}


/* =========================================================
   GRUP BİLGİSİ
   ========================================================= */

.moderation-report-content .moderation-group-info {
    display: block !important;
    box-sizing: border-box !important;

    width: 100% !important;

    margin: .55rem 0 0 !important;
    padding: .5rem .6rem !important;

    border: 1px solid #e6ebe8 !important;
    border-radius: 9px !important;

    background: #f7f9f8 !important;
    color: #6f7d76 !important;

    font-family: inherit !important;
    font-size: .53rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}


.moderation-report-content .moderation-group-info span,
.moderation-report-content .moderation-group-info strong,
.moderation-report-content .moderation-group-info b,
.moderation-report-content .moderation-group-info small {
    color: inherit !important;
    font-family: inherit !important;
    font-size: .53rem !important;
    line-height: inherit !important;
}


/* =========================================================
   ACCOUNT MODERATION PAGE
   ========================================================= */

.moderation-account {
    display: grid !important;
    place-items: center !important;

    min-height: 100vh !important;

    margin: 0 !important;

    background:
        radial-gradient(
            ellipse at 15% 10%,
            #d6efe1,
            transparent 50%
        ),
        #edf2ef !important;

    color: #294038 !important;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/* =========================================================
   ACCOUNT CARD
   ========================================================= */

.moderation-account .moderation-account-card {
    box-sizing: border-box !important;

    width: calc(100% - 64px) !important;
    max-width: 560px !important;

    margin: 40px 0 !important;
    padding: 36px !important;

    border: 1px solid #fff !important;
    border-radius: 28px !important;

    background: #ffffffed !important;

    box-shadow: 0 25px 90px #183c2420 !important;

    color: #294038 !important;
}


/* =========================================================
   ACCOUNT EYEBROW
   ========================================================= */

.moderation-account .moderation-eyebrow {
    display: block !important;

    margin: 0 !important;

    color: #71847b !important;

    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;

    letter-spacing: 2px !important;
}


.moderation-account .moderation-eyebrow span,
.moderation-account .moderation-eyebrow strong {
    color: inherit !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/* =========================================================
   EMBLEM
   ========================================================= */

.moderation-account .moderation-emblem {
    display: grid !important;
    place-items: center !important;

    width: 64px !important;
    height: 64px !important;

    margin: 28px 0 20px !important;

    border-radius: 22px !important;

    background: #e7f4ee !important;
    color: #27835c !important;

    font-family: inherit !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}


.moderation-account .moderation-emblem span,
.moderation-account .moderation-emblem i {
    color: inherit !important;
    font-size: 32px !important;
    line-height: 1 !important;
}


/* =========================================================
   ACCOUNT TITLE
   ========================================================= */

.moderation-account .moderation-account-card h1 {
    margin-top: 0 !important;

    color: #294038 !important;

    font-family: inherit !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -1px !important;
}


.moderation-account .moderation-account-card h1 span {
    color: inherit !important;
    font-family: inherit !important;
    font-size: 30px !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/* =========================================================
   ACCOUNT PARAGRAPHS
   ========================================================= */

.moderation-account .moderation-account-card p {
    color: #60746a !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;

    overflow-wrap: anywhere !important;
}


.moderation-account .moderation-account-card p span,
.moderation-account .moderation-account-card p strong,
.moderation-account .moderation-account-card p b {
    color: inherit !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: inherit !important;
}


/* =========================================================
   ACCOUNT TEXTAREA
   ========================================================= */

.moderation-account textarea {
    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;

    margin: 10px 0 !important;
    padding: 14px !important;

    resize: vertical !important;

    border: 1px solid #d8e3de !important;
    border-radius: 14px !important;

    background: #fafcfb !important;
    color: #213c32 !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/* =========================================================
   NOTICE
   ========================================================= */

.moderation-account .moderation-notice {
    box-sizing: border-box !important;

    margin: 20px 0 !important;
    padding: 18px !important;

    border: 1px solid #e4ece7 !important;
    border-radius: 16px !important;

    background: #f3f7f4 !important;

    color: #60746a !important;

    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}


.moderation-account .moderation-notice span,
.moderation-account .moderation-notice p {
    color: inherit !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: inherit !important;
}


.moderation-account .moderation-notice small {
    color: #72877b !important;

    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;

    letter-spacing: .8px !important;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.moderation-account .moderation-primary {
    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;

    margin-top: 20px !important;
    padding: 14px 20px !important;

    border: 0 !important;
    border-radius: 13px !important;

    background: #217a53 !important;
    color: #fff !important;

    cursor: pointer !important;

    text-align: center !important;
    text-decoration: none !important;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


.moderation-account .moderation-primary span,
.moderation-account .moderation-primary strong,
.moderation-account .moderation-primary i {
    color: inherit !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/* =========================================================
   SMALL
   ========================================================= */

.moderation-account .moderation-account-card > small {
    color: #72877b !important;

    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 600px) {

    .moderation-report-content .moderation-reasons {
        grid-template-columns: 1fr !important;
    }

    .moderation-account .moderation-account-card {
        width: calc(100% - 32px) !important;
        margin: 16px 0 !important;
        padding: 24px !important;
    }
}