:root{--jee-blue:#0057D9;--jee-dark:#002171;--jee-soft:#EAF2FF;--jee-text:#132238;--jee-muted:#64748B}
body.jeeko-enterprise-tracking{background:#F3F6FB!important}
body.jeeko-enterprise-tracking .jee-enterprise-map{width:100%!important;height:45vh!important;min-height:45vh!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important}
#jeeko-enterprise-shell{position:relative;z-index:20;width:min(760px,100%);margin:-22px auto 30px;padding:0 14px 24px;color:var(--jee-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}
#jeeko-enterprise-shell *{box-sizing:border-box}
.jee-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 12px 12px;padding:16px 18px;border-radius:22px;color:#fff;background:linear-gradient(135deg,var(--jee-dark),var(--jee-blue));box-shadow:0 14px 30px rgba(0,87,217,.28)}
.jee-header div{display:flex;flex-direction:column;gap:3px}.jee-header small{opacity:.78;font-size:12px}.jee-header strong{font-size:21px}.jee-live-dot{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px;font-weight:900;letter-spacing:.08em}
.jee-status-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 24px 40px;color:#fff;background:linear-gradient(145deg,#0067F4,var(--jee-dark));border-radius:28px 28px 0 0}.jee-status-hero>div{display:flex;flex-direction:column;gap:8px}.jee-status-label{font-size:15px;opacity:.9;font-weight:700}#jee-eta{font-size:42px;line-height:1;letter-spacing:-.04em}.jee-on-time{padding:8px 12px;border-radius:999px;background:#fff;color:var(--jee-dark);font-weight:800;white-space:nowrap}
.jee-progress-card,.jee-driver-card{margin:-20px 12px 0;padding:22px;background:#fff;border-radius:24px;box-shadow:0 14px 35px rgba(15,35,70,.12)}.jee-progress-card h2{margin:0 0 6px;font-size:21px}.jee-progress-card p{margin:0;color:var(--jee-muted);font-size:14px}
.jee-progress-track{display:grid;grid-template-columns:34px 1fr 34px 1fr 34px 1fr 34px;align-items:center;margin-top:24px}.jee-progress-track span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#E5E7EB;color:#94A3B8;font-size:15px;font-weight:900}.jee-progress-track span.active{background:var(--jee-blue);color:#fff;box-shadow:0 0 0 7px var(--jee-soft)}.jee-progress-track i{height:5px;background:#E5E7EB}.jee-progress-track i.active{background:var(--jee-blue)}
.jee-driver-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px}.jee-driver-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--jee-soft);font-size:31px}.jee-driver-info{display:flex;flex-direction:column;min-width:0}.jee-driver-info small{margin-bottom:5px;color:var(--jee-muted);font-size:12px}.jee-driver-info strong{font-size:19px}.jee-driver-info span{margin-top:4px;color:var(--jee-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jee-driver-actions{display:flex;gap:9px}.jee-driver-actions a,.jee-driver-actions button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--jee-blue);color:#fff;text-decoration:none;font-size:21px;cursor:pointer;box-shadow:0 8px 18px rgba(0,87,217,.22)}
.jee-brand-footer{margin:16px 12px 0;padding:14px;text-align:center;color:var(--jee-dark);font-size:13px;font-weight:800}
@media(max-width:520px){body.jeeko-enterprise-tracking .jee-enterprise-map{height:43vh!important;min-height:43vh!important}#jeeko-enterprise-shell{margin-top:-18px;padding-left:8px;padding-right:8px}.jee-header{margin-left:8px;margin-right:8px}.jee-status-hero{padding:22px 18px 38px;border-radius:24px 24px 0 0}#jee-eta{font-size:36px}.jee-progress-card,.jee-driver-card{margin-left:8px;margin-right:8px;padding:18px}.jee-driver-card{grid-template-columns:50px minmax(0,1fr) auto;gap:10px}.jee-driver-avatar{width:50px;height:50px;font-size:27px}.jee-driver-actions a,.jee-driver-actions button{width:40px;height:40px;font-size:18px}}


/* Elemen tracking lama tetap hidup sebagai sumber data JS, tetapi tidak ditampilkan
   agar timeline, status, ETA, dan kartu driver tidak muncul ganda. */
body.jeeko-enterprise-tracking .jee-legacy-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Hilangkan ruang kosong dari kartu lama setelah komponen duplikat disembunyikan. */
body.jeeko-enterprise-tracking .jeeko-tracking-card{
    padding-top:16px!important;
}

body.jeeko-enterprise-tracking .jeeko-route-points{
    margin-top:0!important;
}


/* v1.0.2 — hilangkan header hijau lama dan perluas area peta ke atas. */
body.jeeko-enterprise-tracking .jeeko-tracking-hero{
    display:none!important;
}

body.jeeko-enterprise-tracking .jeeko-tracking-shell{
    padding-top:0!important;
}

body.jeeko-enterprise-tracking .jee-enterprise-map,
body.jeeko-enterprise-tracking #jeeko-live-map{
    min-height:58vh!important;
    height:58vh!important;
    margin-top:0!important;
}

.jee-header{
    margin-top:0!important;
}

.jee-header > div{
    gap:2px!important;
}

.jee-header strong{
    order:1;
    font-size:22px!important;
}

.jee-header-tracking{
    order:2;
    display:block;
    margin-top:4px;
    color:#bfdbfe;
    font-size:10px;
    font-weight:900;
    letter-spacing:.18em;
}

.jee-header small{
    order:3;
    margin-top:2px;
    color:#dbeafe;
    opacity:1!important;
    font-size:12px!important;
}

@media(max-width:520px){
    body.jeeko-enterprise-tracking .jee-enterprise-map,
    body.jeeko-enterprise-tracking #jeeko-live-map{
        min-height:56vh!important;
        height:56vh!important;
    }

    .jee-header strong{
        font-size:21px!important;
    }
}


