/* =========================================================
   PA BUNTOK — STATISTIK & SURVEI V2.3
   CLEAN / COMPACT / RESPONSIVE
========================================================= */


/* =========================================================
   SECTION
========================================================= */

.pa-statistik-section-v2 {
    width: 100%;
    margin: 0;
    padding: 28px 24px 24px;

    background: #f7f9f7;

    box-sizing: border-box;
}


/* =========================================================
   HEADER
========================================================= */

.pa-statistik-section-v2 .pa-statistik-header-v2 {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto 20px;

    text-align: center;
}

.pa-statistik-section-v2 .pa-statistik-eyebrow-v2 {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;
    margin-bottom: 6px;
}

.pa-statistik-section-v2 .pa-statistik-eyebrow-v2 span {
    width: 24px;
    height: 1px;

    background: #c9a83e;
}

.pa-statistik-section-v2 .pa-statistik-eyebrow-v2 strong {
    font-size: 9px;
    line-height: 1;

    letter-spacing: 1.5px;
    font-weight: 700;

    color: #08783f;
}

.pa-statistik-section-v2 #pa-statistik-title-v2 {
    margin: 0;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: -0.3px;

    color: #083d29;
}

.pa-statistik-section-v2 .pa-statistik-header-v2 > p {
    max-width: 720px;

    margin: 7px auto 0;

    font-size: 11px;
    line-height: 1.5;

    color: #69746f;
}


/* =========================================================
   MAIN GRID
========================================================= */

.pa-statistik-section-v2 .pa-statistik-grid-v2 {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    align-items: start;

    gap: 12px;
}


/* =========================================================
   MAIN PANELS
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-v2 {
    position: relative;

    width: 100%;
    min-width: 0;
    height: auto;

    padding: 12px;

    box-sizing: border-box;

    border-radius: 17px;

    overflow: hidden;
}


/* =========================================================
   PERKARA PANEL
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-perkara-v2 {
    background: #e4f5eb;
    border: 1px solid #cce8d7;
}


/* =========================================================
   SURVEI PANEL
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-survei-v2 {
    background: #f1ecdc;
    border: 1px solid #e5ddc8;
}


/* =========================================================
   PANEL HEADER
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-header-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 10px;
}

.pa-statistik-section-v2 .pa-stat-panel-heading-v2 {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;
}

.pa-statistik-section-v2 .pa-stat-panel-icon-v2 {
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: rgba(255,255,255,.55);

    color: #16804b;
}

.pa-statistik-section-v2 .pa-stat-panel-icon-v2 svg {
    width: 18px;
    height: 18px;

    stroke: currentColor;
    stroke-width: 2;
}

.pa-statistik-section-v2 .pa-stat-panel-heading-v2 h3 {
    margin: 0;

    font-size: 15px;
    line-height: 1.15;
    font-weight: 700;

    color: #083d29;
}

.pa-statistik-section-v2 .pa-stat-panel-heading-v2 p {
    margin: 3px 0 0;

    font-size: 9px;
    line-height: 1.3;

    color: #6b7771;
}


/* PERKARA HEADER */

.pa-statistik-section-v2 .pa-stat-panel-perkara-v2
.pa-stat-panel-heading-v2 h3 {
    color: #08783f;
}


/* =========================================================
   PERIOD BADGE
========================================================= */

.pa-statistik-section-v2 .pa-stat-period-v2 {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 4px;

    padding: 6px 9px;

    border-radius: 999px;

    background: rgba(255,255,255,.72);

    font-size: 8px;
    line-height: 1;
    font-weight: 700;

    color: #08783f;

    white-space: nowrap;
}

.pa-statistik-section-v2 .pa-stat-period-v2 span {
    font-size: 8px;
}


/* =========================================================
   PERKARA METRICS
========================================================= */

.pa-statistik-section-v2 .pa-perkara-metrics-v2 {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 7px;
}


/* =========================================================
   PERKARA METRIC CARD
========================================================= */

.pa-statistik-section-v2 .pa-stat-metric-v2 {
    position: relative;

    min-height: 72px;

    padding: 11px 12px;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    border-radius: 11px;

    background: #28985f;

    color: #fff;
}

.pa-statistik-section-v2 .pa-stat-metric-content-v2 {
    position: relative;
    z-index: 2;
}

