/*
 * SunucuRadar mobil yorumlar sekmesi.
 * Yalnız sunucu detay yorum panelini etkiler.
 */

@media (max-width: 760px) {
    body:has(.sr-comments-shell) .sr-comments-shell {
        width: 100% !important;
        padding: 10px !important;
        overflow: hidden !important;
        border: 1px solid rgba(148,163,184,.14) !important;
        border-radius: 13px !important;
        background:
            radial-gradient(
                circle at 0 0,
                rgba(34,197,94,.09),
                transparent 31%
            ),
            linear-gradient(
                155deg,
                rgba(10,24,43,.94),
                rgba(3,10,24,.96)
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025),
            0 12px 30px rgba(0,0,0,.18)
            !important;
    }

    body:has(.sr-comments-shell)
    .sr-comments-shell > .sr-panel-head {
        margin: 0 0 9px !important;
        padding: 0 0 9px !important;
        border-bottom:
            1px solid rgba(148,163,184,.11) !important;
    }

    body:has(.sr-comments-shell)
    .sr-comments-shell > .sr-panel-head .sr-kicker {
        margin: 0 0 3px !important;
        font-size: 7px !important;
        letter-spacing: .06em !important;
    }

    body:has(.sr-comments-shell)
    .sr-comments-shell > .sr-panel-head h2 {
        margin: 0 0 4px !important;
        font-size: 15px !important;
        line-height: 1.08 !important;
        letter-spacing: -.35px !important;
    }

    body:has(.sr-comments-shell)
    .sr-comments-shell > .sr-panel-head p {
        margin: 0 !important;
        color: #9ca9bc !important;
        font-size: 8px !important;
        line-height: 1.4 !important;
    }

    body:has(.sr-comments-shell) .comment-insights {
        display: grid !important;
        grid-template-columns:
            minmax(0,.82fr)
            minmax(0,1.18fr) !important;
        gap: 6px !important;
        margin: 0 0 7px !important;
    }

    body:has(.sr-comments-shell) .comment-score-card,
    body:has(.sr-comments-shell) .comment-distribution-card,
    body:has(.sr-comments-shell) .comment-sentiment-card {
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        overflow: hidden !important;
        border: 1px solid rgba(148,163,184,.12) !important;
        border-radius: 9px !important;
        background:
            radial-gradient(
                circle at 100% 0,
                rgba(34,197,94,.07),
                transparent 42%
            ),
            rgba(2,8,18,.45) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.02)
            !important;
    }

    body:has(.sr-comments-shell) .comment-score-card {
        display: grid !important;
        align-content: center !important;
        gap: 4px !important;
    }

    body:has(.sr-comments-shell) .comment-score-label,
    body:has(.sr-comments-shell) .comment-score-card small,
    body:has(.sr-comments-shell) .comment-sentiment-card span {
        color: #8795a9 !important;
        font-size: 6.5px !important;
        line-height: 1.1 !important;
    }

    body:has(.sr-comments-shell)
    .comment-score-card > strong {
        color: #86efac !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body:has(.sr-comments-shell) .comment-stars {
        display: flex !important;
        gap: 2px !important;
        margin: 0 !important;
    }

    body:has(.sr-comments-shell) .comment-stars span {
        font-size: 8px !important;
        line-height: 1 !important;
    }

    body:has(.sr-comments-shell)
    .comment-distribution-card {
        display: grid !important;
        align-content: center !important;
        gap: 6px !important;
    }

    body:has(.sr-comments-shell) .comment-dist-row {
        display: grid !important;
        grid-template-columns:
            46px minmax(0,1fr) 16px !important;
        align-items: center !important;
        gap: 5px !important;
    }

    body:has(.sr-comments-shell)
    .comment-dist-row > span {
        overflow: hidden !important;
        color: #95a2b5 !important;
        font-size: 6.5px !important;
        font-weight: 850 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body:has(.sr-comments-shell)
    .comment-dist-row > div {
        height: 4px !important;
        overflow: hidden !important;
        border-radius: 999px !important;
        background:
            rgba(148,163,184,.12) !important;
    }

    body:has(.sr-comments-shell)
    .comment-dist-row i {
        display: block !important;
        height: 100% !important;
        border-radius: inherit !important;
        background:
            linear-gradient(
                90deg,
                #22c55e,
                #86efac
            ) !important;
    }

    body:has(.sr-comments-shell)
    .comment-dist-row > strong {
        color: #dce7f5 !important;
        font-size: 7px !important;
        text-align: right !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-card {
        grid-column: 1 / -1 !important;
        min-height: 46px !important;
        display: grid !important;
        grid-template-columns:
            30px minmax(0,1fr) !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-icon {
        width: 30px !important;
        height: 30px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 9px !important;
        color: #052e16 !important;
        font-size: 15px !important;
        background:
            linear-gradient(
                135deg,
                #86efac,
                #22c55e
            ) !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-card > div:last-child {
        min-width: 0 !important;
        display: grid !important;
        gap: 2px !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-card strong,
    body:has(.sr-comments-shell)
    .comment-sentiment-card p {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-card strong {
        color: #e8f1fc !important;
        font-size: 9px !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-card p {
        margin: 0 !important;
        color: #8f9caf !important;
        font-size: 6.5px !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip {
        display: grid !important;
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
        gap: 5px !important;
        margin: 0 0 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip > div {
        min-width: 0 !important;
        min-height: 43px !important;
        padding: 7px !important;
        display: grid !important;
        align-content: center !important;
        gap: 2px !important;
        border: 1px solid rgba(148,163,184,.10) !important;
        border-radius: 8px !important;
        background: rgba(2,8,18,.40) !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip span,
    body:has(.sr-comments-shell)
    .comment-metric-strip small {
        overflow: hidden !important;
        color: #8795a9 !important;
        font-size: 6.5px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip small {
        font-size: 5.8px !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip strong {
        color: #86efac !important;
        font-size: 11px !important;
    }

    body:has(.sr-comments-shell) .comment-compose {
        margin: 0 0 7px !important;
        padding: 8px !important;
        border: 1px solid rgba(96,165,250,.16) !important;
        border-radius: 9px !important;
        background: rgba(2,8,18,.42) !important;
    }

    body:has(.sr-comments-shell) .comment-compose p {
        margin: 0 !important;
        color: #aebbd0 !important;
        font-size: 7.5px !important;
        line-height: 1.4 !important;
    }

    body:has(.sr-comments-shell) .comment-compose form {
        display: grid !important;
        gap: 6px !important;
    }

    body:has(.sr-comments-shell) .comment-compose label {
        font-size: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-compose textarea {
        min-height: 72px !important;
        padding: 9px !important;
        border-radius: 9px !important;
        font-size: 9px !important;
        line-height: 1.45 !important;
    }

    body:has(.sr-comments-shell)
    .comment-compose button,
    body:has(.sr-comments-shell)
    .comment-compose .button {
        width: 100% !important;
        min-height: 32px !important;
        padding: 7px 9px !important;
        border-radius: 8px !important;
        font-size: 8px !important;
    }

    body:has(.sr-comments-shell) .premium-empty,
    body:has(.sr-comments-shell) .empty {
        margin: 0 !important;
        padding: 12px 9px !important;
        border: 1px dashed rgba(148,163,184,.20) !important;
        border-radius: 9px !important;
        color: #95a2b5 !important;
        background: rgba(2,8,18,.34) !important;
        font-size: 7.5px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }

    body:has(.sr-comments-shell)
    .premium-comment-list {
        display: grid !important;
        gap: 7px !important;
    }

    body:has(.sr-comments-shell)
    .premium-comment-card {
        overflow: hidden !important;
        border: 1px solid rgba(148,163,184,.13) !important;
        border-radius: 10px !important;
        background: rgba(2,8,18,.44) !important;
        box-shadow: none !important;
    }

    body:has(.sr-comments-shell)
    .premium-conversation-summary {
        min-height: 50px !important;
        padding: 8px !important;
        gap: 7px !important;
    }

    body:has(.sr-comments-shell) .thread-avatar {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
    }

    body:has(.sr-comments-shell)
    .conversation-summary-main {
        min-width: 0 !important;
    }

    body:has(.sr-comments-shell)
    .conversation-summary-main strong,
    body:has(.sr-comments-shell)
    .conversation-summary-main small {
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body:has(.sr-comments-shell)
    .conversation-summary-main strong {
        font-size: 9px !important;
    }

    body:has(.sr-comments-shell)
    .conversation-summary-main small {
        font-size: 6.5px !important;
    }

    body:has(.sr-comments-shell) .comment-status {
        margin: 0 !important;
        padding: 5px 6px !important;
        border-radius: 7px !important;
        font-size: 6px !important;
    }

    body:has(.sr-comments-shell)
    .premium-message-list {
        padding: 7px !important;
        display: grid !important;
        gap: 6px !important;
    }

    body:has(.sr-comments-shell) .premium-message {
        max-width: 92% !important;
        padding: 8px !important;
        border-radius: 9px !important;
        font-size: 8px !important;
        line-height: 1.45 !important;
    }

    body:has(.sr-comments-shell)
    .thread-message-head {
        margin-bottom: 4px !important;
        gap: 4px !important;
    }

    body:has(.sr-comments-shell)
    .thread-message-head strong,
    body:has(.sr-comments-shell)
    .thread-message-head span {
        font-size: 6.5px !important;
    }

    body:has(.sr-comments-shell)
    .premium-message-body {
        font-size: 8px !important;
        line-height: 1.45 !important;
    }

    body:has(.sr-comments-shell) .premium-reply-box {
        margin: 7px !important;
    }

    body:has(.sr-comments-shell)
    .premium-reply-box summary,
    body:has(.sr-comments-shell)
    .reply-toggle-label,
    body:has(.sr-comments-shell)
    .reply-toggle-btn {
        min-height: 29px !important;
        margin: 0 !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
        font-size: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-reply-form {
        margin-top: 6px !important;
    }

    body:has(.sr-comments-shell)
    .comment-reply-form textarea {
        min-height: 65px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        font-size: 8px !important;
    }

    body:has(.sr-comments-shell)
    .comment-reply-form button {
        width: 100% !important;
        min-height: 30px !important;
        margin-top: 5px !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
        font-size: 7px !important;
    }

    body:has(.sr-comments-shell).sr-comments-active
    .sr-ad-mobile-card {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}