/* v1.0.3 — tombol tutup aplikasi mengambang di kiri atas peta. */
.jee-exit-app{
    position:fixed;
    top:max(18px, calc(env(safe-area-inset-top) + 12px));
    left:18px;
    z-index:999999;
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    padding:0;
    border:1px solid rgba(15,35,70,.10);
    border-radius:50%;
    background:rgba(255,255,255,.96);
    color:#132238;
    box-shadow:0 8px 22px rgba(15,35,70,.22);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    backdrop-filter:blur(8px);
    transition:transform .18s ease, opacity .18s ease, background .18s ease;
}

.jee-exit-app span{
    display:block;
    margin-top:-3px;
    font-family:Arial,sans-serif;
    font-size:37px;
    font-weight:300;
    line-height:1;
}

.jee-exit-app:active{
    transform:scale(.92);
    background:#f8fafc;
}

.jee-exit-app.closing{
    opacity:.65;
    transform:scale(.92) rotate(90deg);
    pointer-events:none;
}

@media(max-width:520px){
    .jee-exit-app{
        top:max(14px, calc(env(safe-area-inset-top) + 8px));
        left:14px;
        width:48px;
        height:48px;
    }

    .jee-exit-app span{
        font-size:35px;
    }
}


/* v1.0.4 — tombol tracking utama langsung tampil di bagian atas hasil order. */
#jeeko-order-message .jee-tracking-primary{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:5px;
    width:100%;
    margin:0 0 18px;
    padding:18px;
    border:2px solid #0057D9;
    border-radius:20px;
    background:linear-gradient(145deg,#eff6ff,#ffffff);
    color:#132238;
    box-shadow:0 12px 28px rgba(0,87,217,.16);
    box-sizing:border-box;
}

#jeeko-order-message .jee-tracking-primary-label{
    color:#0057D9;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

#jeeko-order-message .jee-tracking-primary strong{
    color:#002171;
    font-size:21px;
    line-height:1.25;
}

#jeeko-order-message .jee-tracking-primary small{
    margin-bottom:9px;
    color:#64748b;
    font-size:13px;
    line-height:1.5;
}

#jeeko-order-message .jee-open-tracking-now{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%!important;
    min-height:58px;
    margin:0!important;
    padding:14px 18px!important;
    border:0!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#0057D9,#002171)!important;
    color:#ffffff!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.25;
    text-align:center;
    text-decoration:none!important;
    box-shadow:0 10px 22px rgba(0,87,217,.25);
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;
}