.pa-statistik-section-v2 .pa-stat-number-v2 {
    margin: 0;

    font-size: 25px;
    line-height: 1;
    font-weight: 800;
}

.pa-statistik-section-v2 .pa-stat-label-v2 {
    margin-top: 5px;

    font-size: 8px;
    line-height: 1.25;

    opacity: .9;
}


/* =========================================================
   METRIC ICON
========================================================= */

.pa-statistik-section-v2 .pa-stat-metric-icon-v2 {
    position: absolute;

    right: 10px;
    bottom: 9px;

    width: 22px;
    height: 22px;

    opacity: .18;
}

.pa-statistik-section-v2 .pa-stat-metric-icon-v2 svg {
    width: 100%;
    height: 100%;

    stroke: currentColor;
    stroke-width: 2;
}


/* =========================================================
   E-COURT
========================================================= */

.pa-statistik-section-v2 .pa-stat-metric-ecourt-v2 {
    grid-column: 1 / -1;

    background: #ccebd9;

    color: #08783f;
}


/* =========================================================
   PANEL DECORATION
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-decoration-v2 {
    position: absolute;

    right: -15px;
    bottom: -45px;

    width: 190px;

    opacity: .08;

    pointer-events: none;
}

.pa-statistik-section-v2 .pa-stat-panel-decoration-v2 svg {
    width: 100%;
    height: auto;

    stroke: currentColor;
    stroke-width: 2;
}


/* =========================================================
   SURVEY HIGHLIGHT
========================================================= */

.pa-statistik-section-v2 .pa-survei-highlight-v2 {
    position: relative;

    min-height: 150px;

    padding: 17px;

    display: flex;
    align-items: flex-start;

    box-sizing: border-box;

    border-radius: 14px;

    background: #fffdf8;
    border: 1px solid #e7dfce;

    overflow: hidden;
}

.pa-statistik-section-v2 .pa-survei-highlight-content-v2 {
    position: relative;
    z-index: 3;
}

.pa-statistik-section-v2 .pa-survei-highlight-title-v2 {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;

    color: #123f2c;
}

.pa-statistik-section-v2 .pa-survei-highlight-title-v2 span {
    display: block;

    margin-top: 3px;

    font-size: 9px;
    font-weight: 600;

    color: #08783f;
}

.pa-statistik-section-v2 .pa-survei-highlight-label-v2 {
    margin-top: 27px;

    font-size: 8px;

    color: #78827d;
}

.pa-statistik-section-v2 .pa-survei-score-v2 {
    margin-top: 3px;

    font-size: 38px;
    line-height: 1;
    font-weight: 800;

    color: #08783f;
}

.pa-statistik-section-v2 .pa-survei-score-max-v2 {
    margin-top: 5px;

    font-size: 8px;

    color: #87908b;
}


/* =========================================================
   MEDAL
========================================================= */

.pa-statistik-section-v2 .pa-survei-medal-v2 {
    position: absolute;

    right: 20px;
    top: 14px;

    width: 140px;

    color: #d9bd69;

    opacity: .70;

    z-index: 1;
}

.pa-statistik-section-v2 .pa-survei-medal-v2 svg {
    width: 100%;
    height: auto;
}

.pa-statistik-section-v2 .pa-survei-trust-text-v2 {
    position: absolute;

    right: 16px;
    bottom: 11px;

    z-index: 3;

    text-align: right;

    font-size: 7px;
    line-height: 1.35;

    color: #7d876f;
}

.pa-statistik-section-v2 .pa-survei-trust-text-v2 strong {
    color: #08783f;
}


/* =========================================================
   SECONDARY SURVEY METRICS
========================================================= */

.pa-statistik-section-v2 .pa-survei-secondary-v2 {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 7px;

    margin-top: 7px;
}

.pa-statistik-section-v2 .pa-survei-small-card-v2 {
    min-height: 55px;

    padding: 9px;

    display: flex;
    align-items: center;

    gap: 8px;

    box-sizing: border-box;

    border-radius: 11px;

    background: #fffdf8;
    border: 1px solid #e7dfce;
}

.pa-statistik-section-v2 .pa-survei-small-icon-v2 {
    flex: 0 0 28px;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #edf7f0;

    color: #16804b;
}

