/* 9.38 · Signal Grid redesign. Presentation-only override: application state and handlers remain unchanged. */
:root{
  color-scheme:dark;
  --bg:#080b12;
  --bg2:#101622;
  --card:#111927;
  --in:#172133;
  --surface:#172133;
  --bd:rgba(171,190,224,.16);
  --line:rgba(171,190,224,.18);
  --tx:#eef4ff;
  --mu:#9cabc2;
  --muted:#9cabc2;
  --ac:#79a7ff;
  --ac2:#a78bfa;
  --up:#3edb9a;
  --dn:#ff737f;
  --wn:#ffc766;
  --warn:#ffc766;
  --glass:rgba(12,18,29,.83);
}
@media (prefers-color-scheme:light){
  :root{
    color-scheme:light;
    --bg:#f4f7fb;
    --bg2:#fff;
    --card:#fff;
    --in:#f5f7fb;
    --surface:#f5f7fb;
    --bd:rgba(53,75,110,.14);
    --line:rgba(53,75,110,.16);
    --tx:#162237;
    --mu:#62728b;
    --muted:#62728b;
    --ac:#365fd9;
    --ac2:#7052d6;
    --up:#087c54;
    --dn:#c83f51;
    --wn:#9a6200;
    --warn:#9a6200;
    --glass:rgba(255,255,255,.86);
  }
}

html,body,.page-scroll{background:var(--bg)!important;color:var(--tx)}
body{
  background:
    radial-gradient(900px 460px at -12% -10%,color-mix(in srgb,var(--ac) 17%,transparent),transparent 68%),
    radial-gradient(760px 420px at 100% 0,color-mix(in srgb,var(--ac2) 13%,transparent),transparent 68%),
    var(--bg)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:linear-gradient(color-mix(in srgb,var(--bd) 62%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--bd) 62%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 58%)}

.site-header{padding:16px 24px 10px!important;background:var(--glass)!important;border-bottom:1px solid var(--bd)!important;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.site-header .in,main{max-width:1440px!important}
.masthead{gap:20px!important}.site-brand{gap:10px!important}.brand-mark{width:36px!important;height:36px!important;border-radius:11px!important;background:linear-gradient(145deg,var(--ac),var(--ac2))!important;color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--ac) 28%,transparent)!important}.brand-name{font-size:17px!important;font-weight:760!important;letter-spacing:-.45px!important}.brand-caption{font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--mu)!important}.mobile-nav{gap:4px!important;margin:0!important}.mobile-nav a,.nav-faq{min-height:40px!important;padding:7px 11px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--mu)!important;font-size:13px!important;font-weight:650!important}.mobile-nav a:hover,.nav-faq:hover{background:color-mix(in srgb,var(--ac) 10%,var(--in))!important;color:var(--tx)!important}.mobile-nav a[aria-current]{background:color-mix(in srgb,var(--ac) 14%,var(--in))!important;border-color:color-mix(in srgb,var(--ac) 37%,var(--bd))!important;color:var(--ac)!important}.account-button,#site-menu-toggle{min-height:40px!important;border-radius:8px!important;background:var(--in)!important;border:1px solid var(--bd)!important;color:var(--tx)!important;font-weight:650!important}

.site-sidebar{background:var(--glass)!important;border-right-color:var(--bd)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.sidebar-heading,.sidebar-caption{border-color:var(--bd)!important}.sidebar-symbol{background:linear-gradient(145deg,var(--ac),var(--ac2))!important;color:#fff!important}.site-sidebar .mobile-nav a{border-radius:8px!important}

main{padding:12px 24px 64px!important;margin:auto!important}.card,.mobile-help{border:1px solid var(--bd)!important;border-radius:14px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 95%,white 5%),var(--card))!important;box-shadow:0 14px 38px rgba(0,0,0,.12)!important;backdrop-filter:none!important}.card{padding:16px 18px!important;margin-bottom:14px!important}h2{font-size:17px!important;letter-spacing:-.22px!important}h2::after{content:"";display:block;width:32px;height:2px;margin-top:7px;border-radius:999px;background:linear-gradient(90deg,var(--ac),transparent)}.note,.st,.nt,.quote-label,.account-status,.terminal-sub,.terminal-footer{color:var(--mu)!important}

