/* Tahap 136K5 — Landing/List Pantau runtime fix. No build required. */

/* List Pantau: hilangkan efek kotak/mika besar di header filter dan running text. */
body.elok-landing-body .elok-list-pantau-section .elok-glass {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.elok-landing-body .elok-list-pantau-section .elok-list-monitor-header > .elok-glass,
body.elok-landing-body .elok-list-pantau-section form.elok-glass {
    padding-inline: 0 !important;
}

body.elok-landing-body .elok-list-update-card,
body.elok-landing-body .elok-list-security-note,
body.elok-landing-body .elok-list-running-meta {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.elok-landing-body .elok-list-update-card {
    border-color: transparent !important;
    padding-right: 0 !important;
}

body.elok-landing-body .elok-list-security-note {
    border-color: rgba(245, 158, 11, .18) !important;
}

body.elok-landing-body .elok-list-running-meta {
    border: 0 !important;
    border-radius: 0 !important;
    padding: .15rem 0 .35rem !important;
    color: #7dd3fc !important;
}

body.elok-landing-body .elok-list-running-meta span:first-child {
    color: #fbbf24 !important;
}

body.elok-landing-body .elok-list-pantau-window {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding-inline: 0 !important;
}

body.elok-landing-body .elok-list-pantau-window::before,
body.elok-landing-body .elok-list-pantau-window::after {
    display: none !important;
    content: none !important;
}

html[data-theme="light"] body.elok-landing-body .elok-list-pantau-section .elok-glass,
html[data-theme="light"] body.elok-landing-body .elok-list-update-card,
html[data-theme="light"] body.elok-landing-body .elok-list-running-meta,
html[data-theme="light"] body.elok-landing-body .elok-list-pantau-window {
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] body.elok-landing-body .elok-list-running-meta {
    color: #0369a1 !important;
}

html[data-theme="light"] body.elok-landing-body .elok-list-running-meta span:first-child {
    color: #b45309 !important;
}

html[data-theme="light"] body.elok-landing-body .elok-list-pantau-item {
    background: rgba(255, 255, 255, .74) !important;
    border-color: rgba(14, 165, 233, .18) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055) !important;
}

/* Landing running text: kurangi background kotak pada preview progress. */
body.elok-landing-body .elok-running-window {
    background: rgba(2, 6, 23, .18) !important;
    box-shadow: none !important;
}

html[data-theme="light"] body.elok-landing-body .elok-running-window {
    background: rgba(255, 255, 255, .38) !important;
    box-shadow: none !important;
}

html[data-theme="light"] body.elok-landing-body .elok-running-window::before {
    background: linear-gradient(180deg, rgba(248, 250, 252, .72), transparent) !important;
}

html[data-theme="light"] body.elok-landing-body .elok-running-window::after {
    background: linear-gradient(0deg, rgba(248, 250, 252, .72), transparent) !important;
}

/* Modal landing harus berada di viewport, bukan ikut container landing. */
html.elok-landing-modal-lock,
body.elok-landing-modal-lock {
    overflow: hidden !important;
}

body > [data-progress-list-modal],
body > [data-progress-modal] {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: none !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
}

body > [data-progress-list-modal].hidden,
body > [data-progress-modal].hidden:not(.is-open) {
    display: none !important;
}

body > [data-progress-list-modal].elok-modal-open,
body > [data-progress-modal].is-open {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body > [data-progress-list-modal] > .relative,
body > [data-progress-modal] > .relative {
    max-width: min(72rem, calc(100vw - 2rem)) !important;
    max-height: calc(100dvh - 2rem) !important;
    overflow: hidden !important;
}

body > [data-progress-list-modal] [data-progress-list-item],
body.elok-landing-body [data-progress-open],
body.elok-landing-body [data-progress-list-open] {
    cursor: pointer !important;
}

@media (max-width: 640px) {
    body.elok-landing-body .elok-list-pantau-section .elok-list-monitor-header > .elok-glass,
    body.elok-landing-body .elok-list-pantau-section form.elok-glass {
        padding-inline: 0 !important;
    }

    body.elok-landing-body .elok-list-update-card {
        padding-left: 0 !important;
    }

    body > [data-progress-list-modal],
    body > [data-progress-modal] {
        padding: .75rem !important;
    }

    body > [data-progress-list-modal] > .relative,
    body > [data-progress-modal] > .relative {
        max-width: calc(100vw - 1.5rem) !important;
        max-height: calc(100dvh - 1.5rem) !important;
        border-radius: 1.35rem !important;
    }
}


/* Tahap 136K5 — jika data running text hanya sedikit, jangan duplikasi baris dan jangan jalankan marquee. */
body.elok-landing-body .elok-running-track.elok-running-track-static {
    animation: none !important;
    transform: none !important;
}

body.elok-landing-body .elok-running-track.elok-running-track-static .elok-running-item {
    opacity: 1 !important;
    transform: none !important;
}

body.elok-landing-body [data-progress-list-open] .elok-action-icon {
    display: none !important;
}