.pa-statistik-section-v2 .pa-survei-small-icon-v2 svg {
    width: 15px;
    height: 15px;

    stroke: currentColor;
    stroke-width: 2;
}

.pa-statistik-section-v2 .pa-survei-small-score-v2 {
    font-size: 19px;
    line-height: 1;
    font-weight: 800;

    color: #08783f;
}

.pa-statistik-section-v2 .pa-survei-small-label-v2 {
    margin-top: 3px;

    font-size: 7px;
    line-height: 1.25;

    color: #69746f;
}


/* =========================================================
   SURVEY CTA
========================================================= */

.pa-statistik-section-v2 .pa-survei-cta-v2 {
    min-height: 54px;

    margin-top: 7px;
    padding: 9px 11px;

    display: flex;
    align-items: center;

    gap: 9px;

    box-sizing: border-box;

    border-radius: 11px;

    background: #198b51;

    color: #fff;
}

.pa-statistik-section-v2 .pa-survei-cta-icon-v2 {
    flex: 0 0 28px;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: rgba(255,255,255,.12);
}

.pa-statistik-section-v2 .pa-survei-cta-icon-v2 svg {
    width: 15px;
    height: 15px;

    stroke: currentColor;
    stroke-width: 3;
}

.pa-statistik-section-v2 .pa-survei-cta-text-v2 {
    flex: 1;
}

.pa-statistik-section-v2 .pa-survei-cta-text-v2 span {
    display: block;

    font-size: 7px;

    opacity: .8;
}

.pa-statistik-section-v2 .pa-survei-cta-text-v2 strong {
    display: block;

    margin-top: 2px;

    font-size: 11px;
    line-height: 1.1;
}

.pa-statistik-section-v2 .pa-survei-button-v2 {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding: 8px 11px;

    border-radius: 999px;

    background: #fff;

    color: #08783f;

    font-size: 8px;
    font-weight: 700;

    text-decoration: none;
}

.pa-statistik-section-v2 .pa-survei-button-v2 b {
    font-size: 12px;
}


/* =========================================================
   CLOSING MESSAGE
========================================================= */

.pa-statistik-section-v2 .pa-statistik-closing-v2 {
    width: 100%;
    max-width: 1200px;

    margin: 8px auto 0;

    text-align: center;

    font-size: 9px;
    line-height: 1.4;

    color: #718078;
}