button:not(.x):not(.scan-secondary):not(.account-button):not(#site-menu-toggle):not(#site-menu-close){background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac2) 72%,var(--ac)))!important;color:#fff!important;border:0!important;box-shadow:0 7px 16px color-mix(in srgb,var(--ac) 20%,transparent)!important}button:hover{filter:brightness(1.07)!important;transform:translateY(-1px)!important}.scan-secondary,.watch-chip,.dialog-close{background:var(--in)!important;border:1px solid var(--bd)!important;color:var(--tx)!important;box-shadow:none!important}input:not([type=checkbox]):not([type=radio]),select,textarea{background:color-mix(in srgb,var(--in) 85%,var(--bg2))!important;border:1px solid var(--bd)!important;border-radius:8px!important;color:var(--tx)!important}input:focus,select:focus,textarea:focus{border-color:var(--ac)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 20%,transparent)!important}:focus-visible{outline:3px solid color-mix(in srgb,var(--ac) 80%,transparent)!important;outline-offset:3px}

.scan-heading{padding-bottom:8px;border-bottom:1px solid var(--bd)}.scan-heading h2{font-size:21px!important}.scan-badge,.chip{border-color:var(--bd)!important;background:var(--in)!important;color:var(--tx)!important}.chip{border-radius:7px!important;min-height:34px!important}.chip.ok{background:color-mix(in srgb,var(--up) 12%,var(--in))!important}.chip.bad{background:color-mix(in srgb,var(--dn) 12%,var(--in))!important}.scan-safety{border-left:3px solid var(--wn)!important;background:color-mix(in srgb,var(--wn) 7%,var(--card))!important;border-radius:0 8px 8px 0!important}.scan-toolbar,.scan-controls,.compact-settings,.market-tools,.terminal-info,.terminal-alerts,.transport-panel{border-color:var(--bd)!important;background:color-mix(in srgb,var(--in) 52%,transparent)!important;border-radius:10px!important}.scan-view-tabs,.workbench-tabs{padding:4px!important;gap:4px!important;background:var(--in)!important;border:1px solid var(--bd)!important;border-radius:9px!important}.scan-view-tabs button,.workbench-tabs button{background:transparent!important;color:var(--mu)!important;box-shadow:none!important}.scan-view-tabs button[aria-pressed=true],.workbench-tabs button[aria-selected=true]{background:var(--card)!important;color:var(--tx)!important;box-shadow:0 3px 8px rgba(0,0,0,.15)!important}.scan-metrics{gap:0!important;border:1px solid var(--bd)!important;border-radius:10px!important;overflow:hidden}.scan-metrics>div{flex:1!important;min-width:150px!important;padding:13px 15px!important;border:0!important;border-right:1px solid var(--bd)!important;border-radius:0!important;background:transparent!important}.scan-metrics>div:last-child{border-right:0!important}.scan-metrics b{color:var(--ac)!important}.terminal-table-wrap{border-color:var(--bd)!important;border-radius:10px!important;background:var(--card)!important}.terminal-table th{background:color-mix(in srgb,var(--in) 72%,var(--card))!important;color:var(--mu)!important}.terminal-table,.terminal-table td,.terminal-table th{border-color:var(--bd)!important}.terminal-table .terminal-row:hover{background:color-mix(in srgb,var(--ac) 5%,transparent)!important}.terminal-table .terminal-row,.terminal-detail .scan-route-card{background:transparent!important}.terminal-asset{font-weight:720!important}.terminal-buy,.wb-good,.up{color:var(--up)!important}.terminal-sell,.dn{color:var(--dn)!important}.terminal-spread,.accent{color:var(--ac)!important}.terminal-risk{background:color-mix(in srgb,var(--wn) 11%,transparent)!important;border-color:color-mix(in srgb,var(--wn) 42%,var(--bd))!important;color:var(--wn)!important}.terminal-risk.review{background:color-mix(in srgb,var(--ac) 10%,transparent)!important;border-color:color-mix(in srgb,var(--ac) 38%,var(--bd))!important;color:var(--ac)!important}

#prices tbody{border-color:var(--bd)!important;border-radius:10px!important}#prices tr.r{border-color:var(--bd)!important}#prices tr.r:hover{background:color-mix(in srgb,var(--ac) 5%,var(--card))!important}.market-venues>summary{color:var(--mu)!important}.exchange-card{border-color:var(--bd)!important;background:color-mix(in srgb,var(--in) 58%,var(--card))!important;border-radius:8px!important}.market-status{border-radius:6px!important}.status-ok{background:color-mix(in srgb,var(--up) 12%,transparent)!important;border-color:color-mix(in srgb,var(--up) 40%,var(--bd))!important}.status-halt{background:color-mix(in srgb,var(--dn) 10%,transparent)!important;border-color:color-mix(in srgb,var(--dn) 42%,var(--bd))!important}

.apple-hero{border:1px solid var(--bd)!important;border-radius:16px!important;background:linear-gradient(125deg,color-mix(in srgb,var(--ac) 18%,var(--card)),var(--card) 50%,color-mix(in srgb,var(--ac2) 13%,var(--card)))!important;overflow:hidden}.apple-hero::after{content:"";position:absolute;inset:auto -5% -55% 38%;height:100%;background:radial-gradient(ellipse,color-mix(in srgb,var(--ac2) 30%,transparent),transparent 65%);pointer-events:none}.apple-hero-copy{position:relative;z-index:1}.welcome-card h2{font-size:42px!important;letter-spacing:-1.6px!important}.welcome-actions .welcome-primary{background:var(--tx)!important;color:var(--bg)!important;border:0!important}.welcome-actions .welcome-secondary{background:var(--in)!important;color:var(--tx)!important;border:1px solid var(--bd)!important}.bento-tile,.bento-scanner,.bento-p2p,.bento-prices,.bento-watch,.bento-fees{background:var(--card)!important;border-color:var(--bd)!important;border-radius:12px!important;box-shadow:none!important}.bento-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ac) 45%,var(--bd))!important}.apple-status>div{background:var(--in)!important;border-color:var(--bd)!important;border-radius:10px!important}.status-dot{background:var(--up)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--up) 13%,transparent)!important}

