/* CryptoChoco v217 — consolidated UX/UI system. Loaded after Tailwind. */
/* CryptoChoco v205 — live UI delivery + density repair.
   This stylesheet MUST load after tailwind-v189 and cc-layout-v194. */

/* ---------- User dashboard ---------- */
.cc-dashboard-v111{max-width:82rem;margin-left:auto;margin-right:auto}
.cc-dashboard-v111 .cc-dashboard-kpi-v44{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;margin-bottom:1rem!important;overflow:visible!important;padding-bottom:0!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44>*,
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-neon-metric{min-width:0!important;min-height:0!important;padding:.72rem .78rem!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-neon-metric-icon{width:1.75rem!important;height:1.75rem!important;margin-bottom:.32rem!important;font-size:.78rem!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-metric-label{font-size:.63rem!important;line-height:.9rem!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-metric-value{font-size:1.05rem!important;line-height:1.2rem!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-metric-meta{font-size:.62rem!important;line-height:.92rem!important;margin-top:.18rem!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204{padding:.78rem .88rem!important;margin-bottom:.9rem!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204 .text-xl{font-size:.98rem!important;line-height:1.18rem!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204 .mt-4{margin-top:.7rem!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204 .pt-4{padding-top:.7rem!important}
.cc-dashboard-v111 .cc-earn-family-v111{gap:.7rem!important}
.cc-dashboard-v111 .cc-earn-family-v111 .cc-earn-neon-card{min-height:8.4rem!important;padding:.78rem!important;border-radius:.9rem!important}
.cc-dashboard-v111 .cc-earn-family-v111 .cc-earn-neon-card h4{font-size:.9rem!important;margin-top:.55rem!important}
.cc-dashboard-v111 .cc-earn-family-v111 .cc-earn-neon-card p{font-size:.68rem!important;line-height:1rem!important;margin-top:.3rem!important}
.cc-dashboard-v111 .cc-earn-family-v111 .cc-earn-neon-card .w-11{width:2.25rem!important;height:2.25rem!important}
@media (min-width:640px){.cc-dashboard-v111 .cc-dashboard-kpi-v44{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:900px){.cc-dashboard-v111 .cc-earn-family-v111{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ---------- Referrals ---------- */
.cc-referral-hero-v204{max-width:68rem!important;margin-left:auto!important;margin-right:auto!important;padding:.95rem 1.05rem!important;border-radius:1rem!important}
.cc-referral-hero-v204 .w-14.h-14{width:2.65rem!important;height:2.65rem!important;font-size:1.1rem!important}
.cc-referral-hero-v204 h3{font-size:1.12rem!important;line-height:1.35rem!important}
.cc-referral-hero-v204 .p-4{padding:.72rem!important}
.cc-referral-summary-v204{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:42rem!important;margin-left:auto!important;margin-right:auto!important;gap:.65rem!important}
.cc-referral-summary-v204 .cc-metric-card{min-height:0!important;padding:.72rem .8rem!important}
.cc-referral-summary-v204 .cc-metric-card .text-2xl{font-size:1.12rem!important;line-height:1.35rem!important}
.cc-referral-summary-v204 .cc-metric-card .text-6xl{font-size:2.6rem!important}

/* ---------- Surveys ---------- */
.cc-survey-provider-grid-v205,.cc-survey-grid-v205,.cc-survey-history-grid-v205{display:grid!important;gap:.7rem!important}
.cc-survey-provider-grid-v205{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cc-survey-grid-v205{grid-template-columns:1fr!important}
.cc-survey-history-grid-v205{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cc-survey-card-v205{padding:.78rem!important;border-radius:.9rem!important;min-width:0!important}
.cc-survey-card-v205 h3{font-size:.9rem!important;line-height:1.2rem!important;margin-top:.55rem!important}
.cc-survey-card-v205 .w-9.h-9{width:2rem!important;height:2rem!important}
.cc-survey-card-v205 .p-2\.5{padding:.55rem!important}
.cc-survey-card-v205 .mt-3{margin-top:.65rem!important}
.cc-survey-card-v205 p{line-height:.95rem!important}
@media (min-width:640px){.cc-survey-grid-v205{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:960px){.cc-survey-provider-grid-v205{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cc-survey-grid-v205{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cc-survey-history-grid-v205{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:1320px){.cc-survey-grid-v205{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* ---------- Manual Faucet ---------- */
.cc-manual-faucet-fragment-v204 .cc-manual-faucet-main-v112{max-width:46rem!important}
.cc-manual-faucet-fragment-v204 .cc-manual-faucet-main-v112>div{padding:1rem!important;border-radius:1rem!important}
.cc-manual-faucet-fragment-v204 #roll-display{max-width:22rem!important;padding:.7rem!important;border-width:2px!important}
.cc-manual-faucet-fragment-v204 #rolled-number{font-size:2.3rem!important;line-height:2.6rem!important;letter-spacing:.08em!important}
.cc-manual-faucet-fragment-v204 #mf-claim-zone>div{padding:.75rem 1.2rem!important;border-radius:.9rem!important}
@media (min-width:1280px){.cc-manual-faucet-fragment-v204 .cc-mf-side-ad{display:flex!important}}


/* CryptoChoco v218 — geometry consistency, accessible Admin charts, and Withdrawal Management repair.
   Admin loads ONLY this UX stylesheet; no v205/v206/v207 admin cascade. */

/* Shared admin shell */
.cc-admin-shell-v218 aside{width:15rem!important;min-width:15rem!important}
.cc-admin-shell-v218 main{min-width:0!important}
.cc-admin-shell-v218 .cc-admin-search-wrap{padding:.42rem .52rem .2rem!important}
.cc-admin-shell-v218 .cc-admin-nav-compact{padding:.08rem .42rem .5rem!important}
.cc-admin-shell-v218 .cc-admin-nav-compact [data-cc-nav-section]{margin-bottom:.32rem!important}
.cc-admin-shell-v218 .cc-admin-nav-compact [data-cc-nav-section]>p{font-size:.48rem!important;margin-bottom:.12rem!important;letter-spacing:.1em!important}
.cc-admin-shell-v218 .cc-admin-nav-grid-v204{display:grid!important;grid-template-columns:1fr!important;gap:.08rem!important}
.cc-admin-shell-v218 .cc-admin-nav-compact .admin-nav{min-height:25px!important;padding:.22rem .34rem!important;font-size:.61rem!important;line-height:.76rem!important;border-radius:.44rem!important}
.cc-admin-shell-v218 .cc-admin-nav-compact .admin-nav>i{font-size:.62rem!important}

@media(min-width:1024px){
 .cc-admin-shell-v218 main .p-8,.cc-admin-shell-v218 main .md\:p-8,.cc-admin-shell-v218 main .lg\:p-8{padding:.88rem!important}
 .cc-admin-shell-v218 main .p-7,.cc-admin-shell-v218 main .md\:p-7{padding:.82rem!important}
 .cc-admin-shell-v218 main .p-6,.cc-admin-shell-v218 main .md\:p-6{padding:.72rem!important}
 .cc-admin-shell-v218 main .p-5{padding:.64rem!important}
 .cc-admin-shell-v218 main .gap-8{gap:.9rem!important}.cc-admin-shell-v218 main .gap-6{gap:.68rem!important}.cc-admin-shell-v218 main .gap-5{gap:.62rem!important}
 .cc-admin-shell-v218 main .space-y-8>:not([hidden])~:not([hidden]){margin-top:.92rem!important}
 .cc-admin-shell-v218 main .space-y-6>:not([hidden])~:not([hidden]){margin-top:.72rem!important}
 .cc-admin-shell-v218 main .space-y-5>:not([hidden])~:not([hidden]){margin-top:.62rem!important}
 .cc-admin-shell-v218 main .rounded-\[2rem\],.cc-admin-shell-v218 main .rounded-3xl{border-radius:.88rem!important}
 .cc-admin-shell-v218 main .rounded-\[1\.75rem\],.cc-admin-shell-v218 main .rounded-2xl{border-radius:.72rem!important}
 .cc-admin-shell-v218 main h1.text-4xl,.cc-admin-shell-v218 main h2.text-4xl{font-size:1.48rem!important;line-height:1.7rem!important}
 .cc-admin-shell-v218 main h1.text-3xl,.cc-admin-shell-v218 main h2.text-3xl{font-size:1.3rem!important;line-height:1.52rem!important}
 .cc-admin-shell-v218 main .text-3xl{font-size:1.22rem!important;line-height:1.45rem!important}
 .cc-admin-shell-v218 main .text-2xl{font-size:1.04rem!important;line-height:1.28rem!important}
 .cc-admin-shell-v218 main .text-xl{font-size:.96rem!important;line-height:1.22rem!important}
 .cc-admin-shell-v218 main input.p-3,.cc-admin-shell-v218 main select.p-3,.cc-admin-shell-v218 main textarea.p-3{padding:.58rem .66rem!important}
 .cc-admin-shell-v218 main table th,.cc-admin-shell-v218 main table td{line-height:1.15!important}
}

/* Deliberate page widths; data-heavy pages get more room, config pages less. */
@media(min-width:1024px){
 :is(.cc-admin-page-dashboard,.cc-admin-page-withdrawals,.cc-admin-page-users,.cc-admin-page-offers,.cc-admin-page-growth,.cc-admin-page-settings,.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-external_ads,.cc-admin-page-reputation,.cc-admin-page-search_visibility,.cc-admin-page-authentication,.cc-admin-page-security,.cc-admin-page-maintenance,.cc-admin-page-missions) main>div[class*="max-w-"],
 :is(.cc-admin-page-dashboard,.cc-admin-page-withdrawals,.cc-admin-page-users,.cc-admin-page-offers,.cc-admin-page-growth,.cc-admin-page-settings,.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-external_ads,.cc-admin-page-reputation,.cc-admin-page-search_visibility,.cc-admin-page-authentication,.cc-admin-page-security,.cc-admin-page-maintenance,.cc-admin-page-missions) main>div.w-full{max-width:68rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}

 :is(.cc-admin-page-control_center,.cc-admin-page-health,.cc-admin-page-acceptance,.cc-admin-page-recovery,.cc-admin-page-choco_draw_analytics,.cc-admin-page-surveys,.cc-admin-page-survey_quality,.cc-admin-page-provider_health,.cc-admin-page-treasury) main>div[class*="max-w-"],
 :is(.cc-admin-page-control_center,.cc-admin-page-health,.cc-admin-page-acceptance,.cc-admin-page-recovery,.cc-admin-page-choco_draw_analytics,.cc-admin-page-surveys,.cc-admin-page-survey_quality,.cc-admin-page-provider_health,.cc-admin-page-treasury) main>div.w-full{max-width:72rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}

 :is(.cc-admin-page-accounting,.cc-admin-page-business_kpi,.cc-admin-page-monlix,.cc-admin-page-timewall,.cc-admin-page-provider_analytics,.cc-admin-page-provider_expansion,.cc-admin-page-provider_routing,.cc-admin-page-providers,.cc-admin-page-public_pages_health,.cc-admin-page-risk,.cc-admin-page-withdrawal_ops,.cc-admin-page-profit,.cc-admin-page-profit_optimizer,.cc-admin-page-offerwalls) main>div[class*="max-w-"],
 :is(.cc-admin-page-accounting,.cc-admin-page-business_kpi,.cc-admin-page-monlix,.cc-admin-page-timewall,.cc-admin-page-provider_analytics,.cc-admin-page-provider_expansion,.cc-admin-page-provider_routing,.cc-admin-page-providers,.cc-admin-page-public_pages_health,.cc-admin-page-risk,.cc-admin-page-withdrawal_ops,.cc-admin-page-profit,.cc-admin-page-profit_optimizer,.cc-admin-page-offerwalls) main>div.w-full{max-width:76rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}

 .cc-admin-page-revshare main{max-width:70rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
 .cc-admin-page-offerwalls main[class*="max-w-"],.cc-admin-page-profit main[class*="max-w-"]{max-width:76rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
}

/* Standard KPI density */
.cc-admin-shell-v218 .cc-admin-kpi-grid-v204{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.48rem!important}
.cc-admin-shell-v218 .cc-admin-kpi-grid-v204>div{min-height:0!important;padding:.58rem!important;border-radius:.64rem!important}
.cc-admin-shell-v218 .cc-admin-kpi-grid-v204 .text-2xl{font-size:.94rem!important;line-height:1.15rem!important}
.cc-admin-shell-v218 .cc-admin-kpi-grid-v204 .text-6xl{font-size:2.2rem!important}
@media(min-width:640px){.cc-admin-shell-v218 .cc-admin-kpi-grid-v204{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Growth / SEO pages: do not let viewport XL break compact content geometry. */
@media(min-width:1024px){
 :is(.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-reputation,.cc-admin-page-search_visibility,.cc-admin-page-growth,.cc-admin-page-external_ads) main .xl\:grid-cols-2,
 :is(.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-reputation,.cc-admin-page-search_visibility,.cc-admin-page-growth,.cc-admin-page-external_ads) main .lg\:grid-cols-2{grid-template-columns:1fr!important}
 :is(.cc-admin-page-acquisition,.cc-admin-page-reputation,.cc-admin-page-growth) main .xl\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(min-width:1180px){:is(.cc-admin-page-acquisition,.cc-admin-page-reputation,.cc-admin-page-growth) main .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Withdrawal Management: deterministic layout, independent of Tailwind responsive utility behavior. */
.cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{max-width:68rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;min-height:0!important;align-items:stretch!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218{min-width:0!important;width:auto!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 p{max-width:50rem!important;line-height:1.45!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 input{max-width:15rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:100%!important;padding-top:0!important;margin-top:0!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218 button{width:100%!important;white-space:nowrap!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218{display:grid!important;grid-template-columns:1fr!important;max-width:68rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;gap:.65rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218>div{min-height:0!important;padding:.68rem .78rem!important;border-radius:.72rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218 .text-7xl{font-size:3rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-table-card-v218{width:100%!important;max-width:68rem!important;margin-left:auto!important;margin-right:auto!important}
@media(min-width:768px){
 .cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{display:grid!important;grid-template-columns:minmax(0,1fr) 10.5rem!important;gap:1rem!important;align-items:end!important}
 .cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:10.5rem!important;align-self:end!important}
 .cc-admin-page-withdrawals .cc-withdrawal-summary-v218{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Tables remain scrollable rather than stretching the whole page. */
.cc-admin-shell-v218 main .overflow-x-auto{max-width:100%!important}
.cc-admin-shell-v218 main table{max-width:100%}
@media(max-width:1023px){.cc-admin-shell-v218 aside{width:auto!important;min-width:0!important}}



/* ---------- v217 interaction system / established CryptoChoco palette ---------- */
:root{
  --cc-action:#0A8FD6;
  --cc-action-readable:#0876B5;
  --cc-action-soft:rgba(10,143,214,.10);
  --cc-action-border:rgba(10,143,214,.24);
}
html{scroll-behavior:smooth}
a[href],button:not(:disabled),summary,[role="button"],[data-clickable]{cursor:pointer}
button:disabled,[aria-disabled="true"]{cursor:not-allowed}
a[href],button,summary{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.cc-link-accent:hover,.cc-public-shell-v111 a:not(.cc-btn):hover{color:var(--cc-action-readable)}
.cc-public-shell-v111 a:focus-visible,.cc-public-shell-v112 a:focus-visible,.cc-admin-shell-v218 a:focus-visible,.cc-admin-shell-v218 button:focus-visible{outline:2px solid var(--cc-action);outline-offset:2px}
.text-brand-primary{color:var(--cc-action-readable)!important}
.bg-brand-primary{background-color:var(--cc-action-readable)!important}
.border-brand-primary\/15{border-color:rgba(10,143,214,.18)!important}
.hover\:text-brand-primary:hover{color:var(--cc-action-readable)!important}
.focus\:ring-sky-500\/30:focus{--tw-ring-color:rgba(10,143,214,.25)!important}

/* Buttons: compact on desktop, touch-safe on smaller screens. */
.cc-btn{min-height:2.32rem!important;padding:.48rem .82rem!important;border-radius:.72rem!important;font-size:.78rem!important;line-height:1!important;display:inline-flex;align-items:center;justify-content:center;gap:.38rem}
.cc-btn-sm{min-height:2rem!important;padding:.38rem .64rem!important;font-size:.70rem!important;border-radius:.62rem!important}
.cc-btn-primary{background:var(--cc-action-readable)!important;border-color:var(--cc-action-readable)!important;color:#fff!important;box-shadow:0 7px 18px rgba(8,118,181,.13)!important}
.cc-btn-primary:hover{background:#075F91!important;border-color:#075F91!important;transform:translateY(-1px)}
@media(max-width:640px){.cc-btn,.cc-btn-sm{min-height:2.65rem!important}.cc-btn-sm{padding:.52rem .72rem!important}}

/* Public information pages: quieter, more compact hero and established blue interaction accent. */
.cc-public-shell-v111 header a,.cc-public-shell-v112 header a{cursor:pointer}
.cc-public-shell-v111 header a:hover,.cc-public-shell-v112 header a:hover,.cc-public-shell-v111 header summary:hover,.cc-public-shell-v112 header summary:hover{color:var(--cc-action-readable)!important}
.cc-public-shell-v111 header [aria-current="page"],.cc-public-shell-v112 header [aria-current="page"]{color:var(--cc-action-readable)!important}
.cc-public-shell-v111 .cc-public-hero-v217,.cc-public-shell-v112 .cc-public-hero-v217{border-radius:1.25rem!important;padding:1.45rem 1.55rem!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important;border-color:var(--cc-action-border)!important}
.cc-public-shell-v111 .cc-public-hero-v217 h1,.cc-public-shell-v112 .cc-public-hero-v217 h1{margin-top:.75rem!important;font-size:clamp(1.75rem,4vw,2.75rem)!important;line-height:1.05!important}
.cc-public-shell-v111 .cc-public-hero-v217 p,.cc-public-shell-v112 .cc-public-hero-v217 p{margin-top:.75rem!important;line-height:1.65!important}
.cc-public-shell-v111 .cc-pill,.cc-public-shell-v112 .cc-pill{padding:.36rem .65rem!important;font-size:.64rem!important;border-color:var(--cc-action-border)!important;color:var(--cc-action-readable)!important;background:var(--cc-action-soft)!important}
.cc-prose a{color:var(--cc-action-readable)!important}

/* User dashboard density / restrained brand highlight. */
.cc-dashboard-v111{max-width:76rem!important}
.cc-dashboard-v111 .cc-neon-metric,.cc-dashboard-v111 .cc-earn-neon-card{box-shadow:0 9px 22px rgba(15,23,42,.06)!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204{border-color:var(--cc-action-border)!important}

/* Shortlinks: remove empty hero, compact cards and stronger affordance. */
.cc-shortlinks-v217{max-width:76rem;margin:0 auto}
.cc-shortlinks-v217 .cc-shortlinks-intro{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem;padding:.8rem .9rem;border:1px solid var(--cc-action-border);border-radius:.9rem;background:linear-gradient(135deg,rgba(10,143,214,.07),rgba(255,255,255,.78));box-shadow:0 8px 22px rgba(15,23,42,.05)}
.dark .cc-shortlinks-v217 .cc-shortlinks-intro{background:linear-gradient(135deg,rgba(10,143,214,.10),rgba(7,30,36,.80))}
.cc-shortlinks-v217 .cc-shortlinks-intro i{color:var(--cc-action)}
.cc-shortlinks-v217 .cc-shortlinks-metrics{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .75rem;justify-content:flex-start}
.cc-shortlinks-v217 .cc-shortlinks-metric{padding:.44rem .62rem;border-radius:.7rem;gap:.4rem;box-shadow:none}
.cc-shortlinks-v217 .cc-shortlinks-grid{display:grid;grid-template-columns:1fr;gap:.62rem}
@media(min-width:640px){.cc-shortlinks-v217 .cc-shortlinks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.cc-shortlinks-v217 .cc-shortlinks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1220px){.cc-shortlinks-v217 .cc-shortlinks-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cc-shortlinks-v217 .cc-shortlink-card{padding:.75rem!important;border-radius:.85rem!important;transform:none!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important}
.cc-shortlinks-v217 a:hover .cc-shortlink-card{transform:translateY(-2px)!important;border-color:var(--cc-action-border)!important;box-shadow:0 12px 24px rgba(10,143,214,.09)!important}
.cc-shortlinks-v217 a:hover h3{color:var(--cc-action-readable)!important}
.cc-shortlinks-v217 .cc-shortlink-reward{font-size:1.15rem!important;color:var(--cc-action-readable)!important;margin-bottom:.45rem!important}
.cc-shortlinks-v217 .cc-shortlink-views{padding:.3rem .48rem!important;margin-bottom:.58rem!important;font-size:.66rem!important}
.cc-shortlinks-v217 .cc-shortlink-cta{min-height:2.12rem!important;padding:.38rem .55rem!important;border-radius:.62rem!important;background:var(--cc-action-readable)!important;font-size:.72rem!important;box-shadow:none!important}

/* Referrals: Invite Friends should read as a compact utility, not a hero. */
.cc-referral-hero-v204{max-width:54rem!important;padding:.72rem .8rem!important;border-radius:.88rem!important;background:linear-gradient(125deg,#0876B5,#0A8FD6)!important;box-shadow:0 10px 22px rgba(8,118,181,.13)!important;margin-bottom:.75rem!important}
.cc-referral-hero-v204 .w-14.h-14{width:2.25rem!important;height:2.25rem!important;font-size:.9rem!important}
.cc-referral-hero-v204 .flex.items-center.gap-4.mb-4{gap:.62rem!important;margin-bottom:.55rem!important}
.cc-referral-hero-v204 h3{font-size:1rem!important;line-height:1.15rem!important}
.cc-referral-hero-v204 p{font-size:.72rem!important;line-height:1.05rem!important}
.cc-referral-hero-v204 .p-4{padding:.5rem!important}
.cc-referral-hero-v204 input{font-size:.72rem!important}
.cc-referral-hero-v204 button{min-height:2.1rem!important;padding:.42rem .65rem!important;font-size:.7rem!important;border-radius:.58rem!important;white-space:nowrap}
.cc-referral-summary-v204{max-width:36rem!important;gap:.48rem!important;margin-bottom:.75rem!important}
.cc-referral-summary-v204 .cc-metric-card{padding:.58rem .68rem!important}
.cc-referral-table-v206{max-width:50rem!important}

/* Wheel of Fortune: quieter, smaller artwork and restrained glow. */
.cc-wheel-v74{--tropical-papaya:#FF6B35!important;max-width:60rem!important}
.cc-wheel-v74 .cc-neon-panel{border-color:rgba(255,107,53,.16)!important;box-shadow:0 14px 34px rgba(2,4,14,.32),inset 0 0 28px rgba(10,143,214,.035)!important}
.cc-wheel-v74 .cc-stars{opacity:.22!important}
.cc-wheel-v74 .cc-wheel-layout{gap:.65rem!important;margin-top:.7rem!important}
.cc-wheel-v74 .cc-wheel-stage{width:min(80vw,370px)!important;filter:drop-shadow(0 14px 24px rgba(0,0,0,.32))!important}
.cc-wheel-v74 .cc-wheel-ring{border-width:2px!important;border-color:rgba(255,107,53,.52)!important;box-shadow:0 0 10px rgba(255,107,53,.22),0 0 20px rgba(10,143,214,.22)!important}
.cc-wheel-v74 .cc-wheel-ring:after{box-shadow:0 0 7px rgba(10,143,214,.25)!important}
.cc-wheel-v74 .cc-pointer{transform:translateX(-50%) scale(.82)!important;filter:drop-shadow(0 0 5px rgba(251,191,36,.58))!important}
.cc-wheel-v74 .cc-spin-hub{transform:translate(-50%,-50%) scale(.76)!important;box-shadow:0 0 9px rgba(255,107,53,.50),0 0 20px rgba(10,143,214,.18)!important}
.cc-wheel-v74 .cc-spin-hub:not(:disabled):hover{transform:translate(-50%,-50%) scale(.80)!important;box-shadow:0 0 13px rgba(255,107,53,.55),0 0 24px rgba(30,167,90,.22)!important}
.cc-wheel-v74 .cc-status-card{padding:.55rem!important;border-radius:.72rem!important;box-shadow:none!important}
.cc-wheel-v74 .cc-status-card .text-3xl{font-size:1.35rem!important}
.cc-wheel-v74 .cc-odds-card{padding:.44rem!important;border-radius:.68rem!important}
.cc-wheel-v74 .cc-odds-art{width:50px!important;height:50px!important;border-radius:11px!important;padding:4px!important;box-shadow:0 0 7px rgba(255,107,53,.16)!important}
.cc-wheel-v74 .cc-history-img{width:38px!important;height:38px!important;border-radius:10px!important}
.cc-wheel-v74 .cc-neon-title{text-shadow:0 0 9px rgba(255,107,53,.12)!important;font-size:1.65rem!important}
.cc-wheel-v74 .cc-ticket-callout{box-shadow:none!important;background:linear-gradient(100deg,rgba(255,107,53,.08),rgba(255,176,46,.08),rgba(30,167,90,.06))!important}
.cc-wheel-v74 .cc-wheel-history-grid{gap:.48rem!important;margin-top:.55rem!important}
.cc-wheel-v74 .cc-wheel-history-grid>section{padding:.58rem!important;border-radius:.78rem!important}
@media(max-width:560px){.cc-wheel-v74 .cc-wheel-stage{width:min(86vw,320px)!important}.cc-wheel-v74 .cc-spin-hub{transform:translate(-50%,-50%) scale(.70)!important}}

/* Admin navigation: collapsible, calmer and easier to scan. */
.cc-admin-shell-v218 .cc-admin-nav-compact [data-cc-nav-section]{margin-bottom:.22rem!important;border:1px solid transparent;border-radius:.55rem}
.cc-admin-shell-v218 .cc-admin-nav-section-summary{list-style:none;display:flex;align-items:center;gap:.42rem;min-height:27px;padding:.3rem .38rem;border-radius:.48rem;color:#7b8a93;font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.cc-admin-shell-v218 .cc-admin-nav-section-summary::-webkit-details-marker{display:none}
.cc-admin-shell-v218 .cc-admin-nav-section-summary:hover{background:var(--cc-action-soft);color:var(--cc-action-readable)}
.cc-admin-shell-v218 .cc-admin-nav-section-summary .cc-admin-section-chevron{margin-left:auto;font-size:.55rem;transition:transform .16s ease}
.cc-admin-shell-v218 details[open]>.cc-admin-nav-section-summary .cc-admin-section-chevron{transform:rotate(90deg)}
.cc-admin-shell-v218 .admin-nav{cursor:pointer}
.cc-admin-shell-v218 .admin-nav:hover{background:var(--cc-action-soft)!important;color:var(--cc-action-readable)!important}
.cc-admin-shell-v218 .admin-nav.active{background:rgba(10,143,214,.13)!important;color:var(--cc-action-readable)!important;box-shadow:inset 3px 0 0 var(--cc-action)}
.cc-admin-shell-v218 .admin-nav.active i{color:var(--cc-action)!important}
.cc-admin-shell-v218 .cc-admin-search-wrap input:focus{border-color:var(--cc-action-border)!important;box-shadow:0 0 0 3px rgba(10,143,214,.11)!important}

/* Admin chart ergonomics. */
.cc-admin-shell-v218 .cc-admin-dashboard-charts{gap:.62rem!important}
.cc-admin-shell-v218 .cc-admin-chart-card{padding:.68rem!important;border-radius:.72rem!important}
.cc-admin-shell-v218 .cc-admin-chart-card>div:first-child{margin-bottom:.45rem!important}
.cc-admin-shell-v218 .cc-admin-mini-chart{height:208px!important;min-height:208px!important}
.cc-admin-shell-v218 .cc-admin-chart-total{font-size:.68rem!important;padding:.22rem .42rem;border-radius:999px;background:rgba(255,107,53,.08);color:var(--cc-action-readable);font-weight:900}

/* Paid Ads admin + advertiser UX */
.cc-paid-ads-admin-v217,.cc-paid-ads-user-v217{--cc-action:#0A8FD6;--cc-orange-readable:#0876B5}
.cc-paid-ads-admin-v217 .cc-ad-kpi-grid-v217{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}
@media(min-width:760px){.cc-paid-ads-admin-v217 .cc-ad-kpi-grid-v217{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1180px){.cc-paid-ads-admin-v217 .cc-ad-kpi-grid-v217{grid-template-columns:repeat(6,minmax(0,1fr))}}
.cc-paid-ads-admin-v217 .cc-ad-kpi-v217{padding:.58rem .66rem!important;border-radius:.68rem!important;min-height:0!important}
.cc-paid-ads-admin-v217 .cc-ad-kpi-v217 .cc-ad-kpi-value{font-size:1rem;font-weight:900;line-height:1.15}
.cc-paid-ads-admin-v217 .cc-ad-kpi-v217 .cc-ad-kpi-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#77858e;font-weight:900}
.cc-paid-ads-admin-v217 .cc-ad-campaign-table-v217{font-size:.72rem!important;min-width:980px!important}
.cc-paid-ads-admin-v217 .cc-ad-campaign-table-v217 th,.cc-paid-ads-admin-v217 .cc-ad-campaign-table-v217 td{padding:.48rem .48rem!important;vertical-align:middle!important}
.cc-paid-ads-admin-v217 .cc-ad-progress-v217{height:5px;background:rgba(148,163,184,.18);border-radius:999px;overflow:hidden;margin-top:.24rem}
.cc-paid-ads-admin-v217 .cc-ad-progress-v217>span,.cc-paid-ads-user-v217 .cc-ad-progress-v217>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0876B5,#0A8FD6)}
.cc-paid-ads-admin-v217 .cc-admin-action-btn{min-height:1.92rem;padding:.32rem .52rem;border-radius:.54rem;font-size:.65rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}
.cc-paid-ads-user-v217 .cc-advertiser-campaign-card-v217{padding:.68rem!important;border-radius:.78rem!important}
.cc-paid-ads-user-v217 .cc-ad-progress-v217{height:5px;background:rgba(148,163,184,.18);border-radius:999px;overflow:hidden}
.cc-paid-ads-user-v217 .cc-advertiser-metric-v217{font-size:.67rem;color:#7b8a93}

/* Tables / icons / generic card harmony. */
.cc-admin-shell-v218 table th,.cc-admin-shell-v218 table td{vertical-align:middle}
.cc-admin-shell-v218 main i.text-sky-500,.cc-admin-shell-v218 main i.text-orange-500{color:var(--cc-action)!important}
.cc-admin-shell-v218 main a:hover{color:var(--cc-action-readable)}

/* Standalone public pages that predate cc_pg_hero still receive the v217 density pass. */
.cc-public-shell-v111 main>section:first-of-type,.cc-public-shell-v112 main>section:first-of-type{border-radius:1.25rem!important;box-shadow:0 12px 30px rgba(15,23,42,.055)!important}
@media(min-width:640px){.cc-public-shell-v111 main>section:first-of-type,.cc-public-shell-v112 main>section:first-of-type{padding:1.65rem!important}}
.cc-public-shell-v111 main .rounded-\[1\.75rem\],.cc-public-shell-v112 main .rounded-\[1\.75rem\]{border-radius:1rem!important}
.cc-public-shell-v111 main .p-7,.cc-public-shell-v112 main .p-7{padding:1.15rem!important}
.cc-public-shell-v111 main .sm\:p-9,.cc-public-shell-v112 main .sm\:p-9{padding:1.35rem!important}
.cc-public-shell-v111 main a.rounded-xl,.cc-public-shell-v112 main a.rounded-xl{cursor:pointer}


/* ---------- v218 Geometry & Admin Charts Polish ---------- */
/* Referrals: one shared visual axis for utility, KPI row and table. */
.cc-referral-stack-v218{width:100%;max-width:56rem;margin-inline:auto;display:grid;gap:.75rem}
.cc-referral-stack-v218>.cc-referral-hero-v204,
.cc-referral-stack-v218>.cc-referral-summary-v204,
.cc-referral-stack-v218>.cc-referral-table-v206{width:100%!important;max-width:none!important;margin:0!important}
.cc-referral-stack-v218>.cc-referral-summary-v204{gap:.65rem!important}
.cc-referral-stack-v218 .cc-referral-toolbar-v218{min-height:2.15rem!important;padding:.28rem .48rem!important;border-radius:.65rem!important}
.cc-referral-stack-v218 .cc-referral-table-v206>div:first-child{min-height:3.6rem}
@media(max-width:560px){
 .cc-referral-stack-v218>.cc-referral-summary-v204{grid-template-columns:1fr!important}
}

/* Admin Dashboard chart interaction: true-size SVG, large pointer target and unclipped tooltip. */
.cc-admin-page-dashboard .cc-admin-chart-toolbar-v218{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}
.cc-admin-page-dashboard .cc-admin-chart-range-v218{display:inline-flex;align-items:center;padding:.2rem;border-radius:.72rem;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.07)}
.cc-admin-page-dashboard .cc-admin-chart-range-v218 button{min-width:2.8rem;min-height:2rem;padding:.35rem .62rem;border-radius:.55rem;font-size:.7rem;font-weight:900;color:#718891}
.cc-admin-page-dashboard .cc-admin-chart-range-v218 button[aria-pressed="true"]{background:var(--cc-action-readable);color:#fff;box-shadow:0 4px 12px rgba(8,118,181,.16)}
.cc-admin-page-dashboard .cc-admin-chart-card{overflow:visible!important}
.cc-admin-page-dashboard .cc-admin-mini-chart{position:relative;height:220px!important;overflow:visible!important;border-radius:.8rem!important;outline:none}
.cc-admin-page-dashboard .cc-admin-mini-chart:focus-visible{outline:2px solid var(--cc-action);outline-offset:3px}
.cc-admin-page-dashboard .cc-admin-mini-chart svg{display:block;width:100%;height:220px!important;overflow:visible}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v218{position:absolute;z-index:20;min-width:9.5rem;max-width:15rem;padding:.55rem .65rem;border-radius:.7rem;background:rgba(255,255,255,.98);border:1px solid rgba(148,163,184,.3);box-shadow:0 10px 28px rgba(15,23,42,.16);pointer-events:none;font-size:.7rem;line-height:1.35;color:#334155;transform:translate(-50%,-100%)}
.dark .cc-admin-page-dashboard .cc-admin-chart-tooltip-v218{background:rgba(7,29,34,.98);border-color:rgba(255,255,255,.13);color:#d9e4e8;box-shadow:0 12px 30px rgba(0,0,0,.34)}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v218 strong{display:block;font-size:.78rem;color:#0f172a;margin:.08rem 0 .18rem}
.dark .cc-admin-page-dashboard .cc-admin-chart-tooltip-v218 strong{color:#f8fafc}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v218 .cc-chart-date{font-weight:800;color:#718891}
.cc-admin-page-dashboard .cc-admin-chart-total{font-size:.68rem!important}
.cc-admin-page-dashboard .cc-admin-chart-summary-v218{font-size:.68rem;color:#718891;font-weight:700}
.dark .cc-admin-page-dashboard .cc-admin-chart-summary-v218{color:#A9BAC2}
@media(max-width:640px){
 .cc-admin-page-dashboard .cc-admin-chart-toolbar-v218{align-items:flex-start;flex-direction:column}
 .cc-admin-page-dashboard .cc-admin-mini-chart,.cc-admin-page-dashboard .cc-admin-mini-chart svg{height:205px!important}
}

/* Withdrawal Management v218: explicit hooks prevent utility-cascade geometry regressions. */
.cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;padding:1rem!important;border-radius:1rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218{display:block!important;min-width:0!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 label{margin-bottom:.4rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 input{width:min(100%,15rem)!important;padding:.62rem .78rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 p{margin-top:.55rem!important;max-width:52rem!important;font-size:.72rem!important;line-height:1.5!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:100%!important;padding:0!important;margin:0!important;align-self:end!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218 button{width:100%!important;min-height:2.45rem!important;padding:.55rem .8rem!important;border-radius:.72rem!important;box-shadow:0 7px 18px rgba(8,118,181,.14)!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218>div{padding:.78rem .85rem!important;border-radius:.82rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218 .text-7xl{font-size:2.65rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-table-card-v218{border-radius:1rem!important;padding:1rem!important}
@media(min-width:768px){
 .cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{grid-template-columns:minmax(0,1fr) 10.5rem!important;align-items:end!important}
 .cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:10.5rem!important}
 .cc-admin-page-withdrawals .cc-withdrawal-summary-v218{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}