.pa-statistik-section-v2 .pa-statistik-closing-v2 span {
    font-size: 13px;
    color: #08783f;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .pa-statistik-section-v2 {
        padding: 22px 12px 20px;
    }


    /* HEADER */

    .pa-statistik-section-v2 .pa-statistik-header-v2 {
        margin-bottom: 14px;
    }

    .pa-statistik-section-v2 .pa-statistik-eyebrow-v2 {
        gap: 7px;
        margin-bottom: 5px;
    }

    .pa-statistik-section-v2 .pa-statistik-eyebrow-v2 span {
        width: 16px;
    }

    .pa-statistik-section-v2 .pa-statistik-eyebrow-v2 strong {
        font-size: 8px;
        letter-spacing: 1.2px;
    }

    .pa-statistik-title-v2 {
        font-size: 18px;
        line-height: 1.2;
    }

    .pa-statistik-section-v2 .pa-statistik-header-v2 > p {
        max-width: 340px;

        margin-top: 6px;

        font-size: 9px;
        line-height: 1.4;
    }


    /* MAIN GRID */

    .pa-statistik-section-v2 .pa-statistik-grid-v2 {
        display: block;
    }


    /* PANELS */

    .pa-statistik-section-v2 .pa-stat-panel-v2 {
        padding: 9px;

        border-radius: 14px;
    }

    .pa-statistik-section-v2
    .pa-stat-panel-perkara-v2 {
        margin-bottom: 8px;
    }


    /* PANEL HEADER */

    .pa-statistik-section-v2 .pa-stat-panel-header-v2 {
        gap: 6px;

        margin-bottom: 8px;
    }

    .pa-statistik-section-v2 .pa-stat-panel-heading-v2 {
        gap: 7px;
    }

    .pa-statistik-section-v2 .pa-stat-panel-icon-v2 {
        flex-basis: 29px;

        width: 29px;
        height: 29px;

        border-radius: 9px;
    }

    .pa-statistik-section-v2 .pa-stat-panel-icon-v2 svg {
        width: 15px;
        height: 15px;
    }

    .pa-statistik-section-v2 .pa-stat-panel-heading-v2 h3 {
        font-size: 12px;
    }

    .pa-statistik-section-v2 .pa-stat-panel-heading-v2 p {
        margin-top: 2px;

        font-size: 7px;
    }

    .pa-statistik-section-v2 .pa-stat-period-v2 {
        padding: 5px 7px;

        font-size: 7px;
    }


    /* PERKARA */

    .pa-statistik-section-v2 .pa-perkara-metrics-v2 {
        gap: 6px;
    }

    .pa-statistik-section-v2 .pa-stat-metric-v2 {
        min-height: 66px;

        padding: 10px;

        border-radius: 10px;
    }

    .pa-statistik-section-v2 .pa-stat-number-v2 {
        font-size: 22px;
    }

    .pa-statistik-section-v2 .pa-stat-label-v2 {
        margin-top: 4px;

        font-size: 7px;
    }

    .pa-statistik-section-v2 .pa-stat-metric-icon-v2 {
        right: 8px;
        bottom: 7px;

        width: 18px;
        height: 18px;
    }


    /* SURVEY HIGHLIGHT */

    .pa-statistik-section-v2 .pa-survei-highlight-v2 {
        min-height: 128px;

        padding: 13px;

        border-radius: 11px;
    }

    .pa-statistik-section-v2 .pa-survei-highlight-title-v2 {
        font-size: 12px;
    }

    .pa-statistik-section-v2 .pa-survei-highlight-title-v2 span {
        font-size: 8px;
    }

    .pa-statistik-section-v2 .pa-survei-highlight-label-v2 {
        margin-top: 20px;

        font-size: 7px;
    }

    .pa-statistik-section-v2 .pa-survei-score-v2 {
        font-size: 31px;
    }

    .pa-statistik-section-v2 .pa-survei-score-max-v2 {
        font-size: 7px;
    }

    .pa-statistik-section-v2 .pa-survei-medal-v2 {
        right: 12px;
        top: 10px;

        width: 100px;
    }

    .pa-statistik-section-v2 .pa-survei-trust-text-v2 {
        right: 10px;
        bottom: 8px;

        font-size: 6px;
    }


    /* SECONDARY */

    .pa-statistik-section-v2 .pa-survei-secondary-v2 {
        gap: 6px;

        margin-top: 6px;
    }

    .pa-statistik-section-v2 .pa-survei-small-card-v2 {
        min-height: 49px;

        padding: 8px;

        gap: 6px;

        border-radius: 9px;
    }

    .pa-statistik-section-v2 .pa-survei-small-icon-v2 {
        flex-basis: 23px;

        width: 23px;
        height: 23px;

        border-radius: 7px;
    }

    .pa-statistik-section-v2 .pa-survei-small-icon-v2 svg {
        width: 12px;
        height: 12px;
    }

    .pa-statistik-section-v2 .pa-survei-small-score-v2 {
        font-size: 16px;
    }

    .pa-statistik-section-v2 .pa-survei-small-label-v2 {
        font-size: 6px;
    }


    /* CTA */

    .pa-statistik-section-v2 .pa-survei-cta-v2 {
        min-height: 45px;

        margin-top: 6px;
        padding: 8px 9px;

        gap: 6px;

        border-radius: 9px;
    }

    .pa-statistik-section-v2 .pa-survei-cta-icon-v2 {
        flex-basis: 23px;

        width: 23px;
        height: 23px;

        border-radius: 7px;
    }

    .pa-statistik-section-v2 .pa-survei-cta-icon-v2 svg {
        width: 12px;
        height: 12px;
    }

    .pa-statistik-section-v2 .pa-survei-cta-text-v2 span {
        font-size: 6px;
    }

    .pa-statistik-section-v2 .pa-survei-cta-text-v2 strong {
        font-size: 9px;
    }

    .pa-statistik-section-v2 .pa-survei-button-v2 {
        padding: 7px 8px;

        font-size: 7px;
    }

    .pa-statistik-section-v2 .pa-survei-button-v2 b {
        font-size: 10px;
    }


    /* CLOSING */

    .pa-statistik-section-v2 .pa-statistik-closing-v2 {
        margin-top: 7px;

        font-size: 7px;
    }

}
/* =========================================================
   PA STATISTIK V2 — PERIOD BADGE FACELIFT
   Juni 2026 / Triwulan III 2026
========================================================= */

