/*
 * SunucuRadar İstatistikler sekmesi mobil tasarımı.
 *
 * Hesaplama ve canlı veri akışını değiştirmez.
 */

@media (max-width: 760px) {
    body:has(.sr-statistics-panel)
    .sr-statistics-panel {
        width: 100% !important;
        padding: 10px !important;
        overflow: hidden !important;
        border:
            1px solid rgba(74, 222, 128, .15) !important;
        border-radius: 14px !important;
        background:
            radial-gradient(
                circle at 0 0,
                rgba(34, 197, 94, .08),
                transparent 28%
            ),
            linear-gradient(
                155deg,
                rgba(9, 23, 41, .96),
                rgba(3, 10, 24, .97)
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .025),
            0 12px 30px rgba(0, 0, 0, .18)
            !important;
    }

    body:has(.sr-statistics-panel)
    .sr-statistics-panel > .sr-panel-head {
        margin: 0 0 7px !important;
        padding: 0 0 8px !important;
        border-bottom:
            1px solid rgba(148, 163, 184, .10) !important;
    }

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

    body:has(.sr-statistics-panel)
    .sr-statistics-panel > .sr-panel-head h2 {
        margin: 0 0 3px !important;
        font-size: 15px !important;
        line-height: 1.08 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-statistics-panel > .sr-panel-head p {
        margin: 0 !important;
        color: #9eabbd !important;
        font-size: 7.5px !important;
        line-height: 1.38 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-access {
        min-height: 48px !important;
        margin: 0 0 8px !important;
        padding: 8px 9px !important;
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        border:
            1px solid rgba(74, 222, 128, .18) !important;
        border-radius: 10px !important;
        background:
            linear-gradient(
                135deg,
                rgba(34, 197, 94, .08),
                rgba(2, 8, 18, .48)
            ) !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-access .sr-kicker {
        margin: 0 0 2px !important;
        font-size: 6.5px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-access h3 {
        margin: 0 0 2px !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-access p {
        margin: 0 !important;
        color: #a8b4c6 !important;
        font-size: 6.5px !important;
        line-height: 1.3 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-live-indicator {
        min-width: 48px !important;
        display: grid !important;
        grid-template-columns: 7px auto !important;
        justify-content: end !important;
        align-items: center !important;
        gap: 3px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-live-indicator > span {
        width: 7px !important;
        height: 7px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-live-indicator strong {
        font-size: 7px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-live-indicator small {
        grid-column: 1 / -1 !important;
        color: #8d9aae !important;
        font-size: 6px !important;
        text-align: right !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-section {
        margin: 0 0 9px !important;
        padding: 0 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-section-head {
        margin: 0 0 6px !important;
        display: flex !important;
        align-items: end !important;
        justify-content: space-between !important;
        gap: 7px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-section-head .sr-kicker {
        margin: 0 0 2px !important;
        font-size: 6.5px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-section-head h3 {
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.08 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-section-head > small {
        max-width: 43% !important;
        color: #7f8da1 !important;
        font-size: 5.8px !important;
        line-height: 1.2 !important;
        text-align: right !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-grid {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stat-card {
        min-width: 0 !important;
        min-height: 66px !important;
        margin: 0 !important;
        padding: 8px !important;
        display: grid !important;
        align-content: center !important;
        gap: 4px !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, .055),
                transparent 45%
            ),
            rgba(2, 8, 18, .45) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .018)
            !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-section:first-of-type
    .sr-stat-card:last-child {
        grid-column: 1 / -1 !important;
        min-height: 55px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stat-card-top {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stat-card-top > span {
        overflow: hidden !important;
        color: #8d9aad !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        line-height: 1.05 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stat-card > strong {
        overflow: hidden !important;
        color: #f2f7fd !important;
        font-size: 14px !important;
        line-height: 1.05 !important;
        letter-spacing: -.2px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stat-card > p {
        margin: 0 !important;
        overflow: hidden !important;
        color: #8f9caf !important;
        font-size: 6.3px !important;
        line-height: 1.25 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stat-bar {
        width: 100% !important;
        height: 4px !important;
        margin: 1px 0 !important;
        border-radius: 999px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-lock-badge {
        padding: 2px 4px !important;
        border-radius: 5px !important;
        font-size: 5px !important;
        line-height: 1 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stat-card.is-locked {
        opacity: .68 !important;
        filter: saturate(.72) !important;
    }

    body:has(.sr-statistics-panel)
    .sr-locked-panel {
        min-height: 54px !important;
        margin: 0 0 8px !important;
        padding: 8px !important;
        display: grid !important;
        grid-template-columns:
            27px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 7px !important;
        border-radius: 9px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-lock-icon {
        width: 27px !important;
        height: 27px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-locked-panel h3 {
        margin: 0 0 2px !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-locked-panel p,
    body:has(.sr-statistics-panel)
    .sr-locked-panel span {
        margin: 0 !important;
        display: block !important;
        color: #8e9bad !important;
        font-size: 6.3px !important;
        line-height: 1.3 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-activity {
        margin: 0 !important;
        padding: 9px !important;
        border:
            1px solid rgba(74, 222, 128, .16) !important;
        border-radius: 11px !important;
        background:
            radial-gradient(
                circle at 0 0,
                rgba(34, 197, 94, .09),
                transparent 34%
            ),
            rgba(4, 16, 29, .65) !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-head {
        margin: 0 0 7px !important;
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) 55px !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-head .sr-kicker {
        margin: 0 0 2px !important;
        font-size: 6.5px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-head h3 {
        margin: 0 0 3px !important;
        font-size: 13px !important;
        line-height: 1.1 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-head p {
        margin: 0 !important;
        color: #9aa7ba !important;
        font-size: 6.4px !important;
        line-height: 1.35 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-score {
        width: 55px !important;
        height: 55px !important;
        display: grid !important;
        place-items: center !important;
        align-content: center !important;
        border-radius: 50% !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-score strong {
        font-size: 14px !important;
        line-height: 1 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-score span {
        margin-top: 2px !important;
        font-size: 5.5px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-activity .sr-stats-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    body:has(.sr-statistics-panel)
    .sr-natural-activity
    .sr-stat-card:last-child {
        grid-column: 1 / -1 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-stats-warning {
        margin-top: 7px !important;
        padding: 7px 8px !important;
        border-radius: 8px !important;
        color: #9aa7b9 !important;
        font-size: 6.3px !important;
        line-height: 1.35 !important;
    }

    body:has(.sr-statistics-panel)
    .sr-sidebar > .sr-side-card:nth-child(2),
    body:has(.sr-statistics-panel)
    .sr-sidebar > .sr-vote-card,
    body:has(.sr-statistics-panel)
    .sr-sidebar > .sr-side-card:has(.sr-side-tags) {
        display: none !important;
    }

    body:has(.sr-statistics-panel)
    .sr-sidebar {
        margin-top: 7px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-sidebar > .sr-side-card:first-child {
        padding: 9px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-sidebar > .sr-side-card:first-child h3 {
        margin: 0 0 7px !important;
        font-size: 11px !important;
    }

    body:has(.sr-statistics-panel)
    .detail-actions {
        gap: 5px !important;
    }

    body:has(.sr-statistics-panel)
    .detail-actions .button {
        min-height: 31px !important;
        padding: 6px !important;
        font-size: 7.5px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-live-chat {
        right: 16px !important;
        bottom: 16px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-live-chat-button {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 14px !important;
    }

    body:has(.sr-statistics-panel)
    .sr-live-chat-button::before {
        width: 27px !important;
        height: 27px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
    }

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