/* DApps Platform visual system — shared by trading, account, wallet and admin. */
:root{
  color-scheme:dark;
  --dp-ink:#06101e;--dp-bg:#030a15;--dp-surface:#0a1a2d;--dp-surface-raised:#0d223a;
  --dp-border:rgba(89,157,225,.25);--dp-border-strong:rgba(67,183,255,.48);
  --dp-text:#f3f9ff;--dp-muted:#a0b5cc;--dp-blue:#0879f9;--dp-cyan:#22d9ef;
  --dp-positive:#20d6a1;--dp-negative:#ff7282;
  --dp-primary:linear-gradient(105deg,#096df3 0%,#0a9cfa 55%,#16d6eb 100%);
  --dp-card:linear-gradient(155deg,rgba(14,35,59,.98),rgba(6,20,37,.98));
  --dp-shadow:0 18px 48px rgba(0,4,18,.34);
  --bg:var(--dp-bg);--panel:var(--dp-surface);--panel2:var(--dp-surface-raised);
  --line:var(--dp-border);--text:var(--dp-text);--muted:var(--dp-muted);
  --blue:var(--dp-blue);--cyan:var(--dp-cyan);--green:var(--dp-positive);--red:var(--dp-negative);
  --v2-bg:var(--dp-bg);--v2-panel:var(--dp-surface);--v2-panel2:var(--dp-surface-raised);
  --v2-line:var(--dp-border);--v2-text:var(--dp-text);--v2-muted:var(--dp-muted);
  --v2-blue:var(--dp-blue);--v2-cyan:var(--dp-cyan);--v2-green:var(--dp-positive);--v2-red:var(--dp-negative);
}
html{scrollbar-color:#315273 #071525}
body.platform-ui,body.admin-ui{background:radial-gradient(ellipse at 68% -12%,rgba(5,102,228,.15),transparent 36%),#030a15!important;color:var(--dp-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
body.platform-ui ::selection,body.admin-ui ::selection{background:rgba(29,187,247,.4);color:#fff}
body.platform-ui :is(button,a,input,select,textarea):focus-visible,body.admin-ui :is(button,a,input,select,textarea):focus-visible{outline:2px solid #4fdcff!important;outline-offset:3px}
body.platform-ui :is(button,a),body.admin-ui :is(button,a){-webkit-tap-highlight-color:transparent}
/* Shared surfaces and copy. */
body.platform-ui :is(.card,.panel,.home-market-card,.balance-card,.chat-card,.short-trade-card),
body.admin-ui :is(.card,.panel,.login-card){background:var(--dp-card)!important;border:1px solid var(--dp-border)!important;box-shadow:var(--dp-shadow)!important;border-radius:18px!important}
body.platform-ui :is(h1,h2,h3,.title),body.admin-ui :is(h1,h2,h3){color:var(--dp-text)!important;letter-spacing:-.035em}
body.platform-ui :is(.muted,.lead,.sub,.hint),body.admin-ui :is(.muted,.sub){color:var(--dp-muted)!important}
body.platform-ui .eyebrow,body.admin-ui .eyebrow{color:#60dff6!important;letter-spacing:.14em!important}
body.platform-ui :is(.positive,.gain),body.admin-ui .positive{color:var(--dp-positive)!important}
body.platform-ui :is(.negative,.loss),body.admin-ui .negative{color:var(--dp-negative)!important}
/* Account and wallet pages keep their compact layout, with the same brand chrome. */
body.platform-ui .shell{background:linear-gradient(180deg,#071526,#06111f)!important;border-color:var(--dp-border)!important}
body.platform-ui .shell>.top{background:rgba(5,17,32,.96)!important;border-bottom:1px solid var(--dp-border)!important;backdrop-filter:blur(16px)!important}
body.platform-ui .shell>.top .brand{font-weight:800!important;letter-spacing:-.035em!important;color:#f4faff!important}
body.platform-ui .shell>.top .brand::before{background-image:url('dp-logo-user.svg')!important;filter:drop-shadow(0 3px 10px rgba(0,122,255,.32))}
body.platform-ui :is(.back,.link,.foot a){color:#71d6f8!important;text-decoration:none}
body.platform-ui :is(.back,.link,.foot a):hover{color:#b2f4ff!important}
body.platform-ui :is(.field input,.field select,.field textarea,.row input,.row select,.composer textarea),
body.admin-ui :is(.field input,.field select,.field textarea,.search,.setting-row input,select,textarea){background:#07182a!important;border:1px solid rgba(105,163,220,.31)!important;color:#f4faff!important;border-radius:11px!important;box-shadow:none!important}
body.platform-ui :is(.field input,.field select,.field textarea,.row input,.row select,.composer textarea):focus,
body.admin-ui :is(.field input,.field select,.field textarea,.search,.setting-row input,select,textarea):focus{border-color:#28b8f7!important;box-shadow:0 0 0 3px rgba(22,172,245,.14)!important;outline:0!important}
body.platform-ui input::placeholder,body.admin-ui input::placeholder,body.platform-ui textarea::placeholder,body.admin-ui textarea::placeholder{color:#718aa5!important;opacity:1}
body.platform-ui :is(.btn,.submit,.convert,.send,.primary-btn,.submit-trade,.pledge-btn,.sim-btn),
body.admin-ui :is(.primary,.btn.primary){background:var(--dp-primary)!important;color:white!important;border:1px solid rgba(61,206,255,.3)!important;border-radius:11px!important;box-shadow:0 11px 26px rgba(5,105,239,.25)!important;font-weight:750!important}
body.platform-ui :is(.btn,.submit,.convert,.send,.primary-btn,.submit-trade,.pledge-btn,.sim-btn):hover,
body.admin-ui :is(.primary,.btn.primary):hover{filter:brightness(1.12)!important;transform:translateY(-1px)}
body.platform-ui :is(.btn,.submit,.convert,.send,.primary-btn,.submit-trade,.pledge-btn):disabled{opacity:.48!important;cursor:not-allowed;transform:none!important}
body.platform-ui :is(.secondary,.copy,.tabs a,.method,.action-tile,.menu-row),
body.admin-ui :is(.ghost,.quick a,.row-actions button,.setting-row button){background:#0b2035!important;border-color:var(--dp-border)!important;color:#d9eafa!important}
body.platform-ui :is(.tabs a.active,.method.active){background:linear-gradient(110deg,rgba(6,113,248,.35),rgba(14,190,235,.15))!important;border-color:var(--dp-border-strong)!important;color:#fff!important}
body.platform-ui :is(.address-box,.upload,.upload-box,.box,.quote,.notice),body.admin-ui .setting-row{background:#091c30!important;border-color:var(--dp-border)!important}
body.platform-ui :is(.row,.menu-row,.activity-row,.ticket),body.admin-ui :is(th,td){border-bottom-color:rgba(104,164,219,.19)!important}
body.platform-ui :is(.asset-hero,.balance,.asset-hero-card){background:radial-gradient(circle at 12% 10%,rgba(25,201,242,.13),transparent 38%),linear-gradient(135deg,#0c2a4b,#0a3148)!important;border:1px solid rgba(60,173,238,.37)!important}
/* Trading screens: calm panels and consistent controls below the cinematic hero. */
body.platform-ui .topbar{background:rgba(5,16,31,.94)!important;border-bottom:1px solid var(--dp-border)!important}
body.platform-ui :is(.desktop-nav-v3 button,.home-market-tabs button,.filter,.timeframes button){color:#adc2d8!important}
body.platform-ui :is(.desktop-nav-v3 button.active,.home-market-tabs button.active,.filter.active,.timeframes button.active){color:#fff!important;background:rgba(14,119,236,.2)!important;border-color:rgba(61,180,246,.37)!important}
body.platform-ui :is(.market-row,.home-market-row,.positions-table-head,.home-market-head){border-color:rgba(103,164,222,.16)!important}
body.platform-ui .tech-hud{background:#061a35!important;border-color:#287dc0!important;box-shadow:0 12px 30px rgba(0,4,18,.6)!important}
/* Admin uses the same tokens while retaining its denser information layout. */
body.admin-ui .boot{background:#030a15!important}
body.admin-ui .boot-dot{background:var(--dp-cyan)!important}
body.admin-ui .side{background:#061425!important;border-right:1px solid var(--dp-border)!important}
body.admin-ui .side .brand::before,body.admin-ui .login-card .brand::before{background:url('dp-logo-user.svg') center/contain no-repeat!important}
body.admin-ui :is(.nav button:hover,.nav button.active){background:linear-gradient(110deg,rgba(6,113,248,.25),rgba(14,190,235,.1))!important;border-color:rgba(73,177,244,.3)!important;color:#fff!important}
body.admin-ui :is(.quick a,.card,.panel,.login-card){border-color:var(--dp-border)!important}
body.admin-ui :is(.badge,.status){background:rgba(20,113,232,.18)!important;color:#a9d8ff!important;border:1px solid rgba(67,171,244,.3)!important}
body.admin-ui :is(.top,.bar){border-color:var(--dp-border)!important}
@media(max-width:720px){body.platform-ui :is(.card,.panel,.home-market-card),body.admin-ui :is(.card,.panel){border-radius:15px!important}body.platform-ui .shell>.top{min-height:62px}}
@media(prefers-reduced-motion:reduce){body.platform-ui :is(button,a),body.admin-ui :is(button,a){transition:none!important}}
/* Preserve the hero composition while sharing the rest of the system. */
body.platform-ui .tech-title{letter-spacing:-.068em!important}
body.platform-ui .tech-title .gradient{color:transparent!important}
body.platform-ui .shell>.top .brand::before,
body.admin-ui :is(.side,.login-card) .brand::before{content:""!important;display:block!important;width:40px!important;height:34px!important;flex:none!important;background:url('dp-logo-user.svg') center/contain no-repeat!important;filter:drop-shadow(0 4px 10px rgba(5,129,255,.36))}
body.admin-ui .login-card .brand{display:flex!important;align-items:center!important;gap:10px!important}
body.platform-ui .shell>.top .brand{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
@media(min-width:901px){body.platform-ui .mobile-nav{display:none!important}body.platform-ui .app-shell{padding-bottom:0!important}}

@media(min-width:1101px){body.platform-ui{overflow-x:hidden}body.platform-ui .topbar{width:100vw!important;margin-left:calc(50% - 50vw)!important;padding:0 max(4.5vw,34px)!important}}