.pa-statistik-section-v2 .pa-stat-period-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    padding: 7px 11px !important;

    min-height: 30px !important;

    border-radius: 999px !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* ICON DI DALAM BADGE */
.pa-statistik-section-v2 .pa-stat-period-v2 span {
    font-size: 9px !important;
    line-height: 1 !important;
}


/* BADGE SURVEI — sedikit lebih lebar */
.pa-statistik-section-v2 .pa-stat-period-survei-v2 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .pa-statistik-section-v2 .pa-stat-period-v2 {
        gap: 5px !important;

        padding: 6px 10px !important;

        min-height: 28px !important;

        font-size: 10px !important;
    }

    .pa-statistik-section-v2 .pa-stat-period-v2 span {
        font-size: 8px !important;
    }

    .pa-statistik-section-v2 .pa-stat-period-survei-v2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}
/* =========================================================
   PA STATISTIK V2 — MICRO POLISH
========================================================= */

/* ---------------------------------------------------------
   1. PANEL — sedikit lebih rapat
--------------------------------------------------------- */

.pa-statistik-section-v2 .pa-stat-panel-v2 {
    padding-bottom: 14px !important;
}


/* ---------------------------------------------------------
   2. HEADER PANEL
--------------------------------------------------------- */

.pa-statistik-section-v2 .pa-stat-panel-header-v2 {
    margin-bottom: 10px !important;
}


/* Judul panel */
.pa-statistik-section-v2 .pa-stat-panel-header-v2 h3 {
    margin-bottom: 2px !important;
}


/* Deskripsi panel */
.pa-statistik-section-v2 .pa-stat-panel-header-v2 p {
    margin-top: 0 !important;
}


/* ---------------------------------------------------------
   3. STATISTIK PERKARA
   rapatkan jarak antar kartu
--------------------------------------------------------- */

.pa-statistik-section-v2 .pa-perkara-grid-v2 {
    gap: 8px !important;
}


/* Kartu angka */
.pa-statistik-section-v2 .pa-perkara-card-v2 {
    min-height: 74px !important;
    padding: 12px 14px !important;
}


/* E-Court jangan terlalu tinggi */
.pa-statistik-section-v2 .pa-perkara-card-wide-v2 {
    min-height: 68px !important;
}


/* ---------------------------------------------------------
   4. SURVEI — highlight sedikit dipadatkan
--------------------------------------------------------- */

.pa-statistik-section-v2 .pa-survei-highlight-v2 {
    min-height: 178px !important;
    padding: 18px 20px !important;
}


/* Jarak highlight → dua indeks */
.pa-statistik-section-v2 .pa-survei-secondary-v2 {
    margin-top: 8px !important;
}


/* Dua indeks pendukung */
.pa-statistik-section-v2 .pa-survei-secondary-card-v2 {
    min-height: 58px !important;
    padding: 10px 12px !important;
}


/* CTA survei */
.pa-statistik-section-v2 .pa-survei-cta-v2 {
    margin-top: 8px !important;
    min-height: 62px !important;
    padding: 10px 14px !important;
}


/* ---------------------------------------------------------
   5. QUOTE
--------------------------------------------------------- */

