/* Tahap 136K42 — Fix progress upload, dashboard progress kecil, dan dropdown filter yang ketimpa. */
html[data-theme] .elok-upload-progress-track {
    background: rgba(15, 23, 42, .82) !important;
    border: 1px solid rgba(125, 211, 252, .12) !important;
    box-shadow: inset 0 1px 2px rgba(2, 6, 23, .25) !important;
}

html[data-theme] .elok-upload-progress-fill {
    display: block !important;
    min-height: 100% !important;
    background: linear-gradient(90deg, #38bdf8 0%, #2563eb 70%, #1d4ed8 100%) !important;
    box-shadow: 0 0 18px rgba(37, 99, 235, .28) !important;
}

html[data-theme] .elok-upload-progress-fill[style*="width: 100"] {
    background: linear-gradient(90deg, #34d399 0%, #22c55e 55%, #16a34a 100%) !important;
    box-shadow: 0 0 18px rgba(34, 197, 94, .28) !important;
}

/* Panel filter tidak boleh memakai paint containment karena dropdown searchable select jadi terpotong. */
html[data-theme] .elok-filter-panel {
    contain: none !important;
    overflow: visible !important;
    isolation: isolate !important;
}

html[data-theme] .elok-filter-panel .elok-selectx {
    position: relative !important;
    z-index: 20 !important;
}

html[data-theme] .elok-filter-panel .elok-selectx[data-open="true"] {
    z-index: 3000 !important;
}

html[data-theme] .elok-filter-panel .elok-selectx-panel {
    z-index: 9999 !important;
    max-height: min(24rem, 70vh) !important;
    overflow: hidden !important;
}

html[data-theme] .elok-filter-panel .elok-selectx-list {
    max-height: min(18rem, 52vh) !important;
}

/* Progress yang nilainya kecil tetap terlihat tanpa mengubah angka hitungan. */
html[data-theme] .elok-progress-bar[style*="width: 1"],
html[data-theme] .elok-progress-bar[style*="width: 0."] {
    min-width: 2px !important;
}