/* JTII Pusat Pengaduan — scoped styling, no dependency on page builder */
.jtii-cp { --cp-navy:#0b213d; --cp-navy-2:#123653; --cp-gold:#be8e45; --cp-line:#dbe4ed; --cp-ink:#0b213d; --cp-muted:#566c83; --cp-paper:#fff; color:var(--cp-ink); background:linear-gradient(180deg,#fff 0%,#fcfaf6 72%,#fff 100%); font:400 15px/1.55 Arial,Helvetica,sans-serif; position:relative; isolation:isolate; overflow:hidden; }
.jtii-cp *, .jtii-cp *::before, .jtii-cp *::after {box-sizing:border-box}
.jtii-cp::before {content:"";pointer-events:none;position:absolute;top:40px;left:-140px;width:430px;height:520px;opacity:.14;background:radial-gradient(ellipse at 50% 0%,transparent 34%,#cba566 35%,transparent 37%),radial-gradient(ellipse at 50% 100%,transparent 34%,#cba566 35%,transparent 37%),radial-gradient(ellipse at 0% 50%,transparent 34%,#cba566 35%,transparent 37%),radial-gradient(ellipse at 100% 50%,transparent 34%,#cba566 35%,transparent 37%);background-size:82px 82px;mask-image:linear-gradient(90deg,#000 0%,transparent 95%)}
.jtii-cp::after {content:"";pointer-events:none;position:absolute;top:260px;right:-125px;width:310px;height:440px;opacity:.10;background:repeating-radial-gradient(circle at 50% 100%, transparent 0 20px,#be8e45 21px 22px,transparent 23px 40px);background-size:82px 48px;mask-image:linear-gradient(270deg,#000,transparent)}
.jtii-cp-container {width:min(1220px,calc(100% - 56px)); margin:0 auto; position:relative; z-index:1; padding-bottom:50px}
.jtii-cp-topbar {min-height:66px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--cp-line);padding:8px 0}
.jtii-cp-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;letter-spacing:.01em}.jtii-cp-brand small{font-size:10px;color:var(--cp-gold);letter-spacing:.14em}.jtii-cp-brand-symbol{color:var(--cp-gold);font-size:23px;line-height:1}
.jtii-cp-tabs{display:flex;gap:8px;align-items:center}.jtii-cp-tab{border:1px solid #d8e1eb;background:#f6f8fa;color:#4a6076;font-weight:700;font:700 13px Arial,sans-serif;cursor:pointer;min-height:38px;padding:9px 20px;border-radius:7px;transition:background .2s,color .2s}.jtii-cp-tab span{font-size:14px;margin-right:6px}.jtii-cp-tab.is-active,.jtii-cp-tab[aria-pressed="true"]{background:var(--cp-navy);color:#fff;border-color:var(--cp-navy)}.jtii-cp-tab:focus-visible,.jtii-cp button:focus-visible,.jtii-cp input:focus-visible,.jtii-cp textarea:focus-visible,.jtii-cp select:focus-visible,.jtii-cp summary:focus-visible {outline:3px solid #b88b42;outline-offset:2px}
.jtii-cp-hero{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:42px;padding:40px 0 27px}
.jtii-cp-eyebrow,.jtii-cp-section-kicker {font-size:10px;letter-spacing:.15em;font-weight:800;color:#b07b2e}.jtii-cp-eyebrow span{width:25px;height:1px;background:var(--cp-gold);display:inline-block;vertical-align:middle;margin:0 8px}
.jtii-cp h1,.jtii-cp h2,.jtii-cp h3,.jtii-cp p {margin-top:0}.jtii-cp-intro h1{font-size:clamp(32px,3.1vw,47px);font-weight:800;line-height:1.09;letter-spacing:-.035em;margin:15px 0 17px;max-width:540px}.jtii-cp-intro h1 em{font-style:normal;color:#ba863b}.jtii-cp-intro>p{color:var(--cp-muted);max-width:560px;font-size:15px;line-height:1.7;margin-bottom:16px}
.jtii-cp-ticks{list-style:none;padding:0;margin:0;display:grid;gap:8px}.jtii-cp-ticks li{position:relative;padding-left:25px;font-size:13px;color:#476077}.jtii-cp-ticks li::before{content:"✓";position:absolute;left:0;top:0;color:#aa7b36;font-weight:800;background:#f9f0e2;border-radius:4px;font-size:11px;padding:0 4px}
.jtii-cp-workflow{position:relative;border:1px solid #d8e3ed;border-radius:12px;background:rgba(255,255,255,.92);padding:20px;box-shadow:0 10px 32px rgba(11,33,61,.05);overflow:hidden}
.jtii-cp-workflow-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.jtii-cp-workflow-row>div{border:1px solid #dfe6ed;border-radius:8px;padding:13px 9px;display:flex;align-items:center;gap:9px;min-height:62px}.jtii-cp-workflow-row>div:first-child{border-color:#c7a269;background:#fffdf9}.jtii-cp-workflow-row b{flex:0 0 24px;height:27px;border-radius:5px;background:#f4f5f7;color:#718094;display:grid;place-items:center;font-size:11px}.jtii-cp-workflow-row>div:first-child b{background:#0b213d;color:#fff}.jtii-cp-workflow-row span{display:grid;gap:1px;min-width:0}.jtii-cp-workflow-row strong{font-size:13px;line-height:1.2}.jtii-cp-workflow-row small{font-size:10px;color:var(--cp-muted)}
.jtii-cp-sla{background:#f5f8fb;border:1px solid #e0e7ee;border-radius:8px;margin-top:13px;padding:16px 17px;position:relative}.jtii-cp-sla strong{font-size:13px}.jtii-cp-sla p{color:#587087;font-size:12px;line-height:1.6;margin:4px 0 0}.jtii-cp-workflow-pattern{pointer-events:none;position:absolute;right:-15px;bottom:-15px;width:75px;height:75px;opacity:.14;border-radius:50%;border:2px solid #bc8d49;box-shadow:0 0 0 16px #fbf7ee,0 0 0 17px #bc8d49}
.jtii-cp-alert{border-radius:8px;padding:14px 18px;margin:4px 0 22px;border:1px solid;font-size:14px}.jtii-cp-alert.is-success{border-color:#7dc3a2;background:#effaf3;color:#1b6846}.jtii-cp-alert.is-error{border-color:#e8b1a6;background:#fff5f3;color:#9b3824}
.jtii-cp-form-section{margin-top:4px;scroll-margin-top:35px}.jtii-cp-section-kicker{display:block;margin:0 0 9px}.jtii-cp-dot{padding:0 8px;color:#a7b5c2}.jtii-cp-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.jtii-cp-heading-row h2{font:700 28px/1.25 Georgia,'Times New Roman',serif;color:var(--cp-navy);margin:0 0 16px}.jtii-cp-heading-row p{color:#697a8d;font-size:12px}.jtii-cp-heading-row p strong{color:#b98335}
.jtii-cp-form{background:rgba(255,255,255,.98);border:1px solid #dbe4ed;border-radius:11px;padding:26px 27px;box-shadow:0 7px 26px rgba(11,33,61,.035)}.jtii-cp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px}.jtii-cp-form-grid>label,.jtii-cp-contact>label,.jtii-cp-attach{display:flex;flex-direction:column;gap:7px}.jtii-cp-form-grid label>span:first-child,.jtii-cp-track-form label>span{font-weight:700;color:var(--cp-navy);font-size:12px}.jtii-cp-form-grid label b{color:#b98537}.jtii-cp input:not([type=checkbox]):not([type=file]),.jtii-cp textarea,.jtii-cp select{display:block;width:100%;background:#fff;color:#0b213d;border:1px solid #cbd7e5;border-radius:6px;padding:11px 12px;min-height:43px;font:13px/1.4 Arial,Helvetica,sans-serif;outline:none;box-shadow:none}.jtii-cp input::placeholder,.jtii-cp textarea::placeholder{color:#91a0b1}.jtii-cp textarea{resize:vertical;min-height:128px;line-height:1.55}.jtii-cp-form-grid small,.jtii-cp-contact>small{color:#718499;font-size:11px}.jtii-cp-chronology{grid-row:span 2}.jtii-cp-contact{display:flex;flex-direction:column;gap:9px}.jtii-cp-attach input[type=file]{border:1px dashed #b6c9da;border-radius:6px;padding:13px 12px;width:100%;font-size:12px;color:#61768a;min-height:50px;background:#fbfdff}.jtii-cp-attach input::file-selector-button{border:1px solid #bfd1e3;border-radius:4px;color:#0b3156;background:#fff;padding:6px 9px;font-weight:700;cursor:pointer;margin-right:10px}
.jtii-cp-submit-panel{display:flex;flex-direction:column;gap:12px;justify-content:end}.jtii-cp-consent{display:flex;align-items:flex-start;gap:9px}.jtii-cp-consent input{flex:0 0 auto;margin-top:3px;accent-color:#0b213d}.jtii-cp-consent span{font-size:11px;color:#42576c;line-height:1.5}.jtii-cp-consent a{color:#07558d;text-decoration:underline}.jtii-cp-submit,.jtii-cp-track-form button{align-self:flex-start;min-height:43px;padding:11px 21px;background:var(--cp-navy);color:#fff;border:1px solid var(--cp-navy);border-radius:6px;font:700 13px Arial,sans-serif;cursor:pointer}.jtii-cp-submit:hover,.jtii-cp-track-form button:hover{background:#184369}.jtii-cp-submit span[aria-hidden],.jtii-cp-track-form button span{margin-left:9px;color:#efc178}.jtii-cp-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}
.jtii-cp-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:19px 0 27px}.jtii-cp-tips article{border:1px solid #dce5ed;border-radius:9px;padding:19px 20px;background:#fff;box-shadow:0 4px 14px rgba(11,33,61,.035)}.jtii-cp-tip-icon{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:7px;background:#fff7e8;color:#af813c;font-size:18px;margin-bottom:6px}.jtii-cp-tips h3{font-size:14px;margin:0 0 6px;color:var(--cp-navy)}.jtii-cp-tips p{font-size:12px;line-height:1.6;color:#587087;margin:0}
.jtii-cp-tracker{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;background:linear-gradient(120deg,#f8fafc,#fff);border:1px solid #dbe4ed;border-radius:11px;padding:23px 25px;margin-bottom:26px;scroll-margin-top:28px}.jtii-cp-tracker h2{font:700 24px Georgia,'Times New Roman',serif;margin:4px 0 7px}.jtii-cp-tracker p{font-size:12px;color:#60758c;line-height:1.65;margin:0}.jtii-cp-track-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jtii-cp-track-form label{display:grid;gap:6px}.jtii-cp-track-form button{align-self:end}.jtii-cp-track-result{align-self:center;color:var(--cp-muted);font-size:12px;line-height:1.4;min-height:20px}.jtii-cp-track-result.is-error{color:#a3402d}.jtii-cp-track-result.is-success{color:#146746}
.jtii-cp-faq{border:1px solid #dce5ed;background:rgba(255,255,255,.97);border-radius:11px;padding:27px 26px 24px;box-shadow:0 8px 28px rgba(11,33,61,.035);position:relative}.jtii-cp-faq::before{content:"";display:block;position:absolute;top:0;right:28px;width:100px;height:2px;background:#d5aa68}.jtii-cp-faq-heading{margin-bottom:15px}.jtii-cp-faq-heading h2{font:700 clamp(22px,2vw,29px)/1.25 Georgia,'Times New Roman',serif;margin:4px 0}.jtii-cp-faq-heading p{font-size:12px;color:#718298;margin:0}.jtii-cp-faq-items{display:grid;gap:8px}.jtii-cp-faq-items details{border:1px solid #d8e3ed;border-radius:7px;background:#fff;overflow:hidden}.jtii-cp-faq-items summary{position:relative;padding:12px 45px 12px 18px;min-height:44px;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.jtii-cp-faq-items summary::-webkit-details-marker{display:none}.jtii-cp-faq-items summary::after{content:'+';position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:19px;color:var(--cp-gold);font-weight:400}.jtii-cp-faq-items details[open] summary::after{content:'−'}.jtii-cp-faq-items details[open]{border-color:#c8a268}.jtii-cp-faq-items details p{font-size:13px;color:#556b80;margin:0;border-top:1px solid #edf1f5;padding:13px 18px 16px;line-height:1.65}
.jtii-cp-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e1e7ee;color:#6a7a8d;margin-top:32px;padding-top:17px;font-size:11px}
@media (max-width: 1000px) {.jtii-cp-hero{gap:22px}.jtii-cp-workflow-row{grid-template-columns:1fr}.jtii-cp-workflow-row>div{min-height:44px}.jtii-cp-tracker{grid-template-columns:1fr}.jtii-cp-track-form{grid-template-columns:1fr 1fr}}
@media (max-width: 700px) {.jtii-cp-container{width:calc(100% - 30px);padding-bottom:32px}.jtii-cp-topbar{flex-wrap:wrap;justify-content:center;padding:13px 0}.jtii-cp-tabs{width:100%;justify-content:center}.jtii-cp-tab{flex:1}.jtii-cp-hero{grid-template-columns:1fr;gap:22px;padding:27px 0}.jtii-cp-intro h1{font-size:33px}.jtii-cp-workflow-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.jtii-cp-workflow-row>div{display:grid;text-align:center;justify-items:center;gap:6px;padding:10px 4px}.jtii-cp-workflow-row strong{font-size:11px}.jtii-cp-form{padding:17px 15px}.jtii-cp-form-grid{grid-template-columns:1fr;gap:16px}.jtii-cp-chronology{grid-row:auto}.jtii-cp-heading-row{display:block}.jtii-cp-heading-row h2{font-size:25px}.jtii-cp-tips{grid-template-columns:1fr;gap:10px}.jtii-cp-tracker{padding:18px 16px;gap:17px}.jtii-cp-track-form{grid-template-columns:1fr}.jtii-cp-faq{padding:19px 15px}.jtii-cp-bottom{flex-direction:column;align-items:flex-start;gap:6px}}
@media (prefers-reduced-motion: reduce) {.jtii-cp *{transition:none!important;scroll-behavior:auto!important}}


/* JTII COMPLAINT CITY HERO START */

#jtii-pusat-pengaduan .jtii-cp-hero {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    min-height: 380px !important;
    padding: 42px max(35px, calc((100vw - 1220px)/2)) !important;

    background-color: #0b213d !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(11,33,61,.40) 0%,
            rgba(11,33,61,.23) 37%,
            rgba(11,33,61,0) 72%
        ),
        url('/wp-content/uploads/2026/10/Golden-Hour-Modern-City-Skyline.webp') !important;

    background-size: cover, cover !important;
    background-position: center, center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
}

/* HILANGKAN BOX WORKFLOW DI AREA HERO */
#jtii-pusat-pengaduan .jtii-cp-hero .jtii-cp-workflow {
    display: none !important;
}

/* AREA TEKS */
#jtii-pusat-pengaduan .jtii-cp-intro {
    position: relative !important;
    z-index: 2 !important;
    width: min(760px, 68%) !important;
    max-width: 760px !important;
}

/* LABEL GOLD */
#jtii-pusat-pengaduan .jtii-cp-eyebrow {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .17em !important;
    color: #e6b565 !important;
    margin-bottom: 14px !important;
}

/* JUDUL LUXURY */
#jtii-pusat-pengaduan .jtii-cp-intro h1 {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(36px, 3vw, 54px) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;

    color: #ffffff !important;
    max-width: 760px !important;
    margin: 0 0 15px !important;
}

/* WARNA GOLD */
#jtii-pusat-pengaduan .jtii-cp-intro h1 em {
    color: #e5b573 !important;
    font-style: normal !important;
}

/* DESKRIPSI */
#jtii-pusat-pengaduan .jtii-cp-intro > p {
    max-width: 560px !important;
    color: #f0f4f8 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
}

/* NILAI PERUSAHAAN */
#jtii-pusat-pengaduan .jtii-cp-hero-values {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .11em !important;
    color: #e8c38e !important;
}

#jtii-pusat-pengaduan .jtii-cp-hero-values span {
    color: #e5b573 !important;
}

/* TABLET */
@media (max-width: 1000px) {
    #jtii-pusat-pengaduan .jtii-cp-hero {
        min-height: 340px !important;
        padding: 38px 35px !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-intro {
        width: 75% !important;
    }
}

/* MOBILE */
@media (max-width: 700px) {
    #jtii-pusat-pengaduan .jtii-cp-hero {
        min-height: 340px !important;
        padding: 34px 22px !important;

        background-image:
            linear-gradient(
                90deg,
                rgba(11,33,61,.94),
                rgba(11,33,61,.66)
            ),
            url('/wp-content/uploads/2026/10/Golden-Hour-Modern-City-Skyline.webp') !important;

        background-position: center, 61% center !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-intro {
        width: 100% !important;
        max-width: 100% !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-intro h1 {
        font-size: clamp(30px, 7vw, 38px) !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-intro > p {
        font-size: 13px !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-hero-values {
        font-size: 9px !important;
        gap: 7px !important;
    }
}

/* JTII COMPLAINT CITY HERO END */


/* JTII COMPLAINT HERO TYPOGRAPHY FIX START */

/* AREA TEKS */
@media (min-width: 1001px) {
    #jtii-pusat-pengaduan .jtii-cp-intro {
        flex: 0 1 610px !important;
        width: min(610px, 55vw) !important;
        max-width: 610px !important;
        min-width: 0 !important;
    }
}

/* JUDUL LUXURY */
#jtii-pusat-pengaduan .jtii-cp-intro h1 {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(32px, 2.4vw, 44px) !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    max-width: 610px !important;
    margin: 0 0 16px !important;
    color: #ffffff !important;
}

#jtii-pusat-pengaduan .jtii-cp-intro h1 em {
    color: #e5b573 !important;
    font-style: normal !important;
}

/* DESKRIPSI */
#jtii-pusat-pengaduan .jtii-cp-intro > p {
    max-width: 515px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 16px !important;
}

/* LABEL */
#jtii-pusat-pengaduan .jtii-cp-eyebrow {
    font-size: 11px !important;
    letter-spacing: .16em !important;
    margin-bottom: 13px !important;
}

/* NILAI PERUSAHAAN */
#jtii-pusat-pengaduan .jtii-cp-hero-values {
    font-size: 10px !important;
    line-height: 1.5 !important;
    letter-spacing: .10em !important;
}

/* MOBILE */
@media (max-width: 1000px) {
    #jtii-pusat-pengaduan .jtii-cp-intro {
        width: 100% !important;
        max-width: 580px !important;
    }
}

@media (max-width: 650px) {
    #jtii-pusat-pengaduan .jtii-cp-intro h1 {
        font-size: clamp(28px, 6.5vw, 34px) !important;
        line-height: 1.16 !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-intro > p {
        font-size: 13px !important;
    }
}

/* JTII COMPLAINT HERO TYPOGRAPHY FIX END */

/* JTII CP LUX BUSINESS FORM START */
/* Form kiri 60% / panel informasi kanan 40%. Seluruh field dan submit tetap bawaan plugin. */
#jtii-pusat-pengaduan .jtii-cp-lux-layout {
    display:grid !important;
    grid-template-columns:minmax(0, 3fr) minmax(0, 2fr) !important;
    align-items:stretch !important;
    gap:20px !important;
    margin:26px 0 22px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout > .jtii-cp-form-section {
    min-width:0 !important;
    margin:0 !important;
    padding:28px 29px 30px !important;
    border:1px solid #e5e8eb !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 16px 44px rgba(11,33,61,.055) !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-form {
    border:none !important;
    border-radius:0 !important;
    background:transparent !important;
    padding:0 !important;
    box-shadow:none !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-section-kicker {
    margin-bottom:8px !important;
    color:#b78940 !important;
    font-size:11px !important;
    letter-spacing:.15em !important;
    font-weight:800 !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-heading-row {
    display:block !important;
    margin-bottom:18px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-heading-row h2 {
    font:700 clamp(25px,2vw,34px)/1.17 Georgia,'Times New Roman',serif !important;
    color:#0b213d !important;
    letter-spacing:-.02em !important;
    margin:0 0 6px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-heading-row p {
    color:#6d7b8a !important;
    font-size:12px !important;
    margin:0 !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-form-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:16px !important;
    row-gap:14px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-form-grid > * { min-width:0 !important; }
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-form-grid :is(input,select,textarea):not([type=checkbox]):not([type=file]) {
    background:#fff !important;
    border:1px solid #cfdbe5 !important;
    border-radius:6px !important;
    min-height:43px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-chronology {
    grid-row:span 2 !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-chronology textarea {
    min-height:156px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-attach input[type=file] {
    background:#fcfdfe !important;
    border:1px dashed #b7cadb !important;
    border-radius:8px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-submit-panel {
    justify-content:space-between !important;
    gap:12px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-submit {
    background:#0b213d !important;
    border:1px solid #0b213d !important;
    color:#fff !important;
    border-radius:6px !important;
    min-height:45px !important;
    width:100% !important;
    text-align:center !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-submit:hover {
    background:#17365c !important;
}
/* Sidebar informatif: bukan gambar berisi teks; teks tetap HTML. */
#jtii-pusat-pengaduan .jtii-cp-lux-side {
    min-width:0 !important;
    display:grid !important;
    grid-template-rows:minmax(0,1.08fr) minmax(0,1fr) !important;
    gap:14px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-side > section {
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    border-radius:11px !important;
    padding:25px 26px !important;
    box-shadow:0 10px 30px rgba(11,33,61,.05) !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-security {
    background-color:#0b213d !important;
    background-image:
      linear-gradient(100deg,rgba(6,27,49,.98) 0%,rgba(8,33,61,.96) 58%,rgba(8,33,61,.68) 100%),
      url('/wp-content/uploads/2026/10/Golden-Hour-Modern-City-Skyline.webp') !important;
    background-position:center,right center !important;
    background-size:cover,cover !important;
    background-repeat:no-repeat !important;
    border:1px solid rgba(202,160,92,.45) !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-eyebrow {
    font:800 10px/1.5 Arial,sans-serif !important;
    letter-spacing:.16em !important;
    color:#c99a52 !important;
    margin-bottom:9px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-side h3 {
    font:700 clamp(22px,1.6vw,29px)/1.17 Georgia,'Times New Roman',serif !important;
    letter-spacing:-.02em !important;
    margin:0 0 10px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-side p {
    font:13px/1.6 Arial,Helvetica,sans-serif !important;
    margin:0 0 20px !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-side ul {
    list-style:none !important;
    display:grid !important;
    gap:13px !important;
    margin:0 !important;
    padding:0 !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-side li {
    display:flex !important;
    align-items:flex-start !important;
    gap:13px !important;
    font-size:12px !important;
    line-height:1.45 !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-side li > span:first-child {
    color:#d5a65d !important;
    flex:0 0 24px !important;
    font-size:21px !important;
    line-height:1.05 !important;
    text-align:center !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-security h3,
#jtii-pusat-pengaduan .jtii-cp-lux-security p,
#jtii-pusat-pengaduan .jtii-cp-lux-security li {color:#fff !important;}
#jtii-pusat-pengaduan .jtii-cp-lux-security p {color:#dce6f0 !important;}
#jtii-pusat-pengaduan .jtii-cp-lux-standards {
    background:linear-gradient(145deg,#fffefa,#f8f5ee) !important;
    border:1px solid #e8ddc9 !important;
}
#jtii-pusat-pengaduan .jtii-cp-lux-standards h3 { color:#0b213d !important; }
#jtii-pusat-pengaduan .jtii-cp-lux-standards p,
#jtii-pusat-pengaduan .jtii-cp-lux-standards li { color:#435870 !important; }
/* Info cards already represented by sidebar; do not duplicate older three-tip row. */
#jtii-pusat-pengaduan .jtii-cp-tips,
#jtii-pusat-pengaduan .jtii-cp-tracker { display:none !important; }
@media (max-width:1100px) {
    #jtii-pusat-pengaduan .jtii-cp-lux-layout { grid-template-columns:minmax(0,1fr) minmax(275px,.72fr) !important; }
    #jtii-pusat-pengaduan .jtii-cp-lux-layout > .jtii-cp-form-section { padding:24px 22px !important; }
}
@media (max-width:850px) {
    #jtii-pusat-pengaduan .jtii-cp-lux-layout {grid-template-columns:minmax(0,1fr) !important;gap:16px !important;}
    #jtii-pusat-pengaduan .jtii-cp-lux-side {grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:auto !important;}
}
@media (max-width:600px) {
    #jtii-pusat-pengaduan .jtii-cp-lux-layout { margin:18px 0 !important; }
    #jtii-pusat-pengaduan .jtii-cp-lux-layout > .jtii-cp-form-section { padding:21px 16px !important; }
    #jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-form-grid {grid-template-columns:minmax(0,1fr) !important;}
    #jtii-pusat-pengaduan .jtii-cp-lux-layout .jtii-cp-chronology {grid-row:auto !important;}
    #jtii-pusat-pengaduan .jtii-cp-lux-side {grid-template-columns:minmax(0,1fr) !important;}
    #jtii-pusat-pengaduan .jtii-cp-lux-side > section {padding:24px 20px !important;}
}
/* JTII CP LUX BUSINESS FORM END */


/* JTII CP LUX SECURITY PANEL REFINE START */

#jtii-pusat-pengaduan .jtii-cp-lux-security{
    position: relative !important;
    overflow: hidden !important;
    min-height: 520px !important;
    padding: 28px 28px 30px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(205,163,92,.45) !important;
    background-color: #0b213d !important;
    background-image:
        linear-gradient(90deg,
            rgba(6, 22, 42, .96) 0%,
            rgba(8, 31, 56, .93) 44%,
            rgba(8, 31, 56, .76) 60%,
            rgba(8, 31, 56, .22) 100%
        ),
        url('/wp-content/uploads/2026/10/Luxury-Corporate-Cityscape-at-Golden-Hour.webp') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    box-shadow: 0 16px 34px rgba(11,33,61,.12) !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(135deg, rgba(214,170,98,.20) 0, rgba(214,170,98,.03) 22%, transparent 35%),
        linear-gradient(180deg, transparent 0%, transparent 72%, rgba(255,255,255,.03) 100%) !important;
    pointer-events: none !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security > *{
    position: relative !important;
    z-index: 2 !important;
    max-width: 58% !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security .jtii-cp-lux-eyebrow{
    font-size: 11px !important;
    letter-spacing: .18em !important;
    color: #d2a75f !important;
    margin-bottom: 10px !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security h3{
    font: 700 clamp(30px, 2.2vw, 40px)/1.14 Georgia, "Times New Roman", serif !important;
    color: #fff !important;
    margin: 0 0 14px !important;
    letter-spacing: -.02em !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security p{
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #e4ebf2 !important;
    margin: 0 0 22px !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security ul{
    gap: 14px !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security li{
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #ffffff !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security li > span:first-child{
    flex: 0 0 24px !important;
    font-size: 21px !important;
    line-height: 1.1 !important;
    color: #d6aa62 !important;
    text-align: center !important;
}

@media (max-width: 1100px){
    #jtii-pusat-pengaduan .jtii-cp-lux-security{
        min-height: 470px !important;
        background-position: 64% center !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security > *{
        max-width: 64% !important;
    }
}

@media (max-width: 850px){
    #jtii-pusat-pengaduan .jtii-cp-lux-security{
        min-height: 420px !important;
        background-position: center center !important;
        padding: 24px 22px 26px !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security > *{
        max-width: 100% !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security h3{
        font-size: clamp(26px, 5.8vw, 34px) !important;
    }
}

@media (max-width: 600px){
    #jtii-pusat-pengaduan .jtii-cp-lux-security{
        min-height: 390px !important;
        padding: 22px 18px 24px !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security p{
        font-size: 13px !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security li{
        font-size: 12px !important;
    }
}

/* JTII CP LUX SECURITY PANEL REFINE END */


/* JTII SECURITY COMPACT FINAL START */

/* PANEL KANAN TIDAK IKUT MEMANJANG */
#jtii-pusat-pengaduan .jtii-cp-lux-side {
    grid-template-rows: max-content max-content !important;
    align-content: start !important;
    align-self: start !important;
    gap: 14px !important;
}

/* PANEL KEAMANAN */
#jtii-pusat-pengaduan .jtii-cp-lux-security {
    min-height: 0 !important;
    height: auto !important;

    padding: 23px 24px 26px !important;
    border-radius: 10px !important;

    background-color: #0b213d !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(5,22,42,.96) 0%,
            rgba(7,28,51,.91) 48%,
            rgba(8,31,56,.40) 100%
        ),
        url('/wp-content/uploads/2026/10/Luxury-Corporate-Cityscape-at-Golden-Hour.webp') !important;

    background-size: cover, cover !important;
    background-position: center, right center !important;
    background-repeat: no-repeat !important;
}

/* RUANG TEKS LEBIH PROPORSIONAL */
#jtii-pusat-pengaduan .jtii-cp-lux-security > * {
    max-width: 68% !important;
}

/* LABEL GOLD */
#jtii-pusat-pengaduan
.jtii-cp-lux-security .jtii-cp-lux-eyebrow {
    font-size: 10px !important;
    letter-spacing: .15em !important;
    margin-bottom: 7px !important;
}

/* JUDUL MAKSIMAL 30PX */
#jtii-pusat-pengaduan .jtii-cp-lux-security h3 {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(22px, 1.65vw, 30px) !important;
    font-weight: 700 !important;
    line-height: 1.17 !important;

    letter-spacing: -.015em !important;
    margin: 0 0 12px !important;
    color: #ffffff !important;
}

/* DESKRIPSI */
#jtii-pusat-pengaduan .jtii-cp-lux-security p {
    font-size: 12px !important;
    line-height: 1.55 !important;
    margin: 0 0 17px !important;
}

/* DAFTAR KEAMANAN */
#jtii-pusat-pengaduan .jtii-cp-lux-security ul {
    gap: 12px !important;
}

#jtii-pusat-pengaduan .jtii-cp-lux-security li {
    gap: 10px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

/* ICON GOLD */
#jtii-pusat-pengaduan
.jtii-cp-lux-security li > span:first-child {
    flex: 0 0 22px !important;
    font-size: 20px !important;
    color: #d6aa62 !important;
}

/* TABLET */
@media (max-width: 1000px) {
    #jtii-pusat-pengaduan .jtii-cp-lux-security {
        min-height: 0 !important;
        padding: 22px !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security h3 {
        font-size: 25px !important;
    }
}

/* MOBILE */
@media (max-width: 600px) {
    #jtii-pusat-pengaduan .jtii-cp-lux-security {
        min-height: 0 !important;
        padding: 23px 20px !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security > * {
        max-width: 70% !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security h3 {
        font-size: 22px !important;
    }

    #jtii-pusat-pengaduan .jtii-cp-lux-security p,
    #jtii-pusat-pengaduan .jtii-cp-lux-security li {
        font-size: 11px !important;
    }
}

/* JTII SECURITY COMPACT FINAL END */

/* JTII TABS BELOW HERO START v1 */
/* Tabs sit in the white strip immediately AFTER the complaint banner. */
#jtii-pusat-pengaduan .jtii-cp-container > .jtii-cp-hero + .jtii-cp-topbar {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  min-height:78px !important;
  margin:0 0 23px !important;
  padding:15px 0 !important;
  background:#ffffff !important;
  border-top:0 !important;
  border-bottom:1px solid #e1e7ef !important;
  box-shadow:none !important;
}
#jtii-pusat-pengaduan .jtii-cp-container > .jtii-cp-hero + .jtii-cp-topbar .jtii-cp-tabs {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
#jtii-pusat-pengaduan .jtii-cp-container > .jtii-cp-hero + .jtii-cp-topbar .jtii-cp-tab {
  min-height:42px !important;
}
@media (max-width:700px) {
  #jtii-pusat-pengaduan .jtii-cp-container > .jtii-cp-hero + .jtii-cp-topbar {
    padding:14px 0 !important;
    margin-bottom:20px !important;
    gap:12px !important;
  }
  #jtii-pusat-pengaduan .jtii-cp-container > .jtii-cp-hero + .jtii-cp-topbar .jtii-cp-tabs {
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #jtii-pusat-pengaduan .jtii-cp-container > .jtii-cp-hero + .jtii-cp-topbar .jtii-cp-tab {
    width:100% !important;
    padding:11px 8px !important;
    white-space:normal !important;
  }
}
/* JTII TABS BELOW HERO END v1 */