/* JEEKO Belikan Build 4.10 — Active Order Close Top Right */
.jeeko-persistent-order-card{
    position:fixed!important;left:max(12px,env(safe-area-inset-left,0px))!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 98px)!important;top:auto!important;
    width:auto!important;max-width:716px!important;margin:0 auto!important;z-index:100500!important;
    border:1px solid rgba(255,255,255,.22);border-radius:24px;
    background:linear-gradient(135deg,#116BFF,#00349C);color:#fff!important;
    box-shadow:0 18px 40px rgba(0,45,140,.28);box-sizing:border-box!important;
    transform:none!important;-webkit-transform:none!important;will-change:auto!important;
    contain:layout paint style;isolation:isolate;overflow:visible;
}
.jeeko-persistent-order-main{
    display:grid!important;grid-template-columns:58px minmax(0,1fr) 48px;align-items:center;gap:12px;
    padding:14px 48px 14px 14px;color:#fff!important;text-decoration:none!important;
}
.jeeko-persistent-order-card .icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.14);font-size:28px}
.jeeko-persistent-order-main>div{display:flex;flex-direction:column;min-width:0}
.jeeko-persistent-order-card strong{font-size:15px;line-height:1.3}.jeeko-persistent-order-card small{margin-top:4px;color:#DCEBFF;font-size:10px}
.jeeko-persistent-order-card i{height:6px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden}
.jeeko-persistent-order-card i b{display:block;width:28%;height:100%;border-radius:999px;background:#fff}
.jeeko-persistent-order-card em{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#075EF7;font-size:23px;font-style:normal;font-weight:900}
.jeeko-persistent-order-close{
    position:absolute!important;right:10px!important;top:10px!important;left:auto!important;bottom:auto!important;
    width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
    margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:50%!important;
    background:rgba(4,39,118,.72)!important;color:#fff!important;font-size:22px!important;font-weight:700!important;line-height:1!important;
    display:grid!important;place-items:center!important;cursor:pointer!important;z-index:12!important;
    box-shadow:0 4px 12px rgba(0,31,98,.22)!important;-webkit-tap-highlight-color:transparent;
    transform:none!important;float:none!important;
}
.jeeko-persistent-order-close:active{transform:scale(.94)}
[data-jeeko-enterprise-home] .jeeko-persistent-order-card,.jeeko-home6 .jeeko-persistent-order-card{position:fixed!important}

.jeeko-order-close-modal{position:fixed;inset:0;z-index:100900;pointer-events:none;opacity:0;transition:opacity .18s ease;font-family:inherit}
.jeeko-order-close-modal.is-open{opacity:1;pointer-events:auto}
.jeeko-order-close-backdrop{position:absolute;inset:0;background:rgba(5,18,45,.52);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.jeeko-order-close-sheet{
    position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0px));max-width:560px;margin:0 auto;
    background:#fff;border-radius:28px;padding:12px 20px 20px;color:#10223d;text-align:center;box-shadow:0 24px 70px rgba(0,20,70,.3);
    transform:translateY(24px);transition:transform .18s ease;box-sizing:border-box;
}
.jeeko-order-close-modal.is-open .jeeko-order-close-sheet{transform:translateY(0)}
.jeeko-order-close-grip{width:44px;height:5px;border-radius:99px;background:#dce3ee;margin:0 auto 14px}
.jeeko-order-close-icon{width:64px;height:64px;border-radius:20px;background:#eef5ff;display:grid;place-items:center;font-size:30px;margin:0 auto 12px}
.jeeko-order-close-sheet h3{font-size:20px;line-height:1.25;margin:0 0 8px;font-weight:800;color:#10223d}
.jeeko-order-close-sheet p{font-size:13px;line-height:1.55;margin:0 auto 18px;color:#607087;max-width:430px}
.jeeko-order-close-actions{display:grid;gap:9px}
.jeeko-order-close-actions button{min-height:48px;border-radius:15px;border:0;font-weight:800;font-size:14px;padding:10px 14px;font-family:inherit;cursor:pointer}
.jeeko-order-close-actions .danger{background:#e94242;color:#fff}.jeeko-order-close-actions .secondary{background:#eaf2ff;color:#075ef7}.jeeko-order-close-actions .ghost{background:#f4f6f9;color:#526279}
.jeeko-order-close-actions button:disabled{opacity:.58;cursor:wait}

@media(max-width:560px){
    .jeeko-persistent-order-card{left:12px!important;right:12px!important;border-radius:21px}
    .jeeko-persistent-order-main{grid-template-columns:54px minmax(0,1fr) 44px;gap:10px;padding:12px 43px 12px 12px}
    .jeeko-persistent-order-card .icon{width:54px;height:54px;border-radius:16px;font-size:25px}
    .jeeko-persistent-order-card em{width:44px;height:44px;font-size:21px}
    .jeeko-persistent-order-close{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;right:8px!important;top:8px!important;left:auto!important;bottom:auto!important;font-size:20px!important}
}

/* =========================================================
   JEEKO Belikan Build 4.11 — Native Docked Bottom Navigation
   Bottom navigation menempel ke tepi bawah viewport seperti aplikasi native.
   ========================================================= */
body .jeeko-enterprise-nav,
html.jeeko-app-screen-locked body .jeeko-enterprise-nav {
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    z-index:99999!important;
    width:min(100%,760px)!important;
    max-width:760px!important;
    min-height:76px!important;
    margin:0!important;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px))!important;
    border:0!important;
    border-top:1px solid rgba(203,213,225,.68)!important;
    border-radius:0!important;
    background:#FFFFFF!important;
    background-image:none!important;
    box-shadow:0 -8px 24px rgba(15,35,70,.08)!important;
    transform:translateX(-50%)!important;
    -webkit-transform:translateX(-50%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    overscroll-behavior:none!important;
}

/* Tidak lagi memakai garis indikator floating di atas item aktif. */
body .jeeko-enterprise-nav button.is-active::before,
html.jeeko-app-screen-locked body .jeeko-enterprise-nav button.is-active::before {
    top:-7px!important;
}

/* Konten Home tidak tertutup bottom navigation yang sekarang benar-benar docked. */
body .jeeko-enterprise-spa,
html.jeeko-app-screen-locked body .jeeko-enterprise-spa {
    padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
}

@media(max-width:760px){
    body .jeeko-enterprise-nav,
    html.jeeko-app-screen-locked body .jeeko-enterprise-nav {
        width:100vw!important;
        max-width:100vw!important;
        left:50%!important;
        right:auto!important;
        bottom:0!important;
        border-radius:0!important;
    }
}


/* =========================================================
 * JEEKO v7.0.20 — Activity Card Docked Above Bottom Nav
 * ========================================================= */
.jeeko-home-activity-docked{
    position:fixed!important;
    top:auto!important;
    width:auto!important;
    z-index:100600!important;
    transform:none!important;
    -webkit-transform:none!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
}
/* Do not reserve an extra document-flow gap for a card that is now floating. */
[data-jeeko-enterprise-home],.jeeko-home6{
    padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))!important;
}
@media(max-width:760px){
    .jeeko-home-activity-docked{
        left:12px!important;
        right:12px!important;
        max-width:none!important;
    }
}