.pa-statistik-section-v2 .pa-statistik-quote-v2 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .pa-statistik-section-v2 .pa-stat-panel-v2 {
        padding-bottom: 12px !important;
    }

    .pa-statistik-section-v2 .pa-stat-panel-header-v2 {
        margin-bottom: 8px !important;
    }

    .pa-statistik-section-v2 .pa-perkara-grid-v2 {
        gap: 7px !important;
    }

    .pa-statistik-section-v2 .pa-perkara-card-v2 {
        min-height: 68px !important;
        padding: 10px 12px !important;
    }

    .pa-statistik-section-v2 .pa-perkara-card-wide-v2 {
        min-height: 62px !important;
    }

    .pa-statistik-section-v2 .pa-survei-highlight-v2 {
        min-height: 155px !important;
        padding: 15px 16px !important;
    }

    .pa-statistik-section-v2 .pa-survei-secondary-v2 {
        margin-top: 7px !important;
    }

    .pa-statistik-section-v2 .pa-survei-secondary-card-v2 {
        min-height: 54px !important;
        padding: 9px 10px !important;
    }

    .pa-statistik-section-v2 .pa-survei-cta-v2 {
        margin-top: 7px !important;
        min-height: 58px !important;
        padding: 9px 12px !important;
    }

    .pa-statistik-section-v2 .pa-statistik-quote-v2 {
        margin-top: 8px !important;
    }
}
/* =========================================================
   PA BUNTOK STATISTIK V2
   MICRO INTERACTION / HOVER
========================================================= */


/* =========================================================
   1. METRIC CARD — STATISTIK PERKARA
========================================================= */

.pa-statistik-section-v2 .pa-stat-metric-v2 {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* Desktop / mouse only */
@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-stat-metric-v2:hover {
        transform: translateY(-3px);

        box-shadow:
            0 8px 18px rgba(0, 80, 50, 0.10);
    }

}


/* =========================================================
   2. ICON METRIC
========================================================= */

.pa-statistik-section-v2 .pa-stat-metric-icon-v2 {
    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-stat-metric-v2:hover
    .pa-stat-metric-icon-v2 {
        transform: scale(1.08);
    }

}


/* =========================================================
   3. SURVEY HIGHLIGHT
========================================================= */

.pa-statistik-section-v2 .pa-survei-highlight-v2 {
    transition:
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-survei-highlight-v2:hover {
        transform: translateY(-2px);

        box-shadow:
            0 8px 20px rgba(90, 75, 35, 0.08);
    }

}


/* =========================================================
   4. MEDAL
========================================================= */

.pa-statistik-section-v2 .pa-survei-medal-v2 {
    transition:
        transform 0.35s ease,
        opacity 0.35s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-survei-highlight-v2:hover
    .pa-survei-medal-v2 {
        transform: scale(1.035);
    }

}


/* =========================================================
   5. SURVEY SMALL CARDS
========================================================= */

.pa-statistik-section-v2 .pa-survei-small-card-v2 {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-survei-small-card-v2:hover {
        transform: translateY(-2px);

        box-shadow:
            0 6px 16px rgba(80, 70, 30, 0.08);
    }

}


/* =========================================================
   6. SMALL CARD ICON
========================================================= */

.pa-statistik-section-v2 .pa-survei-small-icon-v2 {
    transition:
        transform 0.25s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2
    .pa-survei-small-card-v2:hover
    .pa-survei-small-icon-v2 {
        transform: scale(1.06);
    }

}


/* =========================================================
   7. CTA
========================================================= */

.pa-statistik-section-v2 .pa-survei-cta-v2 {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-survei-cta-v2:hover {
        transform: translateY(-2px);

        box-shadow:
            0 8px 18px rgba(0, 90, 55, 0.12);
    }

}


/* =========================================================
   8. CTA ICON
========================================================= */

.pa-statistik-section-v2 .pa-survei-cta-icon-v2 {
    transition:
        transform 0.25s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-survei-cta-v2:hover
    .pa-survei-cta-icon-v2 {
        transform: scale(1.06);
    }

}


/* =========================================================
   9. BUTTON
========================================================= */

.pa-statistik-section-v2 .pa-survei-button-v2 {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-survei-button-v2:hover {
        transform: translateY(-1px);

        box-shadow:
            0 5px 14px rgba(0, 70, 45, 0.13);
    }

}


/* =========================================================
   10. ARROW BUTTON
========================================================= */

.pa-statistik-section-v2 .pa-survei-button-v2 b {
    display: inline-block;

    transition:
        transform 0.2s ease;
}


@media (hover: hover) and (pointer: fine) {

    .pa-statistik-section-v2 .pa-survei-button-v2:hover b {
        transform: translateX(3px);
    }

}


/* =========================================================
   11. REDUCE MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .pa-statistik-section-v2 *,
    .pa-statistik-section-v2 *::before,
    .pa-statistik-section-v2 *::after {
        transition: none !important;
        animation: none !important;
    }

}
/* =========================================================
   PA BUNTOK — STATISTIK V2
   FINAL FACELIFT
   VISUAL HIERARCHY / DEPTH / WATERMARK
========================================================= */