#jeeko-order-message .jee-open-tracking-now:active{
    transform:scale(.98);
}

#jeeko-order-message .jee-share-trip-secondary{
    margin-top:12px!important;
}

#jeeko-order-message .jee-share-trip-secondary > strong{
    display:block;
    margin-top:0;
}

@media(max-width:520px){
    #jeeko-order-message .jee-tracking-primary{
        margin-bottom:14px;
        padding:16px;
        border-radius:18px;
    }

    #jeeko-order-message .jee-tracking-primary strong{
        font-size:19px;
    }

    #jeeko-order-message .jee-open-tracking-now{
        min-height:56px;
        font-size:16px!important;
    }
}


/* v1.0.5 — tombol X pindah ke pojok kanan atas. */
.jee-exit-app{
    left:auto!important;
    right:18px!important;
}

@media(max-width:520px){
    .jee-exit-app{
        left:auto!important;
        right:14px!important;
    }
}


/* v1.0.6 — nama, ikon, dan aksen mengikuti layanan aktif. */
.jee-service-icon{
    display:inline-block;
    margin-right:6px;
    font-size:.92em;
    vertical-align:1px;
}

#jeeko-enterprise-shell.jee-service-ride{
    --jee-service-accent:#0057D9;
    --jee-service-accent-dark:#002171;
}

#jeeko-enterprise-shell.jee-service-car{
    --jee-service-accent:#1746B4;
    --jee-service-accent-dark:#071F68;
}

#jeeko-enterprise-shell.jee-service-school{
    --jee-service-accent:#0F6FD8;
    --jee-service-accent-dark:#064A96;
}

#jeeko-enterprise-shell.jee-service-courier{
    --jee-service-accent:#0062D8;
    --jee-service-accent-dark:#003A86;
}

#jeeko-enterprise-shell.jee-service-ride .jee-header,
#jeeko-enterprise-shell.jee-service-car .jee-header,
#jeeko-enterprise-shell.jee-service-school .jee-header,
#jeeko-enterprise-shell.jee-service-courier .jee-header{
    background:linear-gradient(135deg,var(--jee-service-accent-dark),var(--jee-service-accent))!important;
}

#jeeko-enterprise-shell.jee-service-ride .jee-status-hero,
#jeeko-enterprise-shell.jee-service-car .jee-status-hero,
#jeeko-enterprise-shell.jee-service-school .jee-status-hero,
#jeeko-enterprise-shell.jee-service-courier .jee-status-hero{
    background:linear-gradient(145deg,var(--jee-service-accent),var(--jee-service-accent-dark))!important;
}

#jeeko-enterprise-shell .jee-progress-track span.active,
#jeeko-enterprise-shell .jee-driver-actions a,
#jeeko-enterprise-shell .jee-driver-actions button{
    background:var(--jee-service-accent,#0057D9)!important;
}

#jeeko-enterprise-shell .jee-progress-track i.active{
    background:var(--jee-service-accent,#0057D9)!important;
}


/* v1.0.8 — kartu order aktif dengan identitas biru JEEKO. */
.jee-active-order-bar{
    position:fixed;
    left:14px;
    right:14px;
    bottom:max(88px, calc(env(safe-area-inset-bottom) + 76px));
    z-index:999998;
    display:grid;
    grid-template-columns:58px minmax(0,1fr) 42px;
    align-items:center;
    gap:13px;
    width:auto;
    min-height:110px;
    padding:16px 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:25px;
    background:
        radial-gradient(circle at 12% 5%, rgba(76,155,255,.44), transparent 34%),
        linear-gradient(135deg,#0A66FF 0%,#0057D9 43%,#002171 100%);
    color:#fff;
    box-shadow:
        0 18px 44px rgba(0,33,113,.34),
        inset 0 1px 0 rgba(255,255,255,.18);
    cursor:pointer;
    text-align:left;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
    backdrop-filter:blur(12px);
    animation:jeeActiveOrderIn .32s cubic-bezier(.2,.8,.2,1) both;
}

.jee-active-order-bar::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.10) 38%,transparent 66%);
}

.jee-active-order-bar:active{
    transform:scale(.985);
}

