/* =========================================================
   GLOBAL DARK MODE - moon + stars background
   ========================================================= */
.rz-theme-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 42px;
    height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(91,108,255,.18);
    background: #fff;
    color: #4f46e5;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(21,31,58,.06);
    cursor: pointer;
    transition: .22s ease;
}

.rz-theme-switch:hover {
    transform: translateY(-1px);
    background: #f5f7ff;
}

.rz-theme-switch i,
.rz-theme-switch svg {
    width: 17px;
    height: 17px;
}

.rz-theme-switch-text {
    font-size: .82rem;
}

.rz-night-bg {
    position: fixed;
    inset: 0;
    z-index: -2;
    display: none;
    overflow: hidden;
    pointer-events: none;
    background:
        radial-gradient(circle at 78% 13%, rgba(255,230,158,.18), transparent 18%),
        radial-gradient(circle at 15% 18%, rgba(99,102,241,.20), transparent 22%),
        radial-gradient(circle at 85% 86%, rgba(14,165,233,.13), transparent 24%),
        linear-gradient(180deg,#07111f 0%, #0b1224 48%, #111827 100%);
}

.rz-night-bg .rz-moon-glow {
    position: absolute;
    top: 72px;
    right: 9vw;
    width: 190px;
    height: 190px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,244,201,.34), rgba(255,244,201,0) 68%);
    filter: blur(3px);
    animation: rzMoonGlow 5.4s ease-in-out infinite;
}

.rz-night-bg .rz-moon {
    position: absolute;
    top: 104px;
    right: calc(9vw + 46px);
    width: 86px;
    height: 86px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 28%, #fffdf2 0%, #fff2bc 46%, #ffd978 100%);
    box-shadow:
        0 0 24px rgba(255,233,162,.45),
        0 0 60px rgba(255,233,162,.18);
    animation: rzMoonFloat 6s ease-in-out infinite;
}

.rz-night-bg .rz-moon::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 18px;
    width: 13px;
    height: 13px;
    border-radius: 99px;
    background: rgba(229,190,87,.20);
    box-shadow:
        23px 18px 0 3px rgba(229,190,87,.16),
        35px 8px 0 0 rgba(229,190,87,.14),
        13px 42px 0 1px rgba(229,190,87,.12);
}

.rz-stars span {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 0 10px rgba(255,255,255,.7);
    animation: rzStarTwinkle 2.7s ease-in-out infinite;
}

.rz-stars span:nth-child(1){top:8%;left:7%;animation-delay:.1s}
.rz-stars span:nth-child(2){top:14%;left:22%;animation-delay:.8s}
.rz-stars span:nth-child(3){top:9%;left:40%;animation-delay:1.4s}
.rz-stars span:nth-child(4){top:23%;left:55%;animation-delay:.4s}
.rz-stars span:nth-child(5){top:18%;left:72%;animation-delay:1.1s}
.rz-stars span:nth-child(6){top:35%;left:9%;animation-delay:1.7s}
.rz-stars span:nth-child(7){top:44%;left:26%;animation-delay:.5s}
.rz-stars span:nth-child(8){top:31%;left:46%;animation-delay:2s}
.rz-stars span:nth-child(9){top:54%;left:70%;animation-delay:.9s}
.rz-stars span:nth-child(10){top:63%;left:88%;animation-delay:1.6s}
.rz-stars span:nth-child(11){top:78%;left:12%;animation-delay:2.2s}
.rz-stars span:nth-child(12){top:84%;left:38%;animation-delay:.65s}
.rz-stars span:nth-child(13){top:76%;left:60%;animation-delay:1.25s}
.rz-stars span:nth-child(14){top:88%;left:82%;animation-delay:.25s}
.rz-stars span:nth-child(15){top:47%;left:91%;animation-delay:1.95s}
.rz-stars span:nth-child(16){top:12%;left:91%;animation-delay:2.4s}

.rz-shooting-star {
    position: absolute;
    top: 18%;
    left: -120px;
    width: 120px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.88), transparent);
    transform: rotate(-18deg);
    animation: rzShootingStar 7s ease-in-out infinite;
    opacity: .75;
}

html.rz-dark-mode,
html.rz-dark-mode body {
    background: #07111f !important;
    color: #eef4ff !important;
}

html.rz-dark-mode .rz-night-bg {
    display: block;
}

html.rz-dark-mode body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: rgba(7,17,31,.22);
}

