/*
 * SunucuRadar Oy sekmesi profesyonel mobil görünümü.
 *
 * İşlevsel oy, ödül ve NuVotifier akışını değiştirmez.
 */

@media (max-width: 760px) {
    body:has(.vote-panel)
    .vote-panel {
        width: 100% !important;
        padding: 10px !important;
        overflow: hidden !important;
        border:
            1px solid rgba(74, 222, 128, .16) !important;
        border-radius: 14px !important;
        background:
            radial-gradient(
                circle at 0 0,
                rgba(34, 197, 94, .09),
                transparent 30%
            ),
            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(.vote-panel)
    .vote-panel > .sr-panel-head {
        margin: 0 0 8px !important;
        padding: 0 0 8px !important;
        border-bottom:
            1px solid rgba(148, 163, 184, .11) !important;
    }

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

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

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

    body:has(.vote-panel)
    .vote-panel > .success,
    body:has(.vote-panel)
    .vote-panel > .notice {
        margin: 0 0 7px !important;
        padding: 7px 8px !important;
        border-radius: 8px !important;
        font-size: 7.5px !important;
        line-height: 1.4 !important;
    }

    body:has(.vote-panel)
    .vote-stats-grid {
        display: grid !important;
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        margin: 0 0 7px !important;
    }

    body:has(.vote-panel)
    .vote-stat-card {
        min-width: 0 !important;
        min-height: 54px !important;
        padding: 7px !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, .07),
                transparent 45%
            ),
            rgba(2, 8, 18, .48) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .018)
            !important;
    }

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

    body:has(.vote-panel)
    .vote-stat-card strong {
        color: #86efac !important;
        font-size: 14px !important;
        line-height: 1 !important;
    }

    body:has(.vote-panel)
    .vote-panel-form {
        margin: 0 0 7px !important;
        padding: 8px !important;
        display: grid !important;
        gap: 5px !important;
        border:
            1px solid rgba(74, 222, 128, .16) !important;
        border-radius: 10px !important;
        background:
            linear-gradient(
                135deg,
                rgba(34, 197, 94, .07),
                rgba(2, 8, 18, .48)
            ) !important;
    }

    body:has(.vote-panel)
    .vote-player-label {
        margin: 0 !important;
        color: #d7e2f0 !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
    }

    body:has(.vote-panel)
    .vote-player-input {
        min-height: 34px !important;
        padding: 7px 9px !important;
        border-radius: 8px !important;
        font-size: 8.5px !important;
    }

    body:has(.vote-panel)
    .vote-panel-button {
        width: 100% !important;
        min-height: 32px !important;
        padding: 7px 8px !important;
        border-radius: 8px !important;
        font-size: 8px !important;
        line-height: 1.1 !important;
    }

    body:has(.vote-panel)
    .vote-panel > .actions {
        margin: 0 0 7px !important;
    }

    body:has(.vote-panel)
    .vote-panel > .actions .button {
        width: 100% !important;
        min-height: 32px !important;
        padding: 7px 9px !important;
        border-radius: 8px !important;
        font-size: 8px !important;
        text-align: center !important;
    }

    body:has(.vote-panel)
    .vote-note {
        position: relative !important;
        margin: 7px 0 0 !important;
        padding: 7px 8px 7px 29px !important;
        min-height: 31px !important;
        display: flex !important;
        align-items: center !important;
        border:
            1px solid rgba(96, 165, 250, .15) !important;
        border-radius: 8px !important;
        color: #9eabbd !important;
        background: rgba(2, 8, 18, .40) !important;
        font-size: 6.8px !important;
        line-height: 1.35 !important;
    }

    body:has(.vote-panel)
    .vote-note::before {
        content: "i" !important;
        position: absolute !important;
        left: 8px !important;
        top: 50% !important;
        width: 14px !important;
        height: 14px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        color: #052e16 !important;
        background: #86efac !important;
        font-size: 8px !important;
        font-weight: 1000 !important;
        transform: translateY(-50%) !important;
    }

    body:has(.vote-panel)
    .vote-owner-box {
        margin: 8px 0 0 !important;
        padding: 9px !important;
        overflow: hidden !important;
        border:
            1px solid rgba(96, 165, 250, .16) !important;
        border-radius: 11px !important;
        background:
            radial-gradient(
                circle at 0 0,
                rgba(59, 130, 246, .08),
                transparent 38%
            ),
            rgba(2, 8, 18, .46) !important;
    }

    body:has(.vote-panel)
    .vote-owner-box .section-kicker {
        margin: 0 0 3px !important;
        color: #86efac !important;
        font-size: 6.5px !important;
        font-weight: 900 !important;
        letter-spacing: .05em !important;
    }

    body:has(.vote-panel)
    .vote-owner-box > h3 {
        margin: 0 0 4px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    body:has(.vote-panel)
    .vote-owner-box > p {
        margin: 0 !important;
        color: #9daabd !important;
        font-size: 7px !important;
        line-height: 1.4 !important;
    }

    body:has(.vote-panel)
    .vote-owner-toggle {
        width: 100% !important;
        min-height: 31px !important;
        margin: 7px 0 0 !important;
        padding: 6px 8px !important;
        border:
            1px solid rgba(74, 222, 128, .18) !important;
        border-radius: 8px !important;
        color: #c8fbd8 !important;
        background: rgba(34, 197, 94, .09) !important;
        font-size: 7.5px !important;
        font-weight: 900 !important;
    }

    body:has(.vote-panel)
    .vote-owner-box:not(.is-open)
    .votifier-form,
    body:has(.vote-panel)
    .vote-owner-box:not(.is-open)
    .vote-api-help {
        display: none !important;
    }

    body:has(.vote-panel)
    .votifier-form {
        margin-top: 8px !important;
        display: grid !important;
        gap: 6px !important;
    }

    body:has(.vote-panel)
    .votifier-check {
        min-height: 30px !important;
        padding: 6px 7px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        border-radius: 8px !important;
        background: rgba(2, 8, 18, .45) !important;
        font-size: 7px !important;
    }

    body:has(.vote-panel)
    .votifier-check input {
        width: 14px !important;
        height: 14px !important;
        padding: 0 !important;
    }

    body:has(.vote-panel)
    .votifier-grid {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) 76px !important;
        gap: 5px !important;
    }

    body:has(.vote-panel)
    .votifier-form label {
        font-size: 7px !important;
    }

    body:has(.vote-panel)
    .votifier-form input {
        min-height: 32px !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
        font-size: 8px !important;
    }

    body:has(.vote-panel)
    .votifier-form textarea {
        min-height: 90px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        font-size: 7px !important;
        line-height: 1.35 !important;
    }

    body:has(.vote-panel)
    .votifier-form .button {
        width: 100% !important;
        min-height: 31px !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
        font-size: 7.5px !important;
    }

    body:has(.vote-panel)
    .vote-api-help {
        margin-top: 7px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        color: #9daabd !important;
        background: rgba(2, 8, 18, .45) !important;
        font-size: 6.5px !important;
        line-height: 1.45 !important;
    }

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

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

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

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

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

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

    body:has(.vote-panel)
    .detail-actions .js-media-video {
        grid-column: 1 / -1 !important;
    }

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

    body:has(.vote-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(.vote-panel)
    .sr-live-chat-button::before {
        width: 27px !important;
        height: 27px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
    }

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