.jee-active-order-icon{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border:1px solid rgba(255,255,255,.26);
    border-radius:19px;
    background:rgba(255,255,255,.16);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
    font-size:31px;
    backdrop-filter:blur(8px);
}

.jee-active-order-copy{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:4px;
}

.jee-active-order-title{
    color:#fff;
    font-size:16px;
    font-weight:900;
    line-height:1.25;
    text-shadow:0 1px 2px rgba(0,0,0,.12);
}

.jee-active-order-status{
    overflow:hidden;
    color:rgba(255,255,255,.86);
    font-size:13px;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.jee-active-order-progress{
    display:block;
    width:100%;
    height:7px;
    margin-top:8px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.23);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.12);
}

.jee-active-order-progress i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#8FD3FF 0%,#FFFFFF 100%);
    box-shadow:0 0 12px rgba(255,255,255,.48);
    transition:width .35s ease;
}

.jee-active-order-arrow{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:50%;
    background:#fff;
    color:#0057D9;
    font-size:23px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.jee-active-order-bar.is-completed{
    background:
        radial-gradient(circle at 12% 5%, rgba(80,180,255,.38), transparent 34%),
        linear-gradient(135deg,#0878F9 0%,#0057D9 42%,#002171 100%);
    border-color:rgba(255,255,255,.24);
}

.jee-active-order-bar.is-completed .jee-active-order-progress i{
    background:linear-gradient(90deg,#B9E6FF,#FFFFFF);
}

.jee-active-order-bar.is-completed .jee-active-order-arrow{
    background:#fff;
    color:#002171;
}

@keyframes jeeActiveOrderIn{
    from{opacity:0;transform:translateY(30px) scale(.97)}
    to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:520px){
    .jee-active-order-bar{
        left:10px;
        right:10px;
        bottom:max(84px, calc(env(safe-area-inset-bottom) + 72px));
        grid-template-columns:50px minmax(0,1fr) 36px;
        min-height:98px;
        padding:13px 14px;
        border-radius:22px;
    }

    .jee-active-order-icon{
        width:50px;
        height:50px;
        border-radius:16px;
        font-size:28px;
    }

    .jee-active-order-title{font-size:15px}
    .jee-active-order-status{font-size:12px}
    .jee-active-order-arrow{width:36px;height:36px;font-size:20px}
}

/* v1.0.9 — halaman Activity pelanggan. */
.jeeko-activity-standalone{margin:0;background:#f3f6fb;color:#132238;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.jee-activity-page{min-height:100vh;padding:0 14px calc(30px + env(safe-area-inset-bottom));box-sizing:border-box}
.jee-activity-header{display:flex;gap:14px;align-items:flex-start;margin:0 -14px 20px;padding:calc(22px + env(safe-area-inset-top)) 20px 26px;background:linear-gradient(145deg,#0A66FF,#0057D9 50%,#002171);color:#fff;border-radius:0 0 28px 28px;box-shadow:0 14px 32px rgba(0,87,217,.25)}
.jee-activity-back{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:26px}
.jee-activity-header small{font-size:10px;font-weight:900;letter-spacing:.18em;color:#bfdbfe}
.jee-activity-header h1{margin:5px 0 4px;font-size:28px;line-height:1.1}.jee-activity-header p{margin:0;color:#dbeafe;font-size:13px}
.jee-activity-list{display:flex;flex-direction:column;gap:12px;max-width:720px;margin:0 auto}
.jee-activity-item{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;gap:12px;align-items:center;padding:16px;border:1px solid #dbeafe;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(15,35,70,.08)}
.jee-activity-item.is-completed{border-color:#bfdbfe;background:linear-gradient(145deg,#fff,#eff6ff)}
.jee-activity-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#eaf2ff,#dbeafe);font-size:28px}
.jee-activity-copy{min-width:0}.jee-activity-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.jee-activity-title-row strong{font-size:16px}.jee-activity-title-row span{padding:5px 8px;border-radius:999px;background:#dbeafe;color:#002171;font-size:10px;font-weight:900}
.jee-activity-copy small,.jee-activity-copy time{display:block;color:#64748b;font-size:11px}.jee-activity-copy p{margin:5px 0;color:#334155;font-size:13px}.jee-activity-open{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#0057D9,#002171);color:#fff;text-decoration:none;font-size:22px;box-shadow:0 8px 18px rgba(0,87,217,.22)}
.jee-activity-empty{display:flex;flex-direction:column;gap:6px;padding:30px 20px;border:1px dashed #93c5fd;border-radius:20px;background:#fff;text-align:center;color:#64748b}.jee-activity-empty strong{color:#002171;font-size:18px}


/* v1.1.0 — identitas Activity privat per pelanggan. */
.jee-activity-owner{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin-top:10px;
    padding:7px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    color:#ffffff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}


/* v1.1.2 — Pembatalan order pelanggan */
.jee-cancel-order{
    display:flex;
    align-items:center;
    justify-content:center;
    width:calc(100% - 24px);
    min-height:52px;
    margin:16px 12px 0;
    padding:13px 18px;
    border:1.5px solid #ef4444;
    border-radius:16px;
    background:#ffffff;
    color:#dc2626;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(220,38,38,.08);
    -webkit-tap-highlight-color:transparent;
}

.jee-cancel-order[hidden]{
    display:none!important;
}

.jee-cancel-order:active{
    transform:scale(.985);
    background:#fef2f2;
}

body.jee-modal-open{
    overflow:hidden!important;
}

.jee-cancel-modal{
    position:fixed;
    inset:0;
    z-index:1000001;
    display:none;
    align-items:flex-end;
    justify-content:center;
}

.jee-cancel-modal.is-open{
    display:flex;
}

.jee-cancel-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,6,23,.60);
    backdrop-filter:blur(4px);
}

.jee-cancel-sheet{
    position:relative;
    z-index:1;
    width:min(620px,100%);
    max-height:88vh;
    overflow:auto;
    padding:18px 20px calc(22px + env(safe-area-inset-bottom));
    border-radius:28px 28px 0 0;
    background:#ffffff;
    color:#132238;
    box-shadow:0 -20px 50px rgba(2,6,23,.30);
    animation:jeeCancelSlide .22s ease-out;
}

@keyframes jeeCancelSlide{
    from{transform:translateY(35px);opacity:.4}
    to{transform:translateY(0);opacity:1}
}

.jee-cancel-handle{
    width:46px;
    height:5px;
    margin:0 auto 16px;
    border-radius:999px;
    background:#cbd5e1;
}

.jee-cancel-close{
    position:absolute;
    top:16px;
    right:18px;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#f1f5f9;
    color:#334155;
    font-size:26px;
    cursor:pointer;
}

.jee-cancel-eyebrow{
    display:block;
    margin-bottom:6px;
    color:#dc2626;
    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
}

.jee-cancel-sheet h2{
    margin:0 46px 7px 0;
    color:#0f172a;
    font-size:23px;
    line-height:1.25;
}

.jee-cancel-sheet > p{
    margin:0 0 18px;
    color:#64748b;
    font-size:14px;
    line-height:1.55;
}

.jee-cancel-reasons{
    display:grid;
    gap:9px;
}

.jee-cancel-reasons label{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:50px;
    padding:11px 13px;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#ffffff;
    cursor:pointer;
}

.jee-cancel-reasons label:has(input:checked){
    border-color:#0057D9;
    background:#eff6ff;
}

.jee-cancel-reasons input{
    width:19px;
    height:19px;
    accent-color:#0057D9;
}

.jee-cancel-reasons span{
    color:#1e293b;
    font-size:14px;
    font-weight:700;
}

#jee-cancel-other{
    width:100%;
    margin-top:11px;
    padding:12px 13px;
    border:1px solid #cbd5e1;
    border-radius:14px;
    color:#1e293b;
    font:inherit;
    resize:vertical;
    box-sizing:border-box;
}

.jee-cancel-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:18px;
}

.jee-cancel-actions button{
    min-height:50px;
    padding:12px;
    border-radius:14px;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
}

.jee-cancel-keep{
    border:1px solid #cbd5e1;
    background:#ffffff;
    color:#334155;
}

.jee-confirm-cancel{
    border:0;
    background:#dc2626;
    color:#ffffff;
    box-shadow:0 8px 18px rgba(220,38,38,.22);
}

.jee-confirm-cancel:disabled{
    opacity:.6;
    cursor:wait;
}

.jee-cancel-message{
    min-height:20px;
    margin-top:10px;
    color:#475569;
    font-size:13px;
    text-align:center;
}

.jee-cancel-message.is-error{
    color:#b91c1c;
}

.jee-active-order-bar.is-cancelled{
    background:linear-gradient(135deg,#475569,#1e293b)!important;
}

.jee-activity-item.is-cancelled{
    border-left:4px solid #ef4444;
}

.jee-activity-item.is-cancelled .jee-activity-title-row span{
    background:#fee2e2;
    color:#991b1b;
}

@media(max-width:520px){
    .jee-cancel-order{
        width:calc(100% - 16px);
        margin-left:8px;
        margin-right:8px;
    }

    .jee-cancel-sheet{
        padding-left:16px;
        padding-right:16px;
    }

    .jee-cancel-actions{
        grid-template-columns:1fr;
    }
}


/* v1.1.4 — penanda saat tombol Chat mengarah ke ruang percakapan. */
.jeeko-chat-card.jee-chat-highlight,
[data-jeeko-chat].jee-chat-highlight{
    animation:jeeChatHighlight 1.4s ease;
}

@keyframes jeeChatHighlight{
    0%{
        transform:translateY(0);
        box-shadow:0 0 0 0 rgba(0,87,217,.45);
    }
    40%{
        transform:translateY(-2px);
        box-shadow:0 0 0 7px rgba(0,87,217,.16);
    }
    100%{
        transform:translateY(0);
        box-shadow:0 0 0 0 rgba(0,87,217,0);
    }
}


/* v1.1.5 — badge merah pesan chat baru. */
#jee-chat-driver{
    position:relative;
    overflow:visible!important;
}

.jee-chat-unread-badge{
    position:absolute;
    top:-7px;
    right:-7px;
    display:grid;
    place-items:center;
    min-width:21px;
    height:21px;
    padding:0 6px;
    border:3px solid #ffffff;
    border-radius:999px;
    background:#ef233c;
    color:#ffffff;
    font-size:10px;
    font-weight:900;
    line-height:1;
    box-shadow:0 5px 12px rgba(239,35,60,.35);
    box-sizing:border-box;
    animation:jeeUnreadPop .22s ease-out;
}

.jee-chat-unread-badge[hidden]{
    display:none!important;
}

#jee-chat-driver.has-unread{
    animation:jeeChatPulse 1.8s ease-in-out infinite;
}

@keyframes jeeUnreadPop{
    from{transform:scale(.35);opacity:0}
    to{transform:scale(1);opacity:1}
}

@keyframes jeeChatPulse{
    0%,100%{box-shadow:0 8px 18px rgba(0,87,217,.22)}
    50%{box-shadow:0 0 0 8px rgba(239,35,60,.10),0 8px 18px rgba(0,87,217,.24)}
}


/* v1.1.6 — tombol Bagi Perjalanan Anda di samping tombol X. */
.jee-share-journey{
    position:fixed;
    top:max(18px, calc(env(safe-area-inset-top) + 12px));
    right:82px;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:50px;
    padding:0 15px;
    border:1px solid rgba(15,35,70,.10);
    border-radius:999px;
    background:linear-gradient(135deg,#0057D9,#002171);
    color:#ffffff;
    box-shadow:0 8px 22px rgba(0,33,113,.28);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .18s ease, opacity .18s ease;
}

.jee-share-journey-icon{
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    font-size:17px;
    font-weight:900;
}

.jee-share-journey-text{
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.jee-share-journey:active{
    transform:scale(.96);
}

.jee-share-journey.is-sharing{
    opacity:.65;
    pointer-events:none;
}

@media(max-width:520px){
    .jee-share-journey{
        top:max(14px, calc(env(safe-area-inset-top) + 8px));
        right:72px;
        min-height:48px;
        padding:0 12px;
    }

    .jee-share-journey-text{
        font-size:11px;
    }
}

@media(max-width:390px){
    .jee-share-journey{
        padding:0;
        width:48px;
    }

    .jee-share-journey-text{
        display:none;
    }
}