/* JakSky V121 quota readout, entirely scoped to existing quota bar and new modal. */
#freeQuotaBar.jakQuotaTapV121:not([hidden]){cursor:pointer!important;position:relative!important;padding-right:90px!important;touch-action:manipulation}
#freeQuotaBar.jakQuotaTapV121:not([hidden])::after{content:'Rincian  ›'!important;position:absolute!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;font:700 11px/1.2 system-ui,sans-serif!important;letter-spacing:.02em!important;color:#8fd5ff!important;opacity:1!important;white-space:nowrap!important;background:rgba(22,70,128,.30)!important;padding:9px 8px!important;border-radius:9px!important}
#freeQuotaBar.jakQuotaTapV121:focus-visible{outline:2px solid #70c9ff!important;outline-offset:3px!important}
#freeQuotaBar.jakQuotaVipV121{display:block!important;background:linear-gradient(110deg,#103d71,#13234f)!important;border-color:rgba(110,189,255,.40)!important}
#freeQuotaBar.jakQuotaVipV121 .jakFreeQuotaIcon{background:#0e3562!important;color:#89dcff!important;border-color:rgba(100,190,255,.48)!important;font-size:0!important;filter:none!important}
#freeQuotaBar.jakQuotaVipV121 .jakFreeQuotaIcon svg{display:block!important;width:20px!important;height:20px!important;opacity:1!important}
#freeQuotaBar.jakQuotaVipV121 .jakFreeQuotaIcon::before,#freeQuotaBar.jakQuotaVipV121 .jakFreeQuotaIcon::after{display:none!important;content:none!important}
#freeQuotaBar.jakQuotaVipV121 b{color:#fff!important}
#freeQuotaBar.jakQuotaVipV121 small{color:#c5daf5!important}
#jakAccessModalV121[hidden]{display:none!important}
#jakAccessModalV121{position:fixed!important;inset:0!important;z-index:2147483640!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:18px!important;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#e9f3ff!important;box-sizing:border-box!important}
#jakAccessModalV121 *{box-sizing:border-box!important}
#jakAccessModalV121 .jakAccessBackdropV121{position:absolute!important;inset:0!important;background:rgba(2,8,22,.78)!important}
#jakAccessModalV121 .jakAccessBoxV121{position:relative!important;z-index:1!important;width:min(100%,450px)!important;max-height:min(86dvh,740px)!important;overflow-y:auto!important;border-radius:22px!important;background:linear-gradient(150deg,#0b2447,#09172f)!important;border:1px solid rgba(116,180,245,.36)!important;box-shadow:0 20px 65px rgba(0,0,0,.40)!important}
#jakAccessModalV121 .jakAccessHeaderV121{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:20px 22px 13px!important;gap:14px!important}
#jakAccessModalV121 .jakAccessHeaderV121 small{color:#82cfff!important;letter-spacing:.11em!important;font-size:10px!important;font-weight:800!important}
#jakAccessModalV121 .jakAccessHeaderV121 h2{margin:2px 0 0!important;font-size:20px!important;line-height:1.25!important;color:#fff!important}
#jakAccessModalV121 .jakAccessCloseV121{flex:0 0 37px!important;display:grid!important;place-items:center!important;width:37px!important;height:37px!important;border-radius:12px!important;background:#19385b!important;border:1px solid rgba(200,224,255,.22)!important;color:#dceeff!important;cursor:pointer!important;padding:0!important}
#jakAccessModalV121 .jakAccessBodyV121{padding:0 22px 23px!important}
#jakAccessModalV121 .jakAccessStateV121{color:#c0d7ee!important;min-height:45px!important;padding:12px 0!important}
#jakAccessModalV121 .jakAccessNameV121{font-size:15px!important;font-weight:800!important;color:#9edbff!important;margin-bottom:12px!important}
#jakAccessModalV121 .jakAccessStatsV121{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
#jakAccessModalV121 .jakAccessStatsV121>div{padding:14px 10px!important;border-radius:13px!important;text-align:center!important;background:rgba(44,105,166,.23)!important;border:1px solid rgba(119,188,252,.18)!important}
#jakAccessModalV121 .jakAccessStatsV121 small{display:block!important;color:#b7d1eb!important;font-size:11px!important;white-space:nowrap!important}
#jakAccessModalV121 .jakAccessStatsV121 strong{display:block!important;color:#fff!important;font-size:23px!important;line-height:1.5!important;font-variant-numeric:tabular-nums!important}
#jakAccessModalV121 .jakAccessProgressV121{height:7px!important;background:#15335b!important;border-radius:99px!important;overflow:hidden!important;margin:17px 0 11px!important}
#jakAccessModalV121 .jakAccessProgressV121>span{display:block!important;height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#24c6ee,#8a64ff)!important;transition:width .15s linear!important}
#jakAccessModalV121 .jakAccessResetV121{font-size:12px!important;color:#bfd8f0!important;margin:0 0 18px!important}
#jakAccessModalV121 .jakAccessWatchLabelV121{font-weight:750!important;color:#f4f9ff!important;margin-bottom:9px!important}
#jakAccessModalV121 .jakAccessWatchedV121{max-height:180px!important;overflow:auto!important;list-style:none!important;margin:0!important;padding:0!important}
#jakAccessModalV121 .jakAccessWatchedV121 li{padding:9px 11px!important;margin-bottom:6px!important;border-radius:10px!important;background:rgba(75,139,200,.12)!important;color:#d4e7f8!important;font-size:12px!important;overflow-wrap:anywhere!important}
#jakAccessModalV121 .jakAccessRefreshV121{display:block!important;width:100%!important;min-height:43px!important;margin-top:18px!important;border:1px solid rgba(80,190,252,.4)!important;border-radius:12px!important;color:#fff!important;background:linear-gradient(100deg,#168fe4,#3c79e9)!important;font-weight:750!important;font-size:13px!important;cursor:pointer!important}
#jakAccessModalV121 .jakAccessRefreshV121:disabled{opacity:.55!important;cursor:wait!important}
html[data-jak-theme="light"] #freeQuotaBar.jakQuotaTapV121:not([hidden])::after{color:#0759a0!important;background:#e0f4ff!important}
html[data-jak-theme="light"] #freeQuotaBar.jakQuotaVipV121{background:linear-gradient(110deg,#e5f4ff,#f6f1ff)!important}
html[data-jak-theme="light"] #freeQuotaBar.jakQuotaVipV121 b{color:#162749!important}
html[data-jak-theme="light"] #freeQuotaBar.jakQuotaVipV121 small{color:#39516b!important}
@media(max-width:360px){#freeQuotaBar.jakQuotaTapV121:not([hidden]){padding-right:76px!important}#freeQuotaBar.jakQuotaTapV121:not([hidden])::after{right:6px!important;font-size:10px!important;padding:8px 5px!important}}