html.rz-dark-mode .rz-public-body,
html.rz-dark-mode .rz-admin-body {
    background: transparent !important;
    color: #eef4ff !important;
}

html.rz-dark-mode .rz-page-glow,
html.rz-dark-mode .rz-soft-noise {
    opacity: .12 !important;
}

/* Text */
html.rz-dark-mode .text-muted,
html.rz-dark-mode .rz-muted,
html.rz-dark-mode small,
html.rz-dark-mode .rz-hero-text {
    color: #b8c4d8 !important;
}

html.rz-dark-mode h1,
html.rz-dark-mode h2,
html.rz-dark-mode h3,
html.rz-dark-mode h4,
html.rz-dark-mode h5,
html.rz-dark-mode h6,
html.rz-dark-mode .fw-black,
html.rz-dark-mode .rz-footer-brand,
html.rz-dark-mode .rz-brand,
html.rz-dark-mode .rz-admin-brand-text b {
    color: #f8fbff !important;
}

html.rz-dark-mode .rz-gradient-text {
    background: linear-gradient(135deg,#ffffff 5%,#c7d2fe 52%,#ffd978 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

/* Main surfaces */
html.rz-dark-mode .rz-navbar,
html.rz-dark-mode .rz-admin-topbar,
html.rz-dark-mode .rz-admin-sidebar,
html.rz-dark-mode .rz-footer,
html.rz-dark-mode .rz-card,
html.rz-dark-mode .rz-request-box,
html.rz-dark-mode .rz-sidebar,
html.rz-dark-mode .rz-content-box,
html.rz-dark-mode .rz-admin-panel,
html.rz-dark-mode .rz-admin-stat,
html.rz-dark-mode .rz-login-card,
html.rz-dark-mode .rz-showcase-card,
html.rz-dark-mode .rz-why-box,
html.rz-dark-mode .rz-why-item,
html.rz-dark-mode .rz-dashboard-chip,
html.rz-dark-mode .rz-request-row,
html.rz-dark-mode .rz-status-item,
html.rz-dark-mode .rz-admin-table-wrap,
html.rz-dark-mode .rz-dashboard-table-wrap,
html.rz-dark-mode .modal-content,
html.rz-dark-mode .rz-modal-content {
    background: rgba(12,22,42,.88) !important;
    border-color: rgba(255,255,255,.11) !important;
    color: #eef4ff !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(10px);
}

html.rz-dark-mode .rz-admin-sidebar {
    background: rgba(8,15,30,.94) !important;
}

html.rz-dark-mode .rz-hero,
html.rz-dark-mode .rz-page-head,
html.rz-dark-mode .rz-admin-hero,
html.rz-dark-mode .rz-dashboard-hero {
    background:
        radial-gradient(circle at 20% 8%, rgba(99,102,241,.20), transparent 32%),
        radial-gradient(circle at 83% 20%, rgba(255,217,120,.13), transparent 25%),
        rgba(12,22,42,.86) !important;
    border-color: rgba(255,255,255,.11) !important;
}

/* Navbar/menu */
html.rz-dark-mode .nav-link,
html.rz-dark-mode .rz-admin-menu a,
html.rz-dark-mode .rz-footer-links a {
    color: #cbd5e1 !important;
}

html.rz-dark-mode .nav-link:hover,
html.rz-dark-mode .rz-admin-menu a:hover,
html.rz-dark-mode .rz-admin-menu a.active,
html.rz-dark-mode .rz-footer-links a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;
}

html.rz-dark-mode .rz-brand-mark,
html.rz-dark-mode .rz-admin-logo,
html.rz-dark-mode .rz-dashboard-chip-icon {
    background: rgba(255,255,255,.08) !important;
    color: #ffd978 !important;
    border-color: rgba(255,255,255,.12) !important;
}

/* Buttons */
html.rz-dark-mode .btn-rz {
    background: linear-gradient(135deg,#7c8cff,#a78bfa) !important;
    box-shadow: 0 12px 28px rgba(124,140,255,.25) !important;
}

html.rz-dark-mode .btn-soft-rz,
html.rz-dark-mode .btn-outline-rz,
html.rz-dark-mode .rz-nav-pill,
html.rz-dark-mode .rz-theme-switch {
    background: rgba(255,255,255,.08) !important;
    color: #e0e7ff !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: none !important;
}

html.rz-dark-mode .btn-soft-rz:hover,
html.rz-dark-mode .btn-outline-rz:hover,
html.rz-dark-mode .rz-nav-pill:hover,
html.rz-dark-mode .rz-theme-switch:hover {
    background: rgba(255,255,255,.13) !important;
    color: #ffffff !important;
}

/* Forms */
html.rz-dark-mode .form-control,
html.rz-dark-mode .form-select,
html.rz-dark-mode .rz-input,
html.rz-dark-mode .rz-input-lite {
    background: rgba(255,255,255,.07) !important;
    color: #f8fbff !important;
    border-color: rgba(255,255,255,.13) !important;
}

html.rz-dark-mode .form-control::placeholder,
html.rz-dark-mode .rz-input::placeholder,
html.rz-dark-mode .rz-input-lite::placeholder {
    color: #94a3b8 !important;
}

html.rz-dark-mode .form-control:focus,
html.rz-dark-mode .form-select:focus,
html.rz-dark-mode .rz-input:focus,
html.rz-dark-mode .rz-input-lite:focus {
    border-color: rgba(199,210,254,.75) !important;
    box-shadow: 0 0 0 .22rem rgba(199,210,254,.12) !important;
}

/* Tables */
html.rz-dark-mode .table,
html.rz-dark-mode .rz-admin-table,
html.rz-dark-mode .rz-dashboard-table {
    color: #eef4ff !important;
}

html.rz-dark-mode .rz-admin-table thead th,
html.rz-dark-mode .rz-dashboard-table thead th {
    background: rgba(255,255,255,.06) !important;
    color: #cbd5e1 !important;
    border-color: rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .rz-admin-table tbody td,
html.rz-dark-mode .rz-dashboard-table tbody td {
    border-color: rgba(255,255,255,.08) !important;
}

html.rz-dark-mode .rz-admin-table tbody tr:hover,
html.rz-dark-mode .rz-dashboard-table tbody tr:hover {
    background: rgba(255,255,255,.05) !important;
}

/* Pills/status */
html.rz-dark-mode .rz-badge,
html.rz-dark-mode .rz-pill,
html.rz-dark-mode .rz-admin-eyebrow,
html.rz-dark-mode .rz-section-kicker,
html.rz-dark-mode .rz-category-pill,
html.rz-dark-mode .rz-chip-wrap span,
html.rz-dark-mode .rz-status,
html.rz-dark-mode .rz-soft-pill,
html.rz-dark-mode .rz-request-status {
    background: rgba(255,255,255,.08) !important;
    color: #e0e7ff !important;
    border-color: rgba(255,255,255,.13) !important;
}

html.rz-dark-mode .rz-status.published,
html.rz-dark-mode .rz-request-status.reviewed,
html.rz-dark-mode .rz-request-status.done {
    background: rgba(34,197,94,.14) !important;
    color: #bbf7d0 !important;
    border-color: rgba(34,197,94,.24) !important;
}

html.rz-dark-mode .rz-status.draft,
html.rz-dark-mode .rz-request-status.waiting_list,
html.rz-dark-mode .rz-request-status.new {
    background: rgba(99,102,241,.16) !important;
    color: #c7d2fe !important;
    border-color: rgba(99,102,241,.26) !important;
}

html.rz-dark-mode .rz-request-status.rejected {
    background: rgba(239,68,68,.14) !important;
    color: #fecaca !important;
    border-color: rgba(239,68,68,.24) !important;
}

/* Misc */
html.rz-dark-mode .alert {
    background: rgba(255,255,255,.08) !important;
    color: #eef4ff !important;
    border-color: rgba(255,255,255,.13) !important;
}

html.rz-dark-mode .rz-thumb,
html.rz-dark-mode .rz-thumb-empty {
    background: rgba(255,255,255,.06) !important;
}

html.rz-dark-mode .rz-card-topline {
    background: linear-gradient(90deg,#ffd978,#a5b4fc,#7dd3fc,#bbf7d0) !important;
}

html.rz-dark-mode .rz-public-toast,
html.rz-dark-mode .rz-toast {
    background: rgba(12,22,42,.95) !important;
    color: #eef4ff !important;
    border-color: rgba(255,255,255,.12) !important;
}

@keyframes rzMoonFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes rzMoonGlow {
    0%,100% { opacity: .70; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.08); }
}

@keyframes rzStarTwinkle {
    0%,100% { opacity: .28; transform: scale(.72); }
    50% { opacity: 1; transform: scale(1.18); }
}

@keyframes rzShootingStar {
    0%, 78% { transform: translateX(0) translateY(0) rotate(-18deg); opacity: 0; }
    82% { opacity: .8; }
    100% { transform: translateX(120vw) translateY(260px) rotate(-18deg); opacity: 0; }
}

@media (max-width: 575px) {
    .rz-theme-switch-text {
        display: none;
    }

    .rz-theme-switch {
        width: 38px;
        padding: 0;
    }

    .rz-night-bg .rz-moon-glow {
        top: 58px;
        right: -18px;
        width: 150px;
        height: 150px;
    }

    .rz-night-bg .rz-moon {
        top: 88px;
        right: 22px;
        width: 62px;
        height: 62px;
    }
}


/* =========================================================
   PATCH - CONTENT MANAGER / KATEGORI DARK MODE FIX
   ========================================================= */
html.rz-dark-mode .rz-admin-tabs,
html.rz-dark-mode .rz-category-strip,
html.rz-dark-mode .rz-content-manager,
html.rz-dark-mode .rz-content-list {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-admin-tabs .nav-link,
html.rz-dark-mode .rz-category-strip a {
    background: #121d2f !important;
    color: #c7d2e7 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-admin-tabs .nav-link:hover,
html.rz-dark-mode .rz-category-strip a:hover {
    background: #162339 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.16) !important;
}

html.rz-dark-mode .rz-admin-tabs .nav-link.active,
html.rz-dark-mode .rz-category-strip a.active {
    background: linear-gradient(135deg, #5567ff, #8b5cf6) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 12px 28px rgba(85,103,255,.22) !important;
}

html.rz-dark-mode .rz-tab-count {
    background: rgba(255,255,255,.10) !important;
    color: #e0e7ff !important;
}

html.rz-dark-mode .rz-admin-tabs .nav-link.active .rz-tab-count {
    background: rgba(255,255,255,.18) !important;
    color: #ffffff !important;
}

html.rz-dark-mode .rz-admin-tabs .nav-link svg,
html.rz-dark-mode .rz-category-strip a svg {
    color: #aebdff !important;
}

html.rz-dark-mode .rz-content-section-head,
html.rz-dark-mode .rz-content-head {
    background:
        radial-gradient(circle at 86% 20%, rgba(255,217,120,.08), transparent 16%),
        #0d1728 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}

html.rz-dark-mode .rz-content-section-head h5,
html.rz-dark-mode .rz-content-head h1,
html.rz-dark-mode .rz-content-head h2,
html.rz-dark-mode .rz-content-head h3,
html.rz-dark-mode .rz-content-head h4,
html.rz-dark-mode .rz-content-head h5,
html.rz-dark-mode .rz-content-head h6 {
    color: #f8fbff !important;
}

html.rz-dark-mode .rz-content-section-head p,
html.rz-dark-mode .rz-content-head p {
    color: #9fb0c8 !important;
}

html.rz-dark-mode .rz-content-search-mini .form-control,
html.rz-dark-mode .rz-content-head .form-control,
html.rz-dark-mode .rz-content-head .form-select,
html.rz-dark-mode .rz-content-manager .form-control,
html.rz-dark-mode .rz-content-manager .form-select {
    background: #111c2d !important;
    color: #f8fbff !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-content-search-mini svg {
    color: #8fa1bd !important;
}

html.rz-dark-mode .rz-content-row,
html.rz-dark-mode .rz-user-row-min {
    background: #0f192b !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
}

html.rz-dark-mode .rz-content-row:hover,
html.rz-dark-mode .rz-user-row-min:hover {
    border-color: rgba(255,255,255,.16) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.22) !important;
}

html.rz-dark-mode .rz-content-icon,
html.rz-dark-mode .rz-user-avatar-min {
    background: #172437 !important;
    color: #a5b4fc !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-content-row h6,
html.rz-dark-mode .rz-user-row-min h5 {
    color: #f8fbff !important;
}

html.rz-dark-mode .rz-content-row p,
html.rz-dark-mode .rz-content-meta,
html.rz-dark-mode .rz-content-meta span,
html.rz-dark-mode .rz-user-row-min p,
html.rz-dark-mode .rz-user-row-min small {
    color: #9fb0c8 !important;
}

html.rz-dark-mode .rz-content-meta span {
    background: #121f31 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .rz-content-row-side .btn,
html.rz-dark-mode .rz-content-head-actions .btn,
html.rz-dark-mode .rz-user-card-right .btn,
html.rz-dark-mode .rz-user-card-right .form-select {
    background: #152133 !important;
    color: #e3ebff !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-content-row-side .btn:hover,
html.rz-dark-mode .rz-content-head-actions .btn:hover,
html.rz-dark-mode .rz-user-card-right .btn:hover {
    background: #1a2940 !important;
    color: #ffffff !important;
}

html.rz-dark-mode .rz-content-row-side .text-danger,
html.rz-dark-mode .rz-content-row-side .btn-outline-danger,
html.rz-dark-mode .rz-user-card-right .text-danger,
html.rz-dark-mode .rz-user-card-right .btn-outline-danger {
    color: #fda4af !important;
    border-color: rgba(253,164,175,.24) !important;
}

html.rz-dark-mode .rz-content-note {
    background: rgba(250,204,21,.10) !important;
    color: #fde68a !important;
    border: 1px solid rgba(250,204,21,.18) !important;
}

html.rz-dark-mode .rz-content-empty,
html.rz-dark-mode .rz-content-empty-filter {
    background: #101a2b !important;
    color: #9fb0c8 !important;
    border: 1px dashed rgba(255,255,255,.12) !important;
}

html.rz-dark-mode .rz-content-empty svg,
html.rz-dark-mode .rz-content-empty-filter svg {
    color: #a5b4fc !important;
}

html.rz-dark-mode .rz-content-modal .modal-content,
html.rz-dark-mode .rz-content-modal .modal-header,
html.rz-dark-mode .rz-content-modal .modal-footer {
    background: #0d1728 !important;
    border-color: rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .rz-content-modal .modal-title,
html.rz-dark-mode .rz-content-modal label {
    color: #f8fbff !important;
}

html.rz-dark-mode .rz-content-modal .rz-input,
html.rz-dark-mode .rz-content-modal textarea.rz-input {
    background: #111c2d !important;
    color: #f8fbff !important;
    border-color: rgba(255,255,255,.12) !important;
}

html.rz-dark-mode .rz-status.active,
html.rz-dark-mode .rz-request-status.active,
html.rz-dark-mode .rz-status.soft {
    background: rgba(34,197,94,.14) !important;
    color: #86efac !important;
    border-color: rgba(34,197,94,.24) !important;
}


/* =========================================================
   FINAL DARK MODE OVERRIDE - REVIEWAZZA
   basis dari file CSS user upload
   ========================================================= */

/* Global solid dark surfaces */
html.rz-dark-mode .rz-admin-main,
html.rz-dark-mode .rz-admin-content,
html.rz-dark-mode .rz-public-body,
html.rz-dark-mode .rz-admin-body {
    background: transparent !important;
    color: #eef4ff !important;
}

html.rz-dark-mode .rz-navbar,
html.rz-dark-mode .rz-admin-topbar,
html.rz-dark-mode .rz-admin-sidebar,
html.rz-dark-mode .rz-footer,
html.rz-dark-mode .rz-card,
html.rz-dark-mode .rz-request-box,
html.rz-dark-mode .rz-sidebar,
html.rz-dark-mode .rz-content-box,
html.rz-dark-mode .rz-admin-panel,
html.rz-dark-mode .rz-admin-stat,
html.rz-dark-mode .rz-login-card,
html.rz-dark-mode .rz-showcase-card,
html.rz-dark-mode .rz-why-box,
html.rz-dark-mode .rz-why-item,
html.rz-dark-mode .rz-dashboard-chip,
html.rz-dark-mode .rz-request-row,
html.rz-dark-mode .rz-status-item,
html.rz-dark-mode .rz-admin-table-wrap,
html.rz-dark-mode .rz-dashboard-table-wrap,
html.rz-dark-mode .rz-content-manager,
html.rz-dark-mode .rz-content-row,
html.rz-dark-mode .rz-content-head,
html.rz-dark-mode .rz-review-form-section,
html.rz-dark-mode .rz-review-block,
html.rz-dark-mode .rz-score-average-card,
html.rz-dark-mode .rz-score-slider-card,
html.rz-dark-mode .rz-form-panel,
html.rz-dark-mode .rz-settings-panel,
html.rz-dark-mode .rz-settings-content,
html.rz-dark-mode .modal-content,
html.rz-dark-mode .rz-modal-content,
html.rz-dark-mode .rz-page-head,
html.rz-dark-mode .rz-admin-hero,
html.rz-dark-mode .rz-dashboard-hero,
html.rz-dark-mode .rz-hero {
    background: #0d1728 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #eef4ff !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
    backdrop-filter: none !important;
}

html.rz-dark-mode .rz-navbar,
html.rz-dark-mode .rz-admin-topbar {
    background: #0b1525 !important;
}

html.rz-dark-mode .rz-admin-sidebar {
    background: #08111f !important;
}

html.rz-dark-mode h1,
html.rz-dark-mode h2,
html.rz-dark-mode h3,
html.rz-dark-mode h4,
html.rz-dark-mode h5,
html.rz-dark-mode h6,
html.rz-dark-mode b,
html.rz-dark-mode strong,
html.rz-dark-mode .fw-bold,
html.rz-dark-mode .fw-black,
html.rz-dark-mode .rz-card-title,
html.rz-dark-mode .rz-page-title,
html.rz-dark-mode .rz-content-row-title,
html.rz-dark-mode .rz-request-title,
html.rz-dark-mode .rz-review-title,
html.rz-dark-mode .rz-score-title,
html.rz-dark-mode .rz-data-title,
html.rz-dark-mode .rz-footer-brand,
html.rz-dark-mode .rz-brand,
html.rz-dark-mode .rz-admin-brand-text b {
    color: #f8fbff !important;
}

html.rz-dark-mode p,
html.rz-dark-mode span,
html.rz-dark-mode small,
html.rz-dark-mode em,
html.rz-dark-mode td,
html.rz-dark-mode th,
html.rz-dark-mode label,
html.rz-dark-mode .text-muted,
html.rz-dark-mode .rz-muted,
html.rz-dark-mode .rz-hero-text,
html.rz-dark-mode .rz-card p,
html.rz-dark-mode .rz-admin-panel p,
html.rz-dark-mode .rz-content-row p,
html.rz-dark-mode .rz-request-row p,
html.rz-dark-mode .rz-score-slider-card p,
html.rz-dark-mode .rz-user-meta,
html.rz-dark-mode .rz-menu-label {
    color: #b8c6db !important;
}

/* Buttons */
html.rz-dark-mode .btn-soft-rz,
html.rz-dark-mode .btn-outline-rz,
html.rz-dark-mode .rz-nav-pill,
html.rz-dark-mode .rz-theme-switch,
html.rz-dark-mode .btn-light,
html.rz-dark-mode .rz-cta-ghost,
html.rz-dark-mode .rz-password-toggle,
html.rz-dark-mode .btn {
    background: #152133 !important;
    color: #e3ebff !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: none !important;
}

html.rz-dark-mode .btn-rz {
    background: linear-gradient(135deg,#7c8cff,#a78bfa) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(124,140,255,.25) !important;
}

html.rz-dark-mode .btn:hover,
html.rz-dark-mode .btn-soft-rz:hover,
html.rz-dark-mode .btn-outline-rz:hover,
html.rz-dark-mode .rz-nav-pill:hover,
html.rz-dark-mode .rz-theme-switch:hover,
html.rz-dark-mode .btn-light:hover,
html.rz-dark-mode .rz-cta-ghost:hover {
    background: #1a2940 !important;
    color: #ffffff !important;
}

html.rz-dark-mode .text-danger,
html.rz-dark-mode .btn-outline-danger {
    color: #fda4af !important;
    border-color: rgba(253,164,175,.24) !important;
}

/* Forms */
html.rz-dark-mode .form-control,
html.rz-dark-mode .form-select,
html.rz-dark-mode .rz-input,
html.rz-dark-mode .rz-input-lite,
html.rz-dark-mode textarea,
html.rz-dark-mode input,
html.rz-dark-mode select,
html.rz-dark-mode .rz-search-field,
html.rz-dark-mode .rz-content-search-mini,
html.rz-dark-mode .rz-content-search-mini input {
    background: #111c2d !important;
    color: #f8fbff !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow: none !important;
}

html.rz-dark-mode .form-control::placeholder,
html.rz-dark-mode .rz-input::placeholder,
html.rz-dark-mode .rz-input-lite::placeholder,
html.rz-dark-mode textarea::placeholder,
html.rz-dark-mode input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

html.rz-dark-mode option {
    background: #0b1224 !important;
    color: #f8fbff !important;
}

/* Tables */
html.rz-dark-mode .table,
html.rz-dark-mode .rz-admin-table,
html.rz-dark-mode .rz-dashboard-table {
    color: #eef4ff !important;
    --bs-table-bg: transparent !important;
    --bs-table-color: #eef4ff !important;
    --bs-table-border-color: rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .rz-admin-table thead th,
html.rz-dark-mode .rz-dashboard-table thead th,
html.rz-dark-mode table thead th {
    background: #121f31 !important;
    color: #dbe4ff !important;
    border-color: rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .rz-admin-table tbody td,
html.rz-dark-mode .rz-dashboard-table tbody td,
html.rz-dark-mode table tbody td {
    color: #ecf3ff !important;
    border-color: rgba(255,255,255,.08) !important;
}

html.rz-dark-mode .rz-admin-table tbody tr:hover,
html.rz-dark-mode .rz-dashboard-table tbody tr:hover,
html.rz-dark-mode table tbody tr:hover {
    background: rgba(255,255,255,.04) !important;
}

/* Pills / status */
html.rz-dark-mode .rz-badge,
html.rz-dark-mode .rz-pill,
html.rz-dark-mode .rz-admin-eyebrow,
html.rz-dark-mode .rz-section-kicker,
html.rz-dark-mode .rz-category-pill,
html.rz-dark-mode .rz-chip-wrap span,
html.rz-dark-mode .rz-status,
html.rz-dark-mode .rz-soft-pill,
html.rz-dark-mode .rz-request-status,
html.rz-dark-mode .rz-tab-count,
html.rz-dark-mode .rz-mini-badge {
    background: #152133 !important;
    color: #dfe8ff !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-status.published,
html.rz-dark-mode .rz-request-status.reviewed,
html.rz-dark-mode .rz-request-status.done,
html.rz-dark-mode .rz-status.active {
    background: rgba(34,197,94,.14) !important;
    color: #bbf7d0 !important;
    border-color: rgba(34,197,94,.24) !important;
}

html.rz-dark-mode .rz-status.draft,
html.rz-dark-mode .rz-request-status.waiting_list,
html.rz-dark-mode .rz-request-status.new {
    background: rgba(99,102,241,.16) !important;
    color: #c7d2fe !important;
    border-color: rgba(99,102,241,.26) !important;
}

html.rz-dark-mode .rz-request-status.checking {
    background: rgba(59,130,246,.12) !important;
    color: #93c5fd !important;
    border-color: rgba(59,130,246,.22) !important;
}

html.rz-dark-mode .rz-request-status.processing {
    background: rgba(251,191,36,.12) !important;
    color: #fcd34d !important;
    border-color: rgba(251,191,36,.22) !important;
}

html.rz-dark-mode .rz-request-status.rejected,
html.rz-dark-mode .rz-status.rejected {
    background: rgba(239,68,68,.14) !important;
    color: #fecaca !important;
    border-color: rgba(239,68,68,.24) !important;
}

/* Pengajuan review page */
html.rz-dark-mode .rz-request-hero-slim,
html.rz-dark-mode .rz-request-hero-admin {
    background:
        radial-gradient(circle at 85% 18%, rgba(255,217,120,.10), transparent 18%),
        radial-gradient(circle at 18% 10%, rgba(99,102,241,.12), transparent 22%),
        #0d1728 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .rz-request-mini-stats,
html.rz-dark-mode .rz-request-filter-bar,
html.rz-dark-mode .rz-request-list-min,
html.rz-dark-mode .rz-request-panel-min {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-request-chip,
html.rz-dark-mode .rz-request-mini-stats > * {
    background: #121d2f !important;
    color: #dbe4ff !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
}

html.rz-dark-mode .rz-request-chip span { color: #9fb0c8 !important; }
html.rz-dark-mode .rz-request-chip b { color: #f8fbff !important; }
html.rz-dark-mode .rz-request-chip i { color: #c7d2fe !important; }

html.rz-dark-mode .rz-request-card-min,
html.rz-dark-mode .rz-request-list-min > * {
    background: #0f192b !important;
    color: #ecf3ff !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
}

html.rz-dark-mode .rz-request-avatar-min {
    background: #172437 !important;
    color: #a5b4fc !important;
}

html.rz-dark-mode .rz-request-card-min h1,
html.rz-dark-mode .rz-request-card-min h2,
html.rz-dark-mode .rz-request-card-min h3,
html.rz-dark-mode .rz-request-card-min h4,
html.rz-dark-mode .rz-request-card-min h5,
html.rz-dark-mode .rz-request-card-min h6,
html.rz-dark-mode .rz-request-title,
html.rz-dark-mode .rz-request-link-min,
html.rz-dark-mode .rz-request-link-min:hover {
    color: #f8fbff !important;
}

html.rz-dark-mode .rz-request-card-min p,
html.rz-dark-mode .rz-request-card-min span,
html.rz-dark-mode .rz-request-card-min small,
html.rz-dark-mode .rz-request-meta-min,
html.rz-dark-mode .rz-request-note-min { color: #9fb0c8 !important; }

html.rz-dark-mode .rz-request-note-min {
    background: #121f31 !important;
    border: 1px dashed rgba(255,255,255,.12) !important;
}

/* Content manager: kategori / badge / template */
html.rz-dark-mode .rz-admin-tabs,
html.rz-dark-mode .rz-category-strip,
html.rz-dark-mode .rz-content-list {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-admin-tabs .nav-link,
html.rz-dark-mode .rz-category-strip a {
    background: #121d2f !important;
    color: #c7d2e7 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .rz-admin-tabs .nav-link.active,
html.rz-dark-mode .rz-category-strip a.active {
    background: linear-gradient(135deg, #5567ff, #8b5cf6) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

html.rz-dark-mode .rz-content-section-head,
html.rz-dark-mode .rz-content-head {
    background: radial-gradient(circle at 86% 20%, rgba(255,217,120,.08), transparent 16%), #0d1728 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .rz-content-row,
html.rz-dark-mode .rz-user-row-min {
    background: #0f192b !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
}

html.rz-dark-mode .rz-content-icon,
html.rz-dark-mode .rz-user-avatar-min {
    background: #172437 !important;
    color: #a5b4fc !important;
}

html.rz-dark-mode .rz-content-meta span {
    background: #121f31 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}

/* Game dark mode */
html.rz-dark-mode .rz-cat-game-card,
html.rz-dark-mode .rz-mini-game-card,
html.rz-dark-mode .rz-game-card,
html.rz-dark-mode .rz-score-game-card {
    background: #0d1728 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #eef4ff !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
    backdrop-filter: none !important;
}

html.rz-dark-mode .rz-cat-game-card:after,
html.rz-dark-mode .rz-mini-game-card:before,
html.rz-dark-mode .rz-mini-game-card:after {
    opacity: .20 !important;
}

html.rz-dark-mode .rz-cat-game-stage,
html.rz-dark-mode .rz-score-game-board,
html.rz-dark-mode .rz-game-stage {
    background: #111c2d !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-cat-cloud {
    background: rgba(255,255,255,.06) !important;
    box-shadow: none !important;
    filter: none !important;
}

html.rz-dark-mode .rz-cat-target {
    background: #172437 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.25) !important;
}

html.rz-dark-mode .rz-cat-game-message,
html.rz-dark-mode .rz-score-game-message,
html.rz-dark-mode .rz-cta-ghost,
html.rz-dark-mode .rz-mini-game-score,
html.rz-dark-mode .rz-cat-game-meta span,
html.rz-dark-mode .rz-score-game-board {
    background: #152133 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #dbe4ff !important;
    box-shadow: none !important;
}

html.rz-dark-mode .rz-cat-game-meta b,
html.rz-dark-mode .rz-score-game-message,
html.rz-dark-mode .rz-cat-game-message,
html.rz-dark-mode .rz-score-game-number {
    color: #f8fbff !important;
}

html.rz-dark-mode .rz-score-game-number {
    box-shadow: 0 16px 34px rgba(76,106,255,.18) !important;
}

html.rz-dark-mode .rz-score-value,
html.rz-dark-mode .rz-mini-score,
html.rz-dark-mode .rz-score-mini {
    background: rgba(255,217,120,.18) !important;
    color: #fde68a !important;
    border-color: rgba(255,217,120,.26) !important;
}

/* Misc */
html.rz-dark-mode .rz-empty,
html.rz-dark-mode .rz-content-empty,
html.rz-dark-mode .rz-empty-state,
html.rz-dark-mode .rz-content-empty-filter,
html.rz-dark-mode .rz-thumb,
html.rz-dark-mode .rz-thumb-empty,
html.rz-dark-mode .alert {
    background: #101a2b !important;
    color: #b8c4d8 !important;
    border-color: rgba(255,255,255,.12) !important;
}

html.rz-dark-mode .pagination .page-link,
html.rz-dark-mode .rz-pagination-wrap a {
    background: #121f31 !important;
    color: #dbe4ff !important;
    border-color: rgba(255,255,255,.10) !important;
}

html.rz-dark-mode .pagination .active .page-link,
html.rz-dark-mode .rz-pagination-wrap .active a {
    background: #6c7cff !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

html.rz-dark-mode .bg-white,
html.rz-dark-mode .bg-light {
    background: #0d1728 !important;
}