.p2p-box,.p2p-result,.wb-box,.fee-tile,.cm-fold,.cm-setting-group{border-color:var(--bd)!important;background:color-mix(in srgb,var(--in) 54%,var(--card))!important;border-radius:10px!important}.fee-tile strong{color:var(--ac)!important}.account-dialog,.faq-dialog,.wb-dialog,.transfer-dialog,.phone-sheet{background:var(--bg2)!important;color:var(--tx)!important;border-color:var(--bd)!important;box-shadow:0 24px 76px rgba(0,0,0,.42)!important}.account-dialog::backdrop,.faq-dialog::backdrop,.phone-sheet::backdrop{background:rgba(3,6,12,.7)!important;backdrop-filter:blur(6px)}

@media (max-width:950px){.site-header{padding:12px 18px 8px!important}main{padding:8px 18px 54px!important}.mobile-nav{order:3;width:100%}.scan-metrics>div{border-right:0!important;border-bottom:1px solid var(--bd)!important}.scan-metrics>div:last-child{border-bottom:0!important}}
@media (max-width:600px){body::before{background-size:34px 34px}.site-header{padding:10px 14px 4px!important}.brand-mark{width:30px!important;height:30px!important;font-size:19px!important}.brand-caption{display:none!important}.mobile-nav a,.nav-faq{font-size:12px!important;padding:5px 3px!important;min-height:38px!important}main{padding:6px 12px 36px!important}.card{padding:13px!important;border-radius:10px!important}.scan-toolbar{grid-template-columns:116px minmax(0,1fr)!important}.scan-metrics{display:grid!important;grid-template-columns:1fr 1fr!important}.scan-metrics>div{min-width:0!important;padding:10px!important;border-right:1px solid var(--bd)!important}.scan-metrics>div:nth-child(2n){border-right:0!important}.scan-metrics>div:last-child{border-bottom:0!important}.terminal-table-wrap{border:0!important;background:transparent!important}.terminal-table .terminal-row{background:var(--card)!important;border:1px solid var(--bd)!important;border-radius:10px!important}.apple-hero{min-height:0!important}.apple-hero-copy{padding:18px!important}.welcome-card h2{font-size:30px!important}.bento-tile:hover{transform:none}.phone-dock{background:var(--glass)!important;border-top-color:var(--bd)!important;backdrop-filter:blur(22px)!important}.phone-dock a[aria-current],.phone-dock button.phone-selected{color:var(--ac)!important;background:color-mix(in srgb,var(--ac) 13%,transparent)!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
