/* CryptoChoco v263 — full visual QA, theme contrast, compact desktop geometry.
   Presentation only. No reward, callback, withdrawal or provider-finance logic. */

/* ===== Theme contrast baseline ===== */
:root{
  --cc-v263-dark-bg:#06191e;
  --cc-v263-dark-panel:#0a242a;
  --cc-v263-dark-panel-2:#0c2a31;
  --cc-v263-dark-text:#eef5f7;
  --cc-v263-dark-muted:#a9bbc3;
  --cc-v263-dark-subtle:#8fa6b0;
  --cc-v263-light-text:#243943;
  --cc-v263-light-muted:#526b76;
  --cc-v263-light-subtle:#607680;
}
html.dark :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-400{color:var(--cc-v263-dark-muted)!important}
html.dark :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-500{color:var(--cc-v263-dark-subtle)!important}
html.dark :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-600{color:#bdcbd1!important}
html:not(.dark) :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-400{color:var(--cc-v263-light-subtle)!important}
html:not(.dark) :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-500{color:var(--cc-v263-light-muted)!important}
html:not(.dark) :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-600{color:#405a65!important}

/* Light utility backgrounds may exist in legacy templates; keep contrast coherent in dark mode. */
html.dark .cc-admin-shell-v230 main :is(.bg-white,.bg-white\/70,.bg-white\/80,.bg-gray-50,.bg-gray-50\/70,.bg-gray-100),
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 :is(.bg-white,.bg-white\/70,.bg-white\/80,.bg-gray-50,.bg-gray-50\/70,.bg-gray-100){
  background-color:var(--cc-v263-dark-panel)!important;color:var(--cc-v263-dark-text)!important;border-color:rgba(255,255,255,.085)!important
}
html.dark .cc-admin-shell-v230 main :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]),
html.dark .cc-admin-module-v220 :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){
  background-color:#061b20!important;color:#f7fafb!important;border-color:rgba(255,255,255,.12)!important
}

/* ===== Canonical desktop canvas/headings ===== */
@media(min-width:1024px){
  .cc-admin-shell-v230 main>div[class*="max-w-"]{padding-top:1rem!important;padding-bottom:1.25rem!important}
  .cc-admin-page-accounting main>div[class*="max-w-"],
  .cc-admin-page-security main>div[class*="max-w-"],
  .cc-admin-page-reputation main>div[class*="max-w-"],
  .cc-admin-page-timewall main>div[class*="max-w-"]{width:min(100%,92rem)!important;max-width:92rem!important;margin-inline:auto!important}
}
.cc-page-head-v262{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.75rem!important;align-items:start!important;margin-bottom:1rem!important}
@media(min-width:1180px){
 .cc-page-head-v262{grid-template-columns:minmax(0,1fr) auto!important}
 .cc-page-head-v262>div:last-child{align-self:start!important;min-width:10rem!important;padding:.72rem .85rem!important}
}
.cc-page-head-v262 h1{line-height:1.08!important}
.cc-page-head-v262 p{line-height:1.42!important}

/* ===== Standalone Admin canonical width ===== */
.cc-admin-module-v220 .cc-admin-module-brandbar,
.cc-admin-module-v220 .cc-admin-module-content-v219{width:min(100% - 2rem,88rem)!important;max-width:88rem!important;margin-left:auto!important;margin-right:auto!important}
.cc-admin-module-v220 .cc-admin-module-content-v219{padding-left:0!important;padding-right:0!important;padding-top:1rem!important}
@media(max-width:767px){
 .cc-admin-module-v220 .cc-admin-module-brandbar,
 .cc-admin-module-v220 .cc-admin-module-content-v219{width:min(100% - 1rem,88rem)!important}
 .cc-admin-module-v220 .cc-admin-module-content-v219{padding-top:.7rem!important}
}

/* ===== User Management ===== */
@media(min-width:768px){
 .cc-admin-page-users .cc-v262-kpi-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.6rem!important}
 .cc-admin-page-users .cc-v262-kpi-grid>div{min-height:4.15rem!important;position:relative!important;overflow:hidden!important}
}