/* =========================================================
   01. SECTION — sedikit lebih premium
========================================================= */

.pa-statistik-section-v2 {
    background: #f7f9f7;
}


/* =========================================================
   02. PANEL — refine border + depth
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-v2 {
    border-width: 1px;
}


/* PERKARA */

.pa-statistik-section-v2 .pa-stat-panel-perkara-v2 {
    background: #e4f5eb;
    border-color: #c7e5d2;
}


/* SURVEI */

.pa-statistik-section-v2 .pa-stat-panel-survei-v2 {
    background: #f1ecdc;
    border-color: #ded4b9;
}


/* =========================================================
   03. PANEL HEADER
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-icon-v2 {
    background: rgba(255,255,255,.68);
}

.pa-statistik-section-v2 .pa-stat-panel-heading-v2 h3 {
    letter-spacing: -0.15px;
}


/* =========================================================
   04. PERIOD BADGE
   Lebih clean, tidak terlalu "floating"
========================================================= */

.pa-statistik-section-v2 .pa-stat-period-v2 {
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 1px 3px rgba(0,0,0,.025);
}


/* =========================================================
   05. PERKARA METRIC CARD
   Tetap hijau — hanya sedikit lebih refined
========================================================= */

.pa-statistik-section-v2 .pa-stat-metric-v2 {
    background: #28985f;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06);
}


/* E-COURT */

.pa-statistik-section-v2 .pa-stat-metric-ecourt-v2 {
    background: #ccebd9;
    color: #08783f;

    border: 1px solid rgba(8,120,63,.035);
}


/* =========================================================
   06. WATERMARK NERACA
   HILANGKAN ilustrasi lama
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-decoration-v2 {
    display: none;
}


/* =========================================================
   07. REPLACE NERACA DENGAN ABSTRACT MONOLINE
   Hanya sebagai ambient decoration
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-perkara-v2::after {
    content: "";
    position: absolute;

    right: 12px;
    bottom: 8px;

    width: 105px;
    height: 78px;

    pointer-events: none;

    opacity: .12;

    background:
        linear-gradient(
            90deg,
            transparent 49%,
            currentColor 50%,
            currentColor 51%,
            transparent 52%
        ) center top / 1px 100% no-repeat,

        linear-gradient(
            0deg,
            transparent 72%,
            currentColor 73%,
            currentColor 74%,
            transparent 75%
        ) center / 100% 1px no-repeat,

        linear-gradient(
            115deg,
            transparent 48%,
            currentColor 49%,
            currentColor 50%,
            transparent 51%
        ) 12px 22px / 42px 48px no-repeat,

        linear-gradient(
            65deg,
            transparent 48%,
            currentColor 49%,
            currentColor 50%,
            transparent 51%
        ) 51px 22px / 42px 48px no-repeat;

    color: #08783f;

    z-index: 1;
}


/* =========================================================
   08. SURVEY HIGHLIGHT
   Kurangi "ruang kosong"
========================================================= */

.pa-statistik-section-v2 .pa-survei-highlight-v2 {
    min-height: 145px !important;

    padding: 16px 18px !important;

    background: #fffdf8;

    border: 1px solid rgba(91,75,38,.12);

    box-shadow:
        0 2px 5px rgba(70,55,20,.035);
}


/* =========================================================
   09. SURVEY TITLE
========================================================= */

.pa-statistik-section-v2 .pa-survei-highlight-title-v2 {
    letter-spacing: -0.15px;
}


/* =========================================================
   10. SCORE
========================================================= */

.pa-statistik-section-v2 .pa-survei-score-v2 {
    letter-spacing: -1px;
}


/* =========================================================
   11. MEDAL WATERMARK
   Lebih kecil + lebih ambient
========================================================= */

.pa-statistik-section-v2 .pa-survei-medal-v2 {
    right: 24px;
    top: 15px;

    width: 108px;

    opacity: .16;
}


/* =========================================================
   12. TRUST TEXT
========================================================= */

.pa-statistik-section-v2 .pa-survei-trust-text-v2 {
    right: 16px;
    bottom: 10px;

    opacity: .9;
}


