/* CoinTrivo v3.5 shared visual system — blue/white fintech palette */
:root{--cc-blue:#1769e0;--cc-blue-2:#2f8cff;--cc-cyan:#4ac6f5;--cc-ink:#102544;--cc-muted:#647894;--cc-border:#d7e5f7;--cc-surface:#f5f9ff;--cc-card:#ffffff;--cc-shadow:0 18px 50px rgba(22,75,145,.10);color-scheme:dark}
:root[data-theme="light"]{color-scheme:light;--cc-bg:#f2f7ff;--cc-surface:#eaf2ff;--cc-card:#fff;--cc-ink:#102544;--cc-muted:#647894;--cc-border:#d7e5f7}
:root[data-theme="dark"]{color-scheme:dark;--cc-bg:#081326;--cc-surface:#0e203a;--cc-card:#102642;--cc-ink:#eef6ff;--cc-muted:#a5bad5;--cc-border:#254362}
html{scroll-behavior:smooth}body{transition:background-color .22s ease,color .22s ease}
.cc-global-theme-toggle{position:fixed;z-index:9000;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));border:1px solid var(--cc-border);border-radius:999px;padding:10px 14px;background:var(--cc-card);color:var(--cc-ink);box-shadow:var(--cc-shadow);font:700 13px/1.2 Inter,system-ui,sans-serif;cursor:pointer;display:flex;gap:8px;align-items:center;min-height:42px;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease}
.cc-global-theme-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(23,105,224,.18)}.cc-global-theme-toggle:focus-visible{outline:3px solid var(--cc-cyan);outline-offset:3px}
:root[data-theme="light"] body{background-color:var(--cc-bg);color:var(--cc-ink)}
:root[data-theme="light"] .modal,.modal.auth-box{box-shadow:0 24px 70px rgba(11,50,105,.24)}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:#f7faff;color:#102544;border-color:#c9d9ef}
:root[data-theme="light"] .card,:root[data-theme="light"] .panel,:root[data-theme="light"] .settings-row{border-color:var(--cc-border)}
:root[data-theme="dark"] .cc-global-theme-toggle{background:#102642;color:#eff7ff;border-color:#2a4b70}
.btn,.nav-item,.card,.stat-card,.modal,.auth-box,.form-group input,.form-group select{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .18s ease}
.btn:hover{filter:brightness(1.04)}.card:hover,.stat-card:hover{box-shadow:var(--cc-shadow)}
@keyframes ccPageReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
body:not(.reduce-motion) main,body:not(.reduce-motion) .app-layout,body:not(.reduce-motion) .landing-hero{animation:ccPageReveal .35s ease both}
@media(max-width:700px){.cc-global-theme-toggle{right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:10px 12px}.container,.page-content,main{max-width:100%;min-width:0}.btn,button,input,select,textarea{max-width:100%}table{display:block;max-width:100%;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

:root[data-theme="dark"] body{background:#081326!important;color:#eef6ff!important}
:root[data-theme="light"] body{background:#f2f7ff!important;color:#102544!important}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .card,:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .settings-row{background-color:#102642!important;color:#eef6ff!important;border-color:#254362!important}
:root[data-theme="light"] .panel,:root[data-theme="light"] .card,:root[data-theme="light"] .sidebar,:root[data-theme="light"] .topbar,:root[data-theme="light"] .stat-card,:root[data-theme="light"] .settings-row{background-color:#fff!important;color:#102544!important;border-color:#d7e5f7!important}
:root[data-theme="dark"] .muted,:root[data-theme="dark"] .text-muted{color:#a5bad5!important}
:root[data-theme="light"] .muted,:root[data-theme="light"] .text-muted{color:#647894!important}
:root[data-theme="dark"] .auth-box,:root[data-theme="dark"] .modal{background:#102642!important;color:#eef6ff!important;border-color:#254362!important}
:root[data-theme="light"] .auth-box,:root[data-theme="light"] .modal{background:#fff!important;color:#102544!important;border-color:#d7e5f7!important}
:root[data-theme="dark"] .auth-box label,:root[data-theme="dark"] .modal label{color:#d8e8fb!important}
:root[data-theme="light"] .auth-box label,:root[data-theme="light"] .modal label{color:#26466d!important}


/* CoinTrivo v3.7 unified high-contrast blue theme — overrides legacy page colors. */
:root{--cc-blue:#1769e0;--cc-blue-2:#287df4;--cc-cyan:#59d4ff;--cc-ink:#15345d;--cc-muted:#526d91;--cc-border:#cbdcf4;--cc-surface:#eaf2ff;--cc-card:#fdfefe;--cc-bg:#eef5ff;--cc-shadow:0 18px 48px rgba(23,75,145,.13);color-scheme:light}
:root[data-theme="light"]{color-scheme:light;--cc-bg:#eef5ff;--cc-surface:#e5efff;--cc-card:#fdfefe;--cc-ink:#15345d;--cc-muted:#526d91;--cc-border:#cbdcf4}
:root[data-theme="dark"]{color-scheme:dark;--cc-bg:#10284a;--cc-surface:#17365e;--cc-card:#1b3d68;--cc-ink:#f1f7ff;--cc-muted:#c0d4ee;--cc-border:#315781}
html,body{background-color:var(--cc-bg);color:var(--cc-ink)}
:root[data-theme="light"] body{background:linear-gradient(145deg,#eef5ff 0%,#f7faff 55%,#e4efff 100%)!important;color:#15345d!important}
:root[data-theme="dark"] body{background:linear-gradient(145deg,#10284a 0%,#15345b 55%,#1b3d68 100%)!important;color:#f1f7ff!important}
:root[data-theme="light"] .panel,:root[data-theme="light"] .card,:root[data-theme="light"] .sidebar,:root[data-theme="light"] .topbar,:root[data-theme="light"] .stat-card,:root[data-theme="light"] .settings-row,:root[data-theme="light"] .modal,:root[data-theme="light"] .auth-box{background-color:#fdfefe!important;color:#15345d!important;border-color:#cbdcf4!important}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .card,:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .settings-row,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .auth-box{background-color:#1b3d68!important;color:#f1f7ff!important;border-color:#315781!important}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:#f6faff!important;color:#15345d!important;border-color:#b8cdec!important}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#10284a!important;color:#f1f7ff!important;border-color:#41658f!important}
:root[data-theme="light"] input::placeholder,:root[data-theme="light"] textarea::placeholder{color:#6a83a5!important;opacity:1}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#b1c7e4!important;opacity:1}
.btn-primary,.btn-blue,.btn-green,.btn:not(.secondary):not(.deny):not(.view){background:linear-gradient(135deg,#1769e0,#287df4)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(23,105,224,.2)}
:root[data-theme="light"] .btn-secondary,:root[data-theme="light"] .btn.secondary{background:#dfebff!important;color:#174a91!important}
:root[data-theme="dark"] .btn-secondary,:root[data-theme="dark"] .btn.secondary{background:#294f7f!important;color:#f1f7ff!important}
:root[data-theme="light"] .muted,:root[data-theme="light"] .text-muted,:root[data-theme="light"] small{color:#526d91!important}
:root[data-theme="dark"] .muted,:root[data-theme="dark"] .text-muted,:root[data-theme="dark"] small{color:#c0d4ee!important}
.cc-global-theme-toggle{background:var(--cc-card)!important;color:var(--cc-ink)!important;border-color:var(--cc-border)!important;box-shadow:0 12px 32px rgba(14,57,112,.22)!important}
:root[data-theme="dark"] .cc-global-theme-toggle{background:#1b3d68!important;color:#f1f7ff!important;border-color:#41658f!important}
:root[data-theme="light"] .auth-tab{color:#526d91}:root[data-theme="dark"] .auth-tab{color:#c0d4ee}
:root[data-theme="light"] .auth-tab.active{color:#1769e0}:root[data-theme="dark"] .auth-tab.active{color:#72b7ff}
:root[data-theme="light"] .toast{background:#fdfefe;color:#15345d;border-color:#cbdcf4}:root[data-theme="dark"] .toast{background:#1b3d68;color:#f1f7ff;border-color:#41658f}
:root[data-theme="light"] a{color:#155fc7}:root[data-theme="dark"] a{color:#8dc7ff}
:root[data-theme="light"] .landing-footer{background:#e5efff;color:#15345d}:root[data-theme="dark"] .landing-footer{background:#10284a;color:#f1f7ff}
:root[data-theme="light"] .price-bar{background:#dfeaff;color:#15345d}:root[data-theme="dark"] .price-bar{background:#10284a;color:#f1f7ff}
:root[data-theme="light"] .status.unverified{background:#fff0f0;color:#b91c1c}:root[data-theme="dark"] .status.unverified{background:#5b2638;color:#ffd7de}
:root[data-theme="light"] .status.pending{background:#fff4df;color:#9a5700}:root[data-theme="dark"] .status.pending{background:#5b4525;color:#ffe0a3}
:root[data-theme="light"] .status.verified{background:#e5fff0;color:#087443}:root[data-theme="dark"] .status.verified{background:#174e49;color:#9af5ca}
/* Friendly motion, but honor reduced-motion preferences. */
@keyframes ccV37Enter{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
body:not(.reduce-motion) .auth-box,body:not(.reduce-motion) .modal,body:not(.reduce-motion) .panel{animation:ccV37Enter .24s ease-out both}
@media(max-width:680px){.auth-box,.modal{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px);overflow:auto}.btn,button{min-height:42px}input,select,textarea{font-size:16px!important}main,.container,.page-content{width:100%;min-width:0}table{max-width:100%;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){body:not(.reduce-motion) .auth-box,body:not(.reduce-motion) .modal,body:not(.reduce-motion) .panel{animation:none}}