/* CC99A · tema verde/amarelo (baseado no Tema-CC999-Abacus-v2) — só visual, aplicado sobre o SPA (base PhantomBlue).
   Carregado por index.php via prime_resolve() quando $activeTheme = 'CC99A'. */
html.prime-cc99a, html.prime-cc99a body, html.prime-cc99a .phantom-blue, html.prime-cc99a [class*="-r2"], html.prime-cc99a ion-app {
  --cc-bg:#002800; --cc-dark:#001900; --cc-panel:#003500; --cc-nav:#005000; --cc-green:#009900; --cc-yellow:#ffe600; --cc-lime:#6cda24; --cc-text:#f7faf4; --cc-muted:#abc39d;
  --ep-color-primary:#009900; --ep-color-primary-contrast:#071a00; --ep-color-secondary:#ffe600; --ep-color-secondary-contrast:#071a00; --ep-color-tertiary:#6cda24;
  --ep-color-inverse:#f7faf4; --ep-color-neutral-gray-L01:#001900; --ep-color-neutral-gray-L02:#002800; --ep-color-neutral-gray-L03:#003000; --ep-color-neutral-gray-L04:#003500;
  --ep-color-neutral-gray-L05:#004000; --ep-color-neutral-gray-L06:#005000; --ep-color-neutral-gray-L07:#1f6a1f; --ep-color-neutral-gray-L08:#6a8a60; --ep-color-neutral-gray-L09:#abc39d; --ep-color-neutral-gray-L10:#f7faf4;
  --ep-color-bg-default:#002800; --ep-color-bg-raised:#003500; --ep-color-bg-overlay:#001900; --ep-color-border-default:#165500; --ep-color-text-default:#f7faf4; --ep-color-text-subtle:#abc39d; --ep-color-text-primary:#ffe600;
  --ep-color-primary-gradient:linear-gradient(180deg,#ffeb00,#ffd000); --ep-color-secondary-gradient:linear-gradient(180deg,#009900,#005000);
  --ion-background-color:#002800; --ion-text-color:#f7faf4; --ion-color-primary:#009900; --ion-toolbar-background:#001900;
  --color-text-currency:#ffe600;
}
html.prime-cc99a body, html.prime-cc99a ion-app, html.prime-cc99a ion-content { background:#002800 !important; --background:#002800; color:#f7faf4; }
html.prime-cc99a ion-content.rounded-t.main-content { --background:#002800; }
/* ---------- cabeçalho ---------- */
html.prime-cc99a ion-header ion-toolbar.toolbar { --background:#001900 !important; --min-height:64px; --padding-start:10px; --padding-end:10px; --border-width:0; background:#001900; box-shadow:0 2px 0 #004a00; }
html.prime-cc99a ion-buttons.menu-btn ion-icon.menu-icon { color:#ffe600; font-size:26px; }
html.prime-cc99a div.logo-wrap ion-img.logo, html.prime-cc99a ion-menu ion-img.logo { width:150px; max-width:194px; height:40px; object-fit:contain; }
html.prime-cc99a div.logo-wrap ion-img.logo::part(image), html.prime-cc99a ion-menu ion-img.logo::part(image) { object-fit:contain; }
html.prime-cc99a div.button-box ion-button.unset-btn { --border-radius:11px; --box-shadow:none; height:36px; font-weight:700; font-size:14px; text-transform:none; margin:0 0 0 8px; min-width:84px; }
html.prime-cc99a div.button-box ion-button.unset-btn.login { --background:#002900; --color:#f7faf4; border:1.5px solid #129800; border-radius:11px; }
html.prime-cc99a div.button-box ion-button.unset-btn.register { --background:linear-gradient(180deg,#ffeb00,#ffd000); --color:#071a00; }
html.prime-cc99a div.register-btn-warper .rewardTag .tag { background:#009900; color:#fff; }
html.prime-cc99a div.pwa-header-wrap { background:#003500; color:#f7faf4; }
html.prime-cc99a div.pwa-header-wrap .btn-default { background:linear-gradient(180deg,#ffeb00,#ffd000); color:#071a00; }
/* ---------- hero ---------- */
html.prime-cc99a div.swiper-poster { padding:10px 12px 0; }
html.prime-cc99a div.swiper-poster .swiper { border-radius:12px; overflow:hidden; }
html.prime-cc99a div.swiper-poster img.poster-img { width:100%; aspect-ratio:849/475; object-fit:cover; border-radius:12px; display:block; }
html.prime-cc99a .swiper-pagination-bullet { background:#abc39d; opacity:.6; }
html.prime-cc99a .swiper-pagination-bullet-active { background:#ffe600; opacity:1; width:16px; border-radius:4px; }
html.prime-cc99a img.badge-img { display:none; }
/* atalhos sob o hero */
html.prime-cc99a ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) { padding:10px 12px 0; gap:8px; }
html.prime-cc99a ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) ion-img.item-image { border-radius:12px; overflow:hidden; border:1px solid #165500; }
/* ---------- ticker ---------- */
html.prime-cc99a div.marquee-wrapper { margin:10px 12px 0; }
html.prime-cc99a div.megaphone-wrapper { background:#003500; border:1px solid #165500; border-radius:10px; height:38px; color:#f7faf4; }
html.prime-cc99a div.marquee.label, html.prime-cc99a .marquee__item { color:#f7faf4; font-size:13px; }
html.prime-cc99a div.wall.megaphone { background:#009900; border-radius:8px; }
html.prime-cc99a div.megaphone-wrapper ion-button.icon-btn { --background:#009900; --color:#ffe600; }
/* ---------- categorias (chips) ---------- */
html.prime-cc99a #stickyElement.segment-c, html.prime-cc99a div.wrapper.segment-c { background:#002800 !important; padding:10px 6px 4px; }
html.prime-cc99a ion-segment.segment-scrollable { background:transparent; gap:6px; }
html.prime-cc99a ion-segment-button { --background:#003500; --background-checked:#003500; --color:#abc39d; --color-checked:#ffe600; --indicator-color:transparent; --indicator-height:0; --padding-start:4px; --padding-end:4px; min-width:58px; width:58px; height:74px; border:1.5px solid #165500; border-radius:10px; margin:0 3px; text-transform:none; --ripple-color:transparent; }
html.prime-cc99a ion-segment-button.segment-button-checked { border-color:#ffe600; background:#004000; box-shadow:0 0 0 1px #ffe600 inset; }
html.prime-cc99a ion-segment-button div.btn-wall div.img-box { width:36px; height:36px; margin:0 auto 2px; background-size:36px 36px !important; }
html.prime-cc99a ion-segment-button div.btn-wall div.img-box.cc-icon > * { display:none; }
html.prime-cc99a ion-segment-button ion-label.label { font-size:11px; font-weight:700; color:inherit; }
html.prime-cc99a ion-segment-button .sub-label { display:none; }
html.prime-cc99a ion-segment-button.cc-hide { display:none !important; }
/* ---------- título de seção ---------- */
html.prime-cc99a div.game-head { margin:12px 12px 8px; padding:0; display:flex; align-items:center; background:transparent; }
html.prime-cc99a div.game-head div.wall.logo { display:none; }
html.prime-cc99a div.game-head span.label { background:#009900; color:#fff; font-weight:800; font-size:14px; padding:6px 22px 6px 12px; border-left:4px solid #ffe600; clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%); margin-right:8px; }
html.prime-cc99a div.game-head div.total { margin-left:auto; color:#abc39d; font-size:12px; }
html.prime-cc99a div.game-head div.total ion-label.number { background:#003500; color:#ffe600; border:1px solid #165500; border-radius:6px; padding:1px 7px; font-weight:700; }
html.prime-cc99a .t88-lobby, html.prime-cc99a .cc-lobby { margin-left:8px; border:1px solid #165500; background:#003500; color:#f7faf4; border-radius:8px; padding:5px 10px; font-size:12px; }
/* ---------- grid de jogos ---------- */
html.prime-cc99a div.game-content { padding:0 12px; }
html.prime-cc99a div.game-content div.card-container { gap:8px; }
html.prime-cc99a div.game-card, html.prime-cc99a div.style1.game-card { background:#003000; border-radius:11px; border:1px solid #165500; overflow:hidden; }
html.prime-cc99a div.game-card ion-img.game-img { border-radius:10px 10px 0 0; }
html.prime-cc99a div.game-card ion-icon.favorite { background:rgba(0,25,0,.75); color:#ffe600; border-radius:50%; }
html.prime-cc99a div.game-card .game-name, html.prime-cc99a div.game-card ion-label { color:#c7dbbc; font-size:12px; }
html.prime-cc99a .t88-more, html.prime-cc99a .cc-more, html.prime-cc99a .onMore { margin:8px 12px 4px; background:#003500; border:1px solid #165500; color:#ffe600; border-radius:10px; text-align:center; padding:10px; font-weight:700; font-size:13px; }
/* ---------- rodapé / listas ---------- */
html.prime-cc99a ion-content .footer, html.prime-cc99a div.footer-wrap, html.prime-cc99a div.footer { color:#67895f; background:#001900; }
html.prime-cc99a ion-item { --background:#003000; --color:#f7faf4; --border-color:#165500; }
/* ---------- tabbar ---------- */
html.prime-cc99a ion-tab-bar.tab-bar { --background:transparent; background:transparent; border:0; height:84px; contain:none; }
html.prime-cc99a ion-tab-bar.tab-bar div.inner-wrap { background:#005000; border-top:2px solid #0b7a0b; border-radius:16px 16px 0 0; height:84px; display:flex; align-items:flex-end; padding:0 4px 6px; }
html.prime-cc99a ion-tab-bar.tab-bar div.wall.background-img { display:none; }
html.prime-cc99a ion-tab-bar.tab-bar div.tab-btn, html.prime-cc99a ion-tab-bar.tab-bar div.flexible-tab { flex:1 1 0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; color:#d6ecc9; font-size:11px; font-weight:700; }
html.prime-cc99a ion-tab-bar.tab-bar ion-img.tab-img { width:46px; height:46px; margin-bottom:2px; }
html.prime-cc99a ion-tab-bar.tab-bar div.active-tab { color:#ffe600; }
html.prime-cc99a ion-tab-bar.tab-bar div.flexible-tab div.flexible-tab-box { width:72px; height:72px; margin-top:-30px; margin-bottom:-2px; display:flex; align-items:center; justify-content:center; }
html.prime-cc99a ion-tab-bar.tab-bar ion-img.flexible-img-ring { display:none; }
html.prime-cc99a ion-tab-bar.tab-bar ion-img.flexible-img-main { width:72px; height:72px; }
html.prime-cc99a ion-tab-bar.tab-bar .red-point { background:#ff3b3b; }
/* ---------- flutuantes / suporte ---------- */
html.prime-cc99a .cc-float-r { position:fixed; right:6px; bottom:110px; z-index:1100; display:flex; flex-direction:column; gap:6px; }
html.prime-cc99a .cc-float-r a { display:block; width:66px; height:66px; }
html.prime-cc99a .cc-float-r img { width:66px; height:66px; display:block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
html.prime-cc99a div.support.layout3 { background:#009900 url(/assets/cc99a/atendente.webp?v=1) center/42px no-repeat; border:2px solid #ffe600; border-radius:50%; width:52px; height:52px; box-shadow:0 2px 8px rgba(0,0,0,.5); }
html.prime-cc99a div.support.layout3 ion-icon { opacity:0; }
html.prime-cc99a div.to-top-box { background:#003500; color:#ffe600; border:1px solid #165500; }
html.prime-cc99a .t88-float-r, html.prime-cc99a .t88-float-l { display:none !important; }
/* ---------- menu lateral ---------- */
html.prime-cc99a ion-menu[menu-id="main-menu"] { --background:#001900; --width:80.5%; max-width:385px; }
html.prime-cc99a ion-menu[menu-id="main-menu"] ion-toolbar.header-logo { --background:#001900; }
html.prime-cc99a ion-menu[menu-id="main-menu"] ion-icon.close { color:#ffe600; }
html.prime-cc99a ion-menu[menu-id="main-menu"] div.primaryBtn { background:#003000; border-radius:12px; margin:0 10px; }
html.prime-cc99a ion-menu[menu-id="main-menu"] ion-content { --background:#001900 url(/assets/cc99a/menu-tigre.webp?v=1) right bottom/160px no-repeat; }
html.prime-cc99a ion-menu div.hot-game-box, html.prime-cc99a ion-menu div.drop-down, html.prime-cc99a ion-menu section.game-platform, html.prime-cc99a ion-menu li.activity-box { background:#002c00; border-color:#165500 !important; color:#f7faf4; border-radius:10px; }
html.prime-cc99a ion-menu div.hot-game-title ion-label, html.prime-cc99a ion-menu div.drop-down ion-label, html.prime-cc99a ion-menu ion-label.platform-item-label, html.prime-cc99a ion-menu li.activity-box ion-label { color:#f7faf4; }
html.prime-cc99a ion-menu div.hot-game-title ion-label.label { color:#ffe600; }
html.prime-cc99a ion-menu div.platform-item.active, html.prime-cc99a ion-menu div.platform-item.actived { background:#004000; border:1px solid #ffe600; border-radius:10px; }
html.prime-cc99a ion-menu div.platform-item.cc-hide { display:none !important; }
html.prime-cc99a ion-menu ion-icon { color:#6cda24; }
/* ---------- modal login / cadastro ---------- */
html.prime-cc99a ion-modal#login-modal { --background:#001b00; --border-radius:20px; }
html.prime-cc99a ion-modal#login-modal .warpper, html.prime-cc99a ion-modal#login-modal .wrapper { background:#001b00 url(/assets/cc99a/cadastro-personagens.webp?v=1) center top/100% auto no-repeat; }
html.prime-cc99a ion-modal#login-modal .warpper > .header { background:transparent; min-height:120px; }
html.prime-cc99a ion-modal#login-modal .warpper > .header ion-img.logo { width:140px; height:36px; margin:12px auto 0; }
html.prime-cc99a ion-modal#login-modal span.btn-close, html.prime-cc99a ion-modal#login-modal ion-icon.close { color:#ffe600; }
html.prime-cc99a ion-modal#login-modal .content { background:linear-gradient(180deg,#008e00,#002a00); border:1px solid #18a600; border-radius:20px 20px 0 0; color:#f7faf4; }
html.prime-cc99a ion-modal#login-modal .content > .header p.title { color:#ffe600; font-size:26px; font-weight:900; }
html.prime-cc99a ion-modal#login-modal span.register-hint, html.prime-cc99a ion-modal#login-modal span.login-hint { color:#d6ecc9; }
html.prime-cc99a ion-modal#login-modal ion-label.register-text, html.prime-cc99a ion-modal#login-modal ion-label.login-text { color:#ffe600; font-weight:800; }
html.prime-cc99a ion-modal#login-modal label.input-wrapper, html.prime-cc99a ion-modal#login-modal .form-wrapper .input-wrapper { background:#003300; border:1px solid #165500; border-radius:28px; color:#f7faf4; }
html.prime-cc99a ion-modal#login-modal input.native-input, html.prime-cc99a ion-modal#login-modal input { color:#f7faf4; --placeholder-color:#abc39d; background:transparent; }
html.prime-cc99a ion-modal#login-modal ion-icon.input-icon, html.prime-cc99a ion-modal#login-modal ion-icon.password-icon { color:#6cda24; }
html.prime-cc99a ion-modal#login-modal div.btn-login, html.prime-cc99a ion-modal#login-modal ion-button.first-button, html.prime-cc99a ion-modal#login-modal div.submit ion-button { --background:linear-gradient(180deg,#c2cd00,#b1b500); background:linear-gradient(180deg,#c2cd00,#b1b500); --color:#071a00; color:#071a00; border-radius:28px; --border-radius:28px; font-weight:800; }
html.prime-cc99a ion-modal#login-modal div.remember-account, html.prime-cc99a ion-modal#login-modal ion-checkbox { color:#d6ecc9; --checkbox-background-checked:#ffe600; --border-color-checked:#ffe600; --checkmark-color:#071a00; }
html.prime-cc99a ion-modal#login-modal .forget, html.prime-cc99a ion-modal#login-modal a { color:#ffe600; }
/* ---------- promoções ---------- */
html.prime-cc99a div.activity-wrap { background:#003000; border:1px solid #22531a; border-radius:12px; margin:10px 12px; overflow:hidden; }
html.prime-cc99a div.activity-wrap .rounded-top ion-item { --background:#002800; }
html.prime-cc99a div.activity-wrap .rounded-top ion-item::part(native), html.prime-cc99a div.activity-wrap .rounded-top img { aspect-ratio:841/225; object-fit:cover; }
html.prime-cc99a div.activity-wrap p.activity-name { color:#f7faf4; font-weight:700; }
html.prime-cc99a div.activity-wrap .activity-time, html.prime-cc99a div.activity-wrap .end-time { color:#abc39d; }
html.prime-cc99a div.activity-wrap .in-progress { background:linear-gradient(180deg,#ffeb00,#ffd000); color:#071a00 !important; border-radius:8px; padding:6px 10px; font-weight:800; }
html.prime-cc99a ion-header ion-toolbar ion-segment ion-segment-button.segment-button-checked { color:#ffe600; border-color:#ffe600; }
html.prime-cc99a ion-toolbar { --background:#001900; --color:#f7faf4; }
/* ---------- perfil ---------- */
html.prime-cc99a ion-content.mine div.user-base-info { background:linear-gradient(180deg,#009400,#003000); border-radius:0 0 16px 16px; }
html.prime-cc99a ion-content.mine div.user-base-info div.bg-img { opacity:.15; }
html.prime-cc99a ion-content.mine div.balances span.color-text-currency, html.prime-cc99a ion-content.mine div.balances span { color:#ffe600; }
html.prime-cc99a ion-content.mine div.recharge-withdraw div.recharge-info, html.prime-cc99a ion-content.mine div.recharge-withdraw div.withdraw-info { background:#003b00; border:1px solid #165500; color:#f7faf4; border-radius:12px; }
html.prime-cc99a ion-content.mine section.user-tab-info, html.prime-cc99a ion-content.mine div.feature-tab, html.prime-cc99a ion-content.mine div.kf-nav { background:#003000; border:1px solid #165500; border-radius:12px; color:#f7faf4; }
html.prime-cc99a ion-content.mine div.feature-tab ion-item { --background:#004000; --color:#6cda24; font-size:17px; }
html.prime-cc99a ion-content.mine div.my-vip { background:linear-gradient(180deg,#009400,#003000); border-radius:12px; color:#f7faf4; }
html.prime-cc99a ion-content.mine div.my-vip .vip-detail { background:#009400; }
html.prime-cc99a ion-content.mine ion-progress-bar { --background:#39a72b; --progress-background:#ffe600; }
html.prime-cc99a ion-content.mine ion-thumbnail.avatar-info { border:2px solid #ffe600; border-radius:50%; }
/* ---------- agência (quadro) ---------- */
html.prime-cc99a #t79-agente, html.prime-cc99a #t79-agente .t79a-head, html.prime-cc99a #t79-agente .t79a-frame { background:#002800 !important; }
html.prime-cc99a #t79-agente .t79a-head { border-bottom:1px solid #165500 !important; }
html.prime-cc99a #t79-agente .t79a-back { color:#ffe600 !important; }
html.prime-cc99a #t79-agente .t79a-title { color:#ffe600 !important; }
/* ---------- overlay / popups genéricos ---------- */
html.prime-cc99a ion-modal { --background:#001b00; }
html.prime-cc99a ion-alert .alert-wrapper, html.prime-cc99a ion-toast { --background:#003000; --color:#f7faf4; }
html.prime-cc99a ion-button { --background:#009900; --color:#fff; }
html.prime-cc99a ion-button.button-outline { --border-color:#ffe600; --color:#ffe600; }
html.prime-cc99a .color-primary-800, html.prime-cc99a .color-primary { color:#ffe600; }
html.prime-cc99a .cc-pwa-x { display:none; }
/* ---------- desktop ---------- */
@media (min-width:768px) {
  html.prime-cc99a ion-router-outlet.mx-auto { max-width:540px; margin:0 auto; background:#002800; box-shadow:0 0 40px rgba(0,0,0,.6); }
  html.prime-cc99a body { background:#001900 !important; }
  html.prime-cc99a .cc-float-r { right:calc(50% - 270px + 6px); }
}
/* r2: ajustes pós-print */
html.prime-cc99a ion-tab-bar.tab-bar div.tab-btn ion-label, html.prime-cc99a ion-tab-bar.tab-bar div.flexible-tab ion-label { display:none; }
html.prime-cc99a ion-tab-bar.tab-bar ion-img.tab-img { width:56px; height:72px; margin:0; }
html.prime-cc99a ion-tab-bar.tab-bar div.flexible-tab div.flexible-tab-box { background:url(/assets/cc99a/nav-1.webp?v=1) center/contain no-repeat; margin-top:-6px; width:56px; height:72px; }
html.prime-cc99a ion-tab-bar.tab-bar ion-img.flexible-img-main { opacity:0; }
html.prime-cc99a ion-modal#login-modal ion-button, html.prime-cc99a ion-modal#login-modal .btn-login ion-button, html.prime-cc99a ion-modal#login-modal button.submit { --background:linear-gradient(180deg,#c2cd00,#b1b500) !important; --color:#071a00 !important; color:#071a00; --border-radius:28px; font-weight:800; }
html.prime-cc99a div.activity-wrap .in-progress { white-space:nowrap; font-size:12px; padding:6px 8px; }