/* =========================================================
   13. SECONDARY SURVEY CARDS
   IPAK / IPKP
========================================================= */

.pa-statistik-section-v2 .pa-survei-small-card-v2 {
    min-height: 55px;

    background: #ffffff;

    border: 1px solid rgba(70,60,35,.09);

    box-shadow:
        0 2px 4px rgba(60,50,25,.035);
}


/* icon sedikit lebih crisp */

.pa-statistik-section-v2 .pa-survei-small-icon-v2 {
    background: #edf7f0;
}


/* =========================================================
   14. CTA
   Tetap menjadi anchor utama
========================================================= */

.pa-statistik-section-v2 .pa-survei-cta-v2 {
    min-height: 56px !important;

    background: #198b51;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05);
}


/* =========================================================
   15. CTA BUTTON
========================================================= */

.pa-statistik-section-v2 .pa-survei-button-v2 {
    box-shadow:
        0 2px 5px rgba(0,50,30,.08);
}


/* =========================================================
   16. CLOSING QUOTE
========================================================= */

.pa-statistik-section-v2 .pa-statistik-closing-v2 {
    opacity: .9;
}


/* =========================================================
   17. DESKTOP — BALANCE
========================================================= */

@media (min-width: 769px) {

    .pa-statistik-section-v2 .pa-survei-highlight-v2 {
        min-height: 145px !important;
    }

    .pa-statistik-section-v2 .pa-survei-secondary-v2 {
        margin-top: 7px !important;
    }

    .pa-statistik-section-v2 .pa-survei-small-card-v2 {
        min-height: 55px !important;
    }

    .pa-statistik-section-v2 .pa-survei-cta-v2 {
        min-height: 56px !important;
        margin-top: 7px !important;
    }

}


/* =========================================================
   18. MOBILE FACELIFT
========================================================= */

@media (max-width: 768px) {

    /* PANEL */

    .pa-statistik-section-v2 .pa-stat-panel-v2 {
        padding-bottom: 11px !important;
    }


    /* HEADER */

    .pa-statistik-section-v2 .pa-stat-panel-header-v2 {
        margin-bottom: 8px !important;
    }


    /* METRIC */

    .pa-statistik-section-v2 .pa-stat-metric-v2 {
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.05);
    }


    /* ABSTRACT WATERMARK */

    .pa-statistik-section-v2 .pa-stat-panel-perkara-v2::after {
        right: 7px;
        bottom: 5px;

        width: 78px;
        height: 58px;

        opacity: .10;
    }


    /* SURVEY HIGHLIGHT */

    .pa-statistik-section-v2 .pa-survei-highlight-v2 {
        min-height: 145px !important;

        padding: 14px 15px !important;

        box-shadow:
            0 2px 4px rgba(70,55,20,.035);
    }


    /* MEDAL */

    .pa-statistik-section-v2 .pa-survei-medal-v2 {
        right: 12px;
        top: 10px;

        width: 82px;

        opacity: .14;
    }


    /* SMALL CARDS */

    .pa-statistik-section-v2 .pa-survei-small-card-v2 {
        min-height: 52px !important;

        background: #fff;

        border-color: rgba(70,60,35,.09);

        box-shadow:
            0 2px 4px rgba(60,50,25,.035);
    }


    /* CTA */

    .pa-statistik-section-v2 .pa-survei-cta-v2 {
        min-height: 56px !important;

        margin-top: 7px !important;
    }

}


/* =========================================================
   19. ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .pa-statistik-section-v2 .pa-stat-panel-perkara-v2::after {
        transition: none !important;
    }

}
/* =========================================================
   STATISTIK PERKARA — REMOVE WATERMARK
   Data should remain the visual focus.
========================================================= */

.pa-statistik-section-v2 .pa-stat-panel-perkara-v2::after {
    display: none !important;
}
.pa-statistik-section-v2 .pa-stat-panel-decoration-v2 {
    display: none !important;
}
.pa-statistik-section-v2 .pa-stat-metric-ecourt-v2 {
    background: linear-gradient(
        135deg,
        #ccebd9 0%,
        #d4efdf 100%
    );

    border: 1px solid rgba(8,120,63,.06);
}