/* ===== Provider Operations / financial cards ===== */
html.dark .cc-admin-page-provider_ops main .cc-v262-provider-economics :is(.bg-gray-100,.bg-gray-50,.bg-white),
html.dark .cc-admin-page-provider_ops main .cc-v263-calibration-card,
html.dark .cc-admin-page-provider_ops main [data-cc-calibration-summary]{background:#102a30!important;color:#e8f1f4!important;border-color:rgba(255,255,255,.08)!important}
.cc-v263-calibration-card{background:rgba(148,163,184,.10)!important;border:1px solid rgba(148,163,184,.15)!important}
html.dark .cc-v263-calibration-card{background:#102a30!important}
.cc-v262-provider-economics{font-size:.72rem!important}
.cc-v262-provider-economics th,.cc-v262-provider-economics td{padding:.34rem .38rem!important}
.cc-v262-provider-economics th{font-size:.58rem!important;letter-spacing:.035em!important}
.cc-v262-provider-economics td:nth-child(1){min-width:8.3rem!important}
.cc-v262-provider-economics td:nth-child(2){min-width:10.5rem!important;max-width:12rem!important}
.cc-v262-provider-economics td:last-child{min-width:7rem!important;max-width:11rem!important}
.cc-v263-table-scroll{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.cc-v263-table-scroll table{width:max-content!important;min-width:100%!important}

/* ===== Sustainability / Reconciliation / Margin headers ===== */
@media(min-width:1024px){
 .cc-admin-page-revenue_sustainability .cc-v262-kpi-grid,
 .cc-admin-page-provider_margin_protection .cc-v262-kpi-grid{margin-top:0!important;margin-bottom:.7rem!important}
 .cc-admin-page-provider_revenue_reconciliation main .grid.md\:grid-cols-3{gap:.65rem!important}
 .cc-admin-page-provider_revenue_reconciliation main .grid.md\:grid-cols-3>div{padding:.68rem!important}
 .cc-admin-page-provider_margin_protection main .cc-v262-kpi-grid>div{padding:.55rem .65rem!important}
}

/* ===== Revenue/Margin tables ===== */
.cc-v262-reconciliation-table,.cc-v262-margin-table{font-size:.72rem!important}
.cc-v262-reconciliation-table th,.cc-v262-reconciliation-table td,
.cc-v262-margin-table th,.cc-v262-margin-table td{padding:.34rem .42rem!important;line-height:1.16!important}
.cc-v262-reconciliation-table td:nth-child(2),.cc-v262-reconciliation-table td:nth-child(5),.cc-v262-reconciliation-table td:nth-child(6),
.cc-v262-margin-table td:nth-child(2),.cc-v262-margin-table td:nth-child(3){white-space:normal!important;overflow-wrap:anywhere!important;min-width:7.2rem!important}
.cc-v262-reconciliation-table td:last-child,.cc-v262-margin-table td:last-child{min-width:14rem!important;max-width:22rem!important}
.cc-v262-reconciliation-table tbody tr>td,.cc-v262-margin-table tbody tr>td{border-bottom:1px solid rgba(148,163,184,.10)!important}
html.dark :is(.cc-v262-reconciliation-table,.cc-v262-margin-table) tbody tr>td{border-bottom-color:rgba(255,255,255,.065)!important}

/* ===== Growth / Acquisition / Experiments / Ad Control ===== */
@media(min-width:1024px){
 .cc-admin-page-growth main .cc-v263-funnel-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.65rem!important;align-items:stretch!important}
 .cc-admin-page-growth main .cc-v263-funnel-flow>.cc-v263-funnel-arrow{display:none!important}
 .cc-admin-page-growth main .cc-v263-funnel-flow>div{min-height:0!important;padding:.68rem!important}
 .cc-admin-page-growth main .cc-v263-retention-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.55rem!important}
 .cc-admin-page-acquisition main .cc-v263-conversion-funnel{gap:.48rem!important}
 .cc-admin-page-acquisition main .cc-v263-conversion-funnel>div{padding:.58rem!important;min-height:4.6rem!important}
 .cc-admin-page-experiments main .cc-v263-experiment-summary>div{padding:.62rem!important}
 .cc-admin-page-external_ads .cc-ad-kpi-v223{min-height:3.9rem!important;padding:.55rem .72rem!important}
}

/* ===== Reputation / Security / Accounting compact QA ===== */
@media(min-width:1024px){
 .cc-admin-page-reputation main .grid.xl\:grid-cols-8>div{padding:.62rem!important;min-height:0!important}
 .cc-admin-page-security main .grid.grid-cols-2.md\:grid-cols-4>div{padding:.62rem!important;min-height:0!important}
 .cc-admin-page-accounting main .grid.grid-cols-2.md\:grid-cols-4.xl\:grid-cols-8>div{padding:.58rem!important;min-height:0!important}
 .cc-admin-page-accounting main .space-y-5>:not([hidden])~:not([hidden]){margin-top:.6rem!important}
}

/* ===== Login / account rule notice ===== */
.cc-one-account-notice-v263{display:flex;align-items:flex-start;gap:.62rem;padding:.72rem .8rem;border:1px solid rgba(245,158,11,.25);border-radius:.85rem;background:rgba(245,158,11,.075);color:#7c4a03;font-size:.72rem;line-height:1.45}
html.dark .cc-one-account-notice-v263{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.22);color:#f4cf7a}
.cc-one-account-notice-v263 i{margin-top:.12rem;color:#f59e0b}

/* ===== Mobile Guest/Login advertisement ===== */
.cc-aads-login-anchor-v263{width:100%!important;max-width:100%!important;margin:.8rem auto 0!important;padding:.45rem!important;overflow:hidden!important}
.cc-aads-login-anchor-v263 .cc-server-ad-slot-v227{width:100%!important;max-width:100%!important;overflow:hidden!important;display:flex!important;justify-content:center!important;align-items:center!important}
.cc-aads-login-anchor-v263 iframe,.cc-aads-login-anchor-v263 img,.cc-aads-login-anchor-v263 ins{max-width:100%!important}
@media(max-width:640px){
 .cc-aads-login-anchor-v263{padding:.3rem!important;border-radius:.75rem!important}
 .cc-aads-login-anchor-v263 .cc-ad-geometry-strip-v229,.cc-aads-login-anchor-v263 .cc-ad-strip-v229{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important}
 .cc-aads-login-anchor-v263 iframe{width:100%!important;max-width:100%!important}
}

/* ===== Progressive PTC ===== */
.cc-ptc-provider-status-v263{display:flex;flex-wrap:wrap;gap:.4rem;margin:.55rem 0 .8rem}
.cc-ptc-provider-status-v263 span{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .5rem;border-radius:999px;border:1px solid rgba(148,163,184,.16);font-size:.62rem;font-weight:800;color:#647b85;background:rgba(148,163,184,.05)}
html.dark .cc-ptc-provider-status-v263 span{color:#a9bbc3;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.cc-ptc-provider-status-v263 span.is-loading i{animation:cc-v263-spin 1s linear infinite}.cc-ptc-provider-status-v263 span.is-ready{color:#0e9f72}.cc-ptc-provider-status-v263 span.is-empty{color:#889ca5}.cc-ptc-provider-status-v263 span.is-error{color:#d08a13}
@keyframes cc-v263-spin{to{transform:rotate(360deg)}}
.cc-ptc-load-more-v263{display:flex;justify-content:center;margin-top:.8rem}

/* ===== Mobile general spacing / touch clarity ===== */
@media(max-width:767px){
 .cc-app-shell-v111 .cc-page-intro{padding:.78rem!important}
 .cc-app-shell-v111 .cc-page-title{font-size:1.35rem!important;line-height:1.2!important}
 .cc-app-shell-v111 .cc-metric-grid{gap:.5rem!important}
 .cc-app-shell-v111 .cc-metric-card{padding:.65rem!important}
 .cc-admin-shell-v230 main>div[class*="max-w-"]{padding:.65rem!important}
}