@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  /* Palette matched exactly to the landing page (landing.css dark theme) */
  --bg:#0a100d;--card-bg:#19241f;--card-bg2:#202e27;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);
  --white:#f1faf5;--gray-1:#c3d4cb;--gray-2:#88998f;--gray-3:#5f7268;
  --green:#1ed98a;--green-ui:#23e592;--red:#ff4d6d;--gold:#f5c443;--accent:#9b6cff;
  --btn-text:#06231a;--btn-shadow:0 12px 26px rgba(30,217,138,.30);--green-dim:#0f9f64;
  --sidebar-bg:#0d1712;--font:'Inter',sans-serif;
  --m-shell-grad:linear-gradient(180deg,#15201b 0%,#0d1712 40%,#0a100d 100%);
  --m-drawer-bg:#19241f;
  --auth-shell-grad:linear-gradient(160deg,#15201b 0%,#0d1712 60%,#0a100d 100%);
  --auth-card-bg:rgba(25,36,31,.72);
  --auth-inp-bg:rgba(32,46,39,.9);
  --m-footer-bg:rgba(10,16,13,.97);
  --m-appbar-btn-bg:rgba(255,255,255,.08);
  --m-appbar-btn-border:rgba(255,255,255,.12);
  --m-portfolio-card-bg:linear-gradient(160deg,#202e27 0%,#15201b 100%);
  --m-port-card-border:var(--border2);
  --mc-bg:rgba(25,36,31,.85);
  --mc-glow-bg:linear-gradient(135deg,#202e27,#15201b);
  --vcard-bg:linear-gradient(135deg,#16352b,#0a3b29);
  --vcard-border:rgba(255,255,255,.16);
}
:root[data-theme="light"]{
  /* Palette matched exactly to the landing page (landing.css light = white) */
  --bg:#ffffff;--card-bg:#ffffff;--card-bg2:#f1f5f3;
  --border:rgba(16,36,29,.10);--border2:rgba(16,36,29,.16);
  --white:#10241d;--gray-1:#2a3a32;--gray-2:#5d6b62;--gray-3:#93a39a;
  --green:#1a7a4f;--green-ui:#15643f;--red:#dc2626;--gold:#b45309;--accent:#6d28d9;
  --btn-text:#ffffff;--btn-shadow:0 10px 22px rgba(26,122,79,.25);--green-dim:#0e4d31;
  --sidebar-bg:#ffffff;
  --m-shell-grad:linear-gradient(180deg,#f3faf6 0%,#ffffff 40%,#ffffff 100%);
  --m-drawer-bg:#ffffff;
  --auth-shell-grad:linear-gradient(160deg,#f3faf6 0%,#ffffff 60%,#ffffff 100%);
  --auth-card-bg:rgba(255,255,255,.96);
  --auth-inp-bg:#ffffff;
  --m-footer-bg:rgba(255,255,255,.97);
  --m-appbar-btn-bg:rgba(16,36,29,.05);
  --m-appbar-btn-border:rgba(16,36,29,.1);
  --m-portfolio-card-bg:linear-gradient(160deg,#f3faf6 0%,#ffffff 100%);
  --m-port-card-border:var(--border);
  --mc-bg:rgba(255,255,255,.95);
  --mc-glow-bg:linear-gradient(135deg,#f3faf6,#ffffff);
  --vcard-bg:linear-gradient(135deg,#1a7a4f,#0e4d31);
  --vcard-border:rgba(16,36,29,.16);
}
html,body{width:100%;height:100%;background:var(--bg);font-family:var(--font);overflow:hidden;color:var(--white);}

/* ════ DESKTOP ════ */
.desktop{display:none;height:100vh;width:100%;}
@media(min-width:900px){.desktop{display:flex;}.mobile{display:none!important;}}
.sidebar{width:200px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0 16px;overflow-y:auto;}
.sidebar::-webkit-scrollbar{width:3px;}.sidebar::-webkit-scrollbar-thumb{background:var(--border2);}
.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 18px 20px;}
.logo-box{width:34px;height:34px;background:var(--green-ui);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.logo-box svg{width:18px;height:18px;fill:var(--bg);}
.logo-text{font-size:16px;font-weight:800;}
.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:0 10px;gap:1px;}
.s-sect{font-size:10px;font-weight:700;color:var(--gray-3);text-transform:uppercase;letter-spacing:.8px;padding:8px 12px 3px;}
.s-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;color:var(--gray-2);font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;transition:background .1s,color .1s;}
.s-item:hover{background:rgba(30,217,138,.08);color:var(--white);}
.s-item.active{background:rgba(30,217,138,.12);color:var(--green-ui);}
.s-item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.s-badge{margin-left:auto;background:var(--green-ui);color:var(--bg);font-size:10px;font-weight:700;padding:2px 6px;border-radius:20px;}
.s-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:auto;flex-shrink:0;}
.sidebar-div{border-top:1px solid var(--border);margin:6px 0;}
.sidebar-bottom{padding:0 10px;}
.d-main{flex:1;display:flex;flex-direction:column;overflow:hidden;}
.d-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 28px;height:56px;flex-shrink:0;background:var(--sidebar-bg);border-bottom:1px solid var(--border);}
.d-topbar-tabs{display:flex;gap:4px;overflow-x:auto;}
.d-tab{padding:6px 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;color:var(--gray-2);background:transparent;border:none;font-family:var(--font);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;}
.d-tab.active{background:var(--card-bg);color:var(--white);}
.d-tab:hover:not(.active){color:var(--white);}
.d-topbar-right{display:flex;gap:8px;align-items:center;flex-shrink:0;}
.d-tb-btn{height:34px;padding:0 12px;border-radius:7px;background:transparent;border:1px solid var(--border2);display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--gray-2);font-size:12px;font-weight:500;font-family:var(--font);text-decoration:none;}
.d-tb-btn:hover{color:var(--white);}
.d-tb-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.d-tb-btn.connected{color:var(--green);border-color:rgba(30,217,138,.3);}
.d-profile{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:12px;color:var(--gray-2);text-decoration:none;border:1px solid transparent;transition:background .12s,color .12s,border-color .12s;}
.d-profile:hover{background:rgba(255,255,255,.05);color:var(--white);border-color:rgba(255,255,255,.08);}
.d-profile-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4a9060,#2d6b45);}
.d-profile-name{font-size:13px;font-weight:700;color:var(--gray-1);}
.port-balance-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.port-balance-head-left{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.port-amount{font-size:34px;font-weight:800;letter-spacing:-1.4px;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.port-currency-switch{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border2);background:rgba(255,255,255,.03);color:var(--gray-1);font-size:13px;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,color .12s;}
.port-currency-switch:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--white);}
.port-currency-current{font-variant-numeric:tabular-nums;}
.port-btc{font-size:14px;color:var(--gray-2);font-weight:500;margin-bottom:12px;}
.port-balance-toggle{width:38px;height:38px;border-radius:12px;border:1px solid var(--border2);background:transparent;color:var(--gray-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s,border-color .12s;}
.port-balance-toggle:hover{background:rgba(255,255,255,.05);color:var(--white);border-color:rgba(255,255,255,.12);}
.port-balance-action{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.port-balance-action-text{font-size:13px;color:var(--gray-2);font-weight:600;}
.currency-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:18px;z-index:200;}
.currency-modal-overlay.open{display:flex;}
.currency-modal{width:min(420px,100%);background:var(--card-bg);border:1px solid var(--border2);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);}
.currency-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);}
.currency-modal-title{font-size:16px;font-weight:800;}
.modal-close-btn{width:34px;height:34px;border:none;border-radius:12px;background:rgba(255,255,255,.04);color:var(--gray-1);font-size:20px;line-height:1;cursor:pointer;transition:background .12s;color:var(--gray-2);}
.modal-close-btn:hover{background:rgba(255,255,255,.08);}
.currency-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;}
.currency-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:14px;border:1px solid var(--border2);background:transparent;color:var(--gray-1);font-size:14px;font-weight:700;cursor:pointer;transition:all .12s;}
.currency-option:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);}
.currency-option.active{background:var(--green-ui);border-color:var(--green-ui);color:#000;}
.d-scroll{flex:1;overflow-y:auto;padding:28px 32px 48px;}
.d-scroll::-webkit-scrollbar{width:4px;}.d-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;}
/* Desktop shared */
.pos{color:var(--green);}.neg{color:var(--red);}.neu{color:var(--gray-2);}
.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:700;}
.b-g{background:rgba(30,217,138,.12);color:var(--green);}.b-r{background:rgba(240,80,80,.12);color:var(--red);}.b-gold{background:rgba(247,147,26,.12);color:var(--gold);}.b-b{background:rgba(96,165,250,.12);color:#60a5fa;}.b-p{background:rgba(124,90,245,.12);color:var(--accent);}.b-gr{background:var(--card-bg2);color:var(--gray-2);}
.dc{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:20px;}
.dc-sm{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;}
.dc-glow{background:linear-gradient(135deg,var(--card-bg),var(--card-bg2));border:1px solid var(--border2);border-radius:16px;padding:22px;position:relative;overflow:hidden;}
.dc-glow::before{content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:rgba(30,217,138,.07);pointer-events:none;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.page-title{font-size:22px;font-weight:800;margin-bottom:18px;}
.sec-title{font-size:15px;font-weight:800;margin-bottom:12px;}
.lbl{font-size:10.5px;font-weight:600;color:var(--gray-2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;border:none;font-family:var(--font);transition:all .12s;text-decoration:none;}
.btn-p{background:var(--green-ui);color:#000;}.btn-p:hover{background:#1eaa52;}
.btn-s{background:var(--card-bg2);color:var(--white);border:1px solid var(--border2);}
.btn-o{background:transparent;color:var(--white);border:1.5px solid var(--border2);}.btn-o:hover{background:rgba(255,255,255,.04);}
.btn-d{background:rgba(240,80,80,.1);color:var(--red);border:1px solid rgba(240,80,80,.25);}
.btn-sm{padding:7px 12px;font-size:12px;}.full{width:100%;}
.inp{width:100%;background:var(--card-bg2);border:1px solid var(--border2);border-radius:9px;padding:10px 13px;font-size:13px;color:var(--white);font-family:var(--font);outline:none;}
.inp:focus{border-color:var(--green-ui);}.inp::placeholder{color:var(--gray-3);}
.flex{display:flex;}.aic{align-items:center;}.jb{justify-content:space-between;}
.gap4{gap:4px;}.gap6{gap:6px;}.gap8{gap:8px;}.gap10{gap:10px;}.gap12{gap:12px;}
.mb4{margin-bottom:4px;}.mb6{margin-bottom:6px;}.mb8{margin-bottom:8px;}.mb10{margin-bottom:10px;}.mb12{margin-bottom:12px;}.mb14{margin-bottom:14px;}.mb16{margin-bottom:16px;}.mb20{margin-bottom:20px;}
.mt6{margin-top:6px;}.mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt12{margin-top:12px;}
.tc{text-align:center;}.tr{text-align:right;}
.prog{background:var(--card-bg2);border-radius:20px;height:5px;}
.prog-f{height:100%;border-radius:20px;background:var(--green-ui);}
.sw{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer;}
.sw input{opacity:0;width:0;height:0;}
.sw-sl{position:absolute;inset:0;background:var(--card-bg2);border-radius:20px;transition:.25s;}
.sw-sl::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:var(--white);border-radius:50%;transition:.25s;}
input:checked+.sw-sl{background:var(--green-ui);}
input:checked+.sw-sl::before{transform:translateX(18px);}
.t-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;}
.t-row:last-child{border-bottom:none;}.t-row:hover{background:rgba(30,217,138,.025);}
.t-row-left{display:flex;align-items:center;gap:12px;}
.t-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background:var(--card-bg2);flex-shrink:0;}
.t-name{font-size:14px;font-weight:700;}.t-sub{font-size:12px;color:var(--gray-2);margin-top:2px;}
.t-right{text-align:right;}.t-val{font-size:14px;font-weight:700;}.t-chg{font-size:12px;margin-top:2px;font-weight:600;}
.tbl{width:100%;border-collapse:collapse;}
.tbl thead th{font-size:11px;font-weight:600;color:var(--gray-2);text-transform:uppercase;letter-spacing:.7px;padding:0 14px 11px;text-align:left;border-bottom:1px solid var(--border);}
.tbl tbody tr{border-bottom:1px solid var(--border);}.tbl tbody tr:last-child{border-bottom:none;}
.tbl tbody tr:hover td{background:rgba(30,217,138,.025);}
.tbl tbody td{padding:14px;font-size:13px;vertical-align:middle;}
.chart-wrap{height:160px;}.chart-wrap canvas{width:100%!important;height:100%!important;}
.chart-md{height:130px;}.chart-md canvas{width:100%!important;height:130px!important;}
.tfs{display:flex;gap:3px;margin-top:10px;}
.tf{padding:5px 11px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;color:var(--gray-2);background:transparent;border:none;font-family:var(--font);}
.tf.active,.tf:hover{background:var(--card-bg2);color:var(--white);}
.notif-row{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.notif-row:last-child{border-bottom:none;}
.notif-unread{padding-left:10px;border-left:3px solid var(--green-ui);}
.notif-ic{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:var(--card-bg2);}
.set-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.set-row:last-child{border-bottom:none;}
.set-l{display:flex;align-items:center;gap:11px;}
.set-ic{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.set-ic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.chat-area{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1;padding:14px 16px;}
.bubble{padding:11px 14px;border-radius:14px;font-size:13px;line-height:1.6;max-width:80%;}
.b-ai{background:var(--card-bg2);color:var(--white);border-bottom-left-radius:4px;align-self:flex-start;}
.b-user{background:var(--green-ui);color:#000;font-weight:600;border-bottom-right-radius:4px;align-self:flex-end;margin-left:auto;}
.chat-bar{padding:10px 14px;background:var(--sidebar-bg);border-top:1px solid var(--border);display:flex;gap:8px;flex-shrink:0;}
.chat-inp{flex:1;background:var(--card-bg2);border:1px solid var(--border2);border-radius:9px;padding:9px 13px;font-size:13px;color:var(--white);font-family:var(--font);outline:none;}
.chat-inp:focus{border-color:var(--green-ui);}
.chat-send{background:var(--green-ui);border:none;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:700;color:#000;cursor:pointer;font-family:var(--font);}
.kyc-step{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.kyc-step:last-child{border-bottom:none;}
.kn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;}
.kn-done{background:rgba(30,217,138,.14);color:var(--green);}
.seed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.seed-word{background:var(--card-bg2);border:1px solid var(--border2);border-radius:8px;padding:10px 8px;text-align:center;}
.seed-n{font-size:9px;color:var(--gray-3);font-weight:600;margin-bottom:2px;}
.seed-t{font-size:12px;font-weight:700;font-family:monospace;}
.stage{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px solid var(--border);}
.stage:last-child{border-bottom:none;}
.stage-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;}
.vcard{background:var(--vcard-bg);border:1px solid var(--vcard-border);border-radius:18px;padding:22px;position:relative;overflow:hidden;}
.vcard::before{content:'';position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;background:rgba(30,217,138,.07);}
.chip{width:32px;height:24px;background:linear-gradient(135deg,#d4af37,#f5d76e);border-radius:4px;margin-bottom:16px;}
.cnum{font-size:14px;font-weight:600;letter-spacing:3px;color:rgba(255,255,255,.8);margin-bottom:14px;font-family:monospace;}
.nft-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;}
.nft-img{height:150px;display:flex;align-items:center;justify-content:center;font-size:54px;}
.nft-body{padding:12px 14px;}
hr.div{border:none;border-top:1px solid var(--border);margin:12px 0;}
/* Original earn */
.earn-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px;}
.earn-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border);padding:26px 28px;}
.earn-bar{height:52px;border-radius:10px;margin-bottom:22px;background:linear-gradient(90deg,#14532d 0%,#1ed98a 60%,#86efac 100%);}
.time-pills{display:flex;gap:6px;margin-bottom:18px;}
.tp{padding:7px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;color:var(--gray-2);background:transparent;border:1px solid transparent;font-family:var(--font);}
.tp.active{background:var(--card-bg2);color:var(--white);border-color:var(--border2);}
.earn-card-label{font-size:14px;color:var(--gray-2);font-weight:500;display:flex;align-items:center;gap:6px;margin-bottom:10px;}
.earn-card-label svg{width:14px;height:14px;fill:none;stroke:var(--gray-3);stroke-width:1.8;stroke-linecap:round;}
.earn-amount{font-size:42px;font-weight:800;letter-spacing:-1.5px;margin-bottom:6px;line-height:1;}
.earn-amount.green{color:var(--green);}
.earn-sub{font-size:15px;color:var(--gray-2);font-weight:500;}
.earn-sub span{color:var(--gray-1);font-weight:600;}
.assets-section-title{font-size:22px;font-weight:800;margin-bottom:20px;}
.assets-table{width:100%;border-collapse:collapse;}
.assets-table thead tr th{font-size:12px;font-weight:600;color:var(--gray-2);text-transform:uppercase;letter-spacing:.7px;padding:0 16px 14px;text-align:left;border-bottom:1px solid var(--border);}
.assets-table tbody tr{border-bottom:1px solid var(--border);}
.assets-table tbody tr:last-child{border-bottom:none;}
.assets-table tbody tr:hover td{background:rgba(30,217,138,.03);}
.assets-table tbody td{padding:18px 16px;vertical-align:middle;}
.asset-cell{display:flex;align-items:center;gap:14px;}
.asset-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;}
.asset-name{font-size:15px;font-weight:700;}
.asset-ticker{font-size:13px;color:var(--gray-2);font-weight:500;margin-top:3px;}
.td-main{font-size:15px;font-weight:700;}
.td-sub{font-size:13px;color:var(--gray-2);margin-top:3px;font-weight:500;}
.rate-val{font-size:16px;font-weight:800;color:var(--green);}
.rate-type{font-size:12px;color:var(--gray-2);font-weight:600;margin-top:3px;}
.earn-btn{background:transparent;border:1.5px solid var(--border2);border-radius:10px;padding:11px 30px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);}
.earn-btn:hover{background:rgba(255,255,255,.05);}
.feedback-bar{margin-top:32px;padding:20px 24px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;}
.feedback-text{font-size:14px;color:var(--gray-2);line-height:1.7;font-weight:500;}
.feedback-link{color:var(--green);text-decoration:underline;cursor:pointer;}
.feedback-earn-btn{background:transparent;border:1.5px solid var(--border2);border-radius:10px;padding:12px 40px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);white-space:nowrap;}
.port-balance-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border);padding:28px 32px;margin-bottom:24px;}
.port-label{font-size:13px;font-weight:600;color:var(--gray-2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px;}
.port-amount{font-size:52px;font-weight:800;letter-spacing:-2px;line-height:1;margin-bottom:8px;}
.port-change{font-size:15px;font-weight:600;color:var(--green);margin-bottom:20px;}
.p-time-filters{display:flex;gap:4px;margin-top:14px;}
.assets-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border);}
.market-card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border);}
.market-header{padding:20px 24px;border-bottom:1px solid var(--border);}
.market-title{font-size:20px;font-weight:800;}
.m-table{width:100%;border-collapse:collapse;}
.m-table thead th{font-size:12px;font-weight:600;color:var(--gray-2);text-transform:uppercase;letter-spacing:.7px;padding:14px 24px;text-align:left;border-bottom:1px solid var(--border);}
.m-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;}
.m-table tbody tr:last-child{border-bottom:none;}
.m-table tbody tr:hover td{background:rgba(30,217,138,.03);}
.m-table tbody td{padding:16px 24px;font-size:15px;font-weight:600;}

/* ════ MOBILE ════ */
.mobile{display:block;}
.m-shell{position:fixed;inset:0;display:flex;flex-direction:column;max-width:430px;margin:0 auto;background:var(--m-shell-grad);}
.m-statusbar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:14px 20px 0;}
.m-status-time{font-size:15px;font-weight:700;}
.m-status-icons{display:flex;align-items:center;gap:5px;}
.m-status-icons svg{width:16px;height:16px;fill:none;stroke:var(--white);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.m-appbar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px 10px;}
.m-hamburger{width:42px;height:42px;border-radius:12px;background:var(--m-appbar-btn-bg);border:1px solid var(--m-appbar-btn-border);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.m-hamburger svg{width:18px;height:18px;fill:none;stroke:var(--white);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.m-appbar-right{display:flex;gap:10px;align-items:center;}
.m-bell-btn{width:42px;height:42px;border-radius:50%;background:var(--m-appbar-btn-bg);border:1px solid var(--m-appbar-btn-border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;text-decoration:none;}
.m-bell-btn svg{width:18px;height:18px;fill:none;stroke:var(--white);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.m-bell-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--green);border:2px solid var(--bg);}
.m-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#4a9060,#2d6b45);border:2px solid var(--green-ui);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;color:var(--white);}
.m-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.m-scroll::-webkit-scrollbar{display:none;}
.m-balance-section{padding:8px 20px 20px;}
.m-balance-label{font-size:14px;font-weight:500;color:var(--gray-2);margin-bottom:6px;}
.m-balance-row{display:flex;align-items:center;justify-content:space-between;}
.m-balance-amount{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1.05;max-width:72vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-balance-amount .dollar{font-size:22px;font-weight:700;vertical-align:super;margin-right:2px;}
.m-currency-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:700;}
.m-currency-pill svg{width:12px;height:12px;fill:none;stroke:var(--gray-2);stroke-width:2;stroke-linecap:round;}
.m-section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;}
.m-section-title{font-size:18px;font-weight:800;}
.m-view-link{font-size:14px;font-weight:700;color:var(--green-ui);cursor:pointer;text-decoration:none;}
.m-portfolio-slider{position:relative;overflow:hidden;padding:0 0 20px;}
.m-portfolio-track{display:flex;gap:14px;transition:transform .5s cubic-bezier(.25,.46,.45,.94);}
.m-portfolio-card{min-width:calc(50% - 7px);max-width:calc(50% - 7px);flex-shrink:0;background:var(--m-portfolio-card-bg);border:1px solid var(--m-port-card-border);border-radius:20px;padding:18px 16px 16px;position:relative;overflow:hidden;}
.m-portfolio-card::before{content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:rgba(30,217,138,.06);pointer-events:none;}
.m-port-coin-name{font-size:14px;font-weight:700;margin-bottom:2px;}
.m-port-coin-ticker{font-size:11px;font-weight:500;color:var(--gray-2);margin-bottom:12px;}
.m-port-icon{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;}
.m-port-amount{font-size:18px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px;}
.m-port-change{font-size:13px;font-weight:700;margin-bottom:12px;}
.m-port-chart{height:50px;}.m-port-chart canvas{width:100%!important;height:50px!important;}
.m-slider-dots{display:flex;justify-content:center;gap:6px;padding:0 0 8px;}
.m-dot{width:6px;height:6px;border-radius:50%;background:var(--gray-3);transition:all .3s;cursor:pointer;}
.m-dot.active{background:var(--green-ui);width:18px;border-radius:3px;}
.m-live-section{padding:0 20px 8px;}
.m-live-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.m-live-title{font-size:18px;font-weight:800;}
.m-live-view{font-size:14px;font-weight:700;color:var(--green-ui);cursor:pointer;}
.m-price-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding-right:4px;}
.m-price-row{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;text-decoration:none;color:var(--white);}
.m-price-row:last-child{border-bottom:none;}
.m-price-row:hover .m-price-icon{transform:scale(1.03);}
.m-price-left{display:flex;align-items:center;gap:12px;max-width:45%;}
.m-price-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0;transition:transform .15s ease;}
.m-price-name{font-size:15px;font-weight:700;line-height:1.2;display:flex;align-items:center;gap:6px;}
.m-price-sub{font-size:12px;color:var(--gray-2);margin-top:4px;}
.m-price-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:120px;}
.m-price-val{font-size:16px;font-weight:800;letter-spacing:-.3px;}
.m-price-chg{font-size:13px;font-weight:700;}
.m-price-holdings{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
.m-price-balance-sub{font-size:12px;color:var(--gray-2);}
.m-footer{flex-shrink:0;background:var(--m-footer-bg);backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:center;padding:10px 0;padding-bottom:max(10px,env(safe-area-inset-bottom));}
.m-nav{display:flex;justify-content:space-around;align-items:center;width:100%;}
.m-nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;color:var(--gray-2);font-size:11px;font-weight:700;min-width:60px;padding:4px 0;text-decoration:none;transition:color .1s;}
.m-nav-item.active{color:var(--green-ui);}
.m-nav-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.m-nav-item.active .m-nav-icon{stroke:var(--green-ui);}
.m-action-row{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 16px 10px;}
.m-action-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;flex:1;text-decoration:none;color:inherit;}
.m-action-circle{width:54px;height:54px;border-radius:50%;background:var(--card-bg2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;transition:background .12s;}
.m-action-circle:hover,.m-action-circle:active{background:var(--border2);}
.m-action-circle svg{width:20px;height:20px;fill:none;stroke:var(--white);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.m-action-label{font-size:11px;font-weight:600;color:var(--gray-2);text-align:center;}
.m-main-chart-wrap{margin:6px 0 0;height:160px;position:relative;}
.m-main-chart-wrap canvas{width:100%!important;height:160px!important;}
.m-chart-filters{display:flex;align-items:center;padding:8px 16px 10px;gap:2px;}
.m-cf{flex:1;text-align:center;padding:6px 2px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;color:var(--gray-2);background:transparent;border:none;font-family:var(--font);transition:all .12s;}
.m-cf.active{background:var(--card-bg2);color:var(--white);border:1px solid var(--border2);}
.m-cf:hover:not(.active){color:var(--gray-1);}
.m-tab-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 0;border-bottom:1px solid var(--border);margin-bottom:0;}
.m-tab-group{display:flex;}
.m-tab{font-size:14px;font-weight:600;color:var(--gray-2);background:transparent;border:none;cursor:pointer;padding:0 0 12px;margin-right:22px;font-family:var(--font);position:relative;transition:color .12s;}
.m-tab.active{color:var(--white);}
.m-tab.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;background:var(--green-ui);border-radius:2px 2px 0 0;}
.m-import-btn{display:flex;align-items:center;gap:5px;background:var(--m-appbar-btn-bg);border:1px solid var(--m-appbar-btn-border);border-radius:20px;padding:7px 13px;font-size:12px;font-weight:700;color:var(--white);cursor:pointer;font-family:var(--font);white-space:nowrap;margin-bottom:12px;}
.m-import-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;}

/* ── DRAWER MENU (hamburger) ── */
.m-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);pointer-events:none;transition:background .3s;z-index:100;}
.m-drawer-overlay.open{background:rgba(0,0,0,.6);pointer-events:all;}
.m-drawer{position:fixed;top:0;left:0;height:100%;width:290px;background:var(--m-drawer-bg);border-right:1px solid var(--border);transform:translateX(-100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:101;display:flex;flex-direction:column;overflow-y:auto;}
.m-drawer.open{transform:translateX(0);}
.m-drawer::-webkit-scrollbar{width:3px;}.m-drawer::-webkit-scrollbar-thumb{background:var(--border2);}
.m-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 16px;}
.m-drawer-logo{display:flex;align-items:center;gap:9px;}
.m-drawer-close{width:36px;height:36px;border-radius:50%;background:var(--m-appbar-btn-bg);border:1px solid var(--m-appbar-btn-border);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.m-drawer-close svg{width:16px;height:16px;fill:none;stroke:var(--white);stroke-width:2;stroke-linecap:round;}
.m-drawer-sect{font-size:9.5px;font-weight:700;color:var(--gray-3);text-transform:uppercase;letter-spacing:.8px;padding:10px 18px 4px;}
.m-drawer-item{display:flex;align-items:center;gap:11px;padding:10px 18px;cursor:pointer;color:var(--gray-2);font-size:13.5px;font-weight:500;text-decoration:none;transition:background .1s,color .1s;}
.m-drawer-item:hover,.m-drawer-item:active{background:rgba(30,217,138,.08);color:var(--white);}
.m-drawer-item.active{background:rgba(30,217,138,.12);color:var(--green-ui);}
.m-drawer-item svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.m-drawer-badge{margin-left:auto;background:var(--green-ui);color:#000;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;}
.m-drawer-div{border-top:1px solid var(--border);margin:6px 0;}
.m-drawer-user{display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid var(--border);}
.m-drawer-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#4a9060,#2d6b45);border:2px solid var(--green-ui);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;}

/* ── Mobile sub-page cards ── */
.mc{background:var(--mc-bg);border:1px solid var(--border);border-radius:14px;padding:15px;margin:0 16px 12px;}
.mc-glow{background:var(--mc-glow-bg);border:1px solid var(--border2);border-radius:16px;padding:17px;margin:0 16px 12px;position:relative;overflow:hidden;}
.mc-glow::before{content:'';position:absolute;top:-25px;right:-25px;width:90px;height:90px;border-radius:50%;background:rgba(30,217,138,.07);pointer-events:none;}
.m-set-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;color:var(--white);}
.m-set-row:last-child{border-bottom:none;}
.m-set-l{display:flex;align-items:center;gap:11px;}
.m-ic{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.m-stage{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04);}
.m-stage:last-child{border-bottom:none;}
.m-sdot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;}

/* ── AUTH PAGES ── */
.auth-shell{position:fixed;inset:0;display:flex;flex-direction:column;max-width:430px;margin:0 auto;background:var(--auth-shell-grad);overflow-y:auto;}
.auth-shell::-webkit-scrollbar{display:none;}
.auth-logo{display:flex;flex-direction:column;align-items:center;padding:48px 20px 28px;}
.auth-logo-box{width:64px;height:64px;background:var(--green-ui);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 0 40px rgba(30,217,138,.3);}
.auth-logo-box svg{width:32px;height:32px;fill:var(--bg);}
.auth-title{font-size:26px;font-weight:900;margin-bottom:5px;}
.auth-sub{font-size:14px;color:var(--gray-2);text-align:center;}
.auth-card{background:var(--auth-card-bg);border:1px solid var(--border);border-radius:20px;padding:24px 20px;margin:0 20px 16px;}
.auth-inp-wrap{position:relative;margin-bottom:12px;}
.auth-inp{width:100%;background:var(--auth-inp-bg);border:1px solid var(--border2);border-radius:11px;padding:14px 16px;font-size:14px;color:var(--white);font-family:var(--font);outline:none;transition:border-color .15s;}
.auth-inp:focus{border-color:var(--green-ui);}
.auth-inp::placeholder{color:var(--gray-3);}
.auth-inp-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);}
.auth-inp-icon svg{width:17px;height:17px;fill:none;stroke:var(--gray-3);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.auth-btn{width:100%;padding:15px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;border:none;font-family:var(--font);transition:all .15s;margin-bottom:10px;}
.auth-btn-p{background:linear-gradient(135deg,#1ed98a,#15a36a);color:#06231a;}
.auth-btn-p:hover{background:linear-gradient(135deg,#1eaa52,#128a3e);}
:root[data-theme="light"] .auth-btn-p{background:linear-gradient(135deg,#1a7a4f,#0e4d31);color:#fff;}
:root[data-theme="light"] .auth-btn-p:hover{background:linear-gradient(135deg,#176b45,#0c4329);}
.auth-btn-o{background:rgba(255,255,255,.05);color:var(--white);border:1.5px solid var(--border2);}
.auth-btn-o:hover{background:rgba(255,255,255,.08);}
.auth-social-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;}
.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid var(--border2);cursor:pointer;font-size:13px;font-weight:600;color:var(--white);font-family:var(--font);transition:background .15s;}
.auth-social-btn:hover{background:rgba(255,255,255,.1);}
.auth-social-btn svg{width:18px;height:18px;flex-shrink:0;}
.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.auth-divider-line{flex:1;height:1px;background:var(--border2);}
.auth-divider-text{font-size:12px;color:var(--gray-3);font-weight:600;}
.auth-link{text-align:center;font-size:13.5px;color:var(--gray-2);margin-bottom:24px;padding:0 20px;}
.auth-link a{color:var(--green-ui);text-decoration:none;font-weight:700;}
.auth-link a:hover{text-decoration:underline;}
.auth-tab-row{display:flex;background:var(--auth-card-bg);border:1px solid var(--border);border-radius:12px;padding:4px;margin:0 20px 16px;}
.auth-tab{flex:1;padding:10px;border-radius:9px;text-align:center;font-size:14px;font-weight:700;cursor:pointer;color:var(--gray-2);transition:all .15s;}
.auth-tab.active{background:var(--green-ui);color:#06231a;}
:root[data-theme="light"] .auth-tab.active{color:#fff;}
.auth-back{display:flex;align-items:center;gap:8px;padding:16px 20px 8px;cursor:pointer;color:var(--gray-1);font-size:13px;font-weight:600;text-decoration:none;}
.auth-back svg{width:20px;height:20px;fill:none;stroke:var(--white);stroke-width:2;stroke-linecap:round;}
/* Face scan */
.face-ring{width:200px;height:200px;border-radius:50%;border:3px solid rgba(30,217,138,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;}
.face-ring::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px dashed rgba(30,217,138,.2);animation:spin 8s linear infinite;}
.face-ring::after{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:40%;height:3px;background:var(--green-ui);border-radius:0 0 2px 2px;box-shadow:0 0 20px var(--green-ui);animation:scanface 2s ease-in-out infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes scanface{0%,100%{top:-4px;}50%{top:calc(100% + 1px);}}
.face-scan-dots{position:absolute;inset:20px;border-radius:50%;overflow:hidden;}
.face-corner{position:absolute;width:22px;height:22px;border-color:var(--green-ui);border-style:solid;}
.fc-tl{top:14px;left:14px;border-width:3px 0 0 3px;border-radius:4px 0 0 0;}
.fc-tr{top:14px;right:14px;border-width:3px 3px 0 0;border-radius:0 4px 0 0;}
.fc-bl{bottom:14px;left:14px;border-width:0 0 3px 3px;border-radius:0 0 0 4px;}
.fc-br{bottom:14px;right:14px;border-width:0 3px 3px 0;border-radius:0 0 4px 0;}
.face-status{font-size:13px;font-weight:600;color:var(--green);text-align:center;height:20px;}
.face-progress{width:100%;height:4px;background:rgba(30,217,138,.15);border-radius:20px;overflow:hidden;margin-bottom:20px;}
.face-progress-fill{height:100%;background:linear-gradient(90deg,#1ed98a,#86efac);border-radius:20px;transition:width .4s ease;animation:fpulse 2s ease-in-out infinite;}
@keyframes fpulse{0%,100%{opacity:1;}50%{opacity:.7;}}

/* ── Mobile page wrapper for sub pages ── */
.m-subpage{position:fixed;inset:0;max-width:430px;margin:0 auto;background:var(--m-shell-grad);display:flex;flex-direction:column;z-index:10;transform:translateX(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);}
.m-subpage.show{transform:translateX(0);}
.m-subpage-topbar{flex-shrink:0;display:flex;align-items:center;padding:14px 20px 10px;gap:12px;background:var(--sidebar-bg);border-bottom:1px solid var(--border);}
.m-subpage-back{width:36px;height:36px;border-radius:50%;background:var(--m-appbar-btn-bg);border:1px solid var(--m-appbar-btn-border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.m-subpage-back svg{width:18px;height:18px;fill:none;stroke:var(--white);stroke-width:2;stroke-linecap:round;}
.m-subpage-title{font-size:16px;font-weight:800;}
.m-subpage-scroll{flex:1;overflow-y:auto;padding-bottom:30px;}
.m-subpage-scroll::-webkit-scrollbar{display:none;}

/* ════ AI CENTER NAV BUTTON ════ */
.m-nav-ai-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  margin-top: -22px;
  text-decoration: none;
}
.m-nav-ai-btn {
  position: relative;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.m-nav-ai-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #1ed98a, #0d9488);
  animation: ai-pulse 2.4s ease-in-out infinite;
  box-shadow: 0 0 18px rgba(30,217,138,.55), 0 0 36px rgba(30,217,138,.25);
}
.m-nav-ai-ring2 {
  background: transparent;
  border: 2px solid rgba(30,217,138,.45);
  animation: ai-pulse2 2.4s ease-in-out infinite;
}
@keyframes ai-pulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 18px rgba(30,217,138,.55), 0 0 36px rgba(30,217,138,.25); }
  50%      { transform: scale(1.07); box-shadow: 0 0 28px rgba(30,217,138,.75), 0 0 54px rgba(30,217,138,.35); }
}
@keyframes ai-pulse2 {
  0%,100% { transform: scale(1.18); opacity: .7; }
  50%      { transform: scale(1.38); opacity: 0; }
}
.m-nav-ai-label {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 900;
  color: #000;
  letter-spacing: .5px;
}
/* Hide statusbar everywhere as double safety */
.m-statusbar { display: none !important; }

/* ── THEME TOGGLE BUTTON ── */
.theme-toggle-btn{
  width:38px;height:38px;border-radius:50%;
  background:var(--m-appbar-btn-bg);
  border:1px solid var(--m-appbar-btn-border);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--gray-1);transition:background .15s,color .15s,border-color .15s;
  flex-shrink:0;
}
.theme-toggle-btn:hover{background:var(--card-bg2);color:var(--white);border-color:var(--border2);}
.theme-toggle-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s;}
/* Desktop topbar variant */
.d-theme-toggle{height:34px;padding:0 10px;border-radius:7px;background:transparent;
  border:1px solid var(--border2);display:flex;align-items:center;gap:6px;cursor:pointer;
  color:var(--gray-2);font-size:12px;font-weight:500;font-family:var(--font);
  transition:color .12s,border-color .12s,background .12s;
}
.d-theme-toggle:hover{color:var(--white);background:var(--card-bg2);}
.d-theme-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
/* Drawer theme row */
.m-drawer-theme-row{display:flex;align-items:center;gap:11px;padding:10px 18px;cursor:pointer;
  color:var(--gray-2);font-size:13.5px;font-weight:500;transition:background .1s,color .1s;
  border:none;background:transparent;width:100%;font-family:var(--font);text-align:left;
}
.m-drawer-theme-row:hover{background:rgba(30,217,138,.08);color:var(--white);}
.m-drawer-theme-row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}

/* ── LIGHT MODE OVERRIDES for elements that need extra tuning ── */
:root[data-theme="light"] .m-hamburger svg,
:root[data-theme="light"] .m-bell-btn svg,
:root[data-theme="light"] .m-subpage-back svg,
:root[data-theme="light"] .m-drawer-close svg,
:root[data-theme="light"] .auth-back svg
{stroke:var(--gray-1);}
:root[data-theme="light"] .m-import-btn{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1);color:var(--white);}
:root[data-theme="light"] .t-row:hover{background:rgba(22,163,74,.04);}
:root[data-theme="light"] .seed-word{background:var(--card-bg2);border-color:var(--border2);}
:root[data-theme="light"] .chat-bar{background:var(--card-bg2);}
:root[data-theme="light"] .chat-inp{background:var(--card-bg);color:var(--white);}
:root[data-theme="light"] .bubble.b-ai{background:var(--card-bg2);color:var(--white);}
:root[data-theme="light"] .earn-btn,
:root[data-theme="light"] .feedback-earn-btn{color:var(--white);}
:root[data-theme="light"] .earn-btn:hover,
:root[data-theme="light"] .feedback-earn-btn:hover{background:var(--card-bg2);}
:root[data-theme="light"] .m-currency-pill{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1);}
:root[data-theme="light"] .modal-close-btn{background:var(--card-bg2);color:var(--white);}
:root[data-theme="light"] .modal-close-btn:hover{background:var(--border2);}
:root[data-theme="light"] .currency-modal{background:var(--card-bg);}
:root[data-theme="light"] .m-nav-ai-label{color:#fff;}
:root[data-theme="light"] .sw-sl{background:var(--border2);}
:root[data-theme="light"] .prog{background:var(--card-bg2);}
:root[data-theme="light"] .face-ring{border-color:rgba(22,163,74,.4);}
:root[data-theme="light"] .auth-logo-box{box-shadow:0 0 40px rgba(22,163,74,.25);}
:root[data-theme="light"] body{background:var(--bg);}
:root[data-theme="light"] .d-topbar,.sidebar{background:var(--sidebar-bg);}
:root[data-theme="light"] .m-bell-dot{border-color:var(--bg);}
:root[data-theme="light"] .m-avatar{border-color:var(--green-ui);}
:root[data-theme="light"] .s-badge,.m-drawer-badge{background:var(--green-ui);color:#fff;}
:root[data-theme="light"] .chip{background:linear-gradient(135deg,#d4af37,#f5d76e);}
:root[data-theme="light"] .cnum{color:rgba(13,26,13,.75);}
:root[data-theme="light"] .btn-p{color:#fff;}
:root[data-theme="light"] .b-user{color:#fff;}
:root[data-theme="light"] .btn-s{background:var(--card-bg2);color:var(--white);}
:root[data-theme="light"] .auth-btn-o{background:rgba(0,0,0,.05);color:var(--white);border-color:var(--border2);}
:root[data-theme="light"] .auth-social-btn{background:rgba(0,0,0,.04);border-color:var(--border2);color:var(--white);}
:root[data-theme="light"] .auth-social-btn:hover{background:rgba(0,0,0,.08);}
:root[data-theme="light"] .kn-done{background:rgba(22,163,74,.15);}
:root[data-theme="light"] .port-currency-switch{border-color:var(--border2);background:rgba(0,0,0,.03);}
:root[data-theme="light"] .port-balance-toggle{border-color:var(--border2);}
:root[data-theme="light"] .notif-row{border-bottom-color:rgba(0,0,0,.06);}
:root[data-theme="light"] .set-row{border-bottom-color:rgba(0,0,0,.06);}
:root[data-theme="light"] .m-set-row{border-bottom-color:rgba(0,0,0,.06);color:var(--white);}
:root[data-theme="light"] .inp{background:var(--card-bg2);color:var(--white);}
:root[data-theme="light"] .m-input{background:var(--card-bg2);color:var(--white);}
:root[data-theme="light"] .m-price-row{color:var(--white);border-bottom-color:rgba(0,0,0,.06);}
:root[data-theme="light"] .d-profile:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.07);}
:root[data-theme="light"] .d-tb-btn:hover{color:var(--white);background:var(--card-bg2);}
:root[data-theme="light"] .s-item:hover{background:rgba(22,163,74,.08);}
:root[data-theme="light"] .s-item.active{background:rgba(22,163,74,.12);}
:root[data-theme="light"] .d-tab.active{background:var(--card-bg2);}
:root[data-theme="light"] .tf.active,.tf:hover{background:var(--card-bg2);}
:root[data-theme="light"] .tp.active{background:var(--card-bg2);border-color:var(--border2);}
:root[data-theme="light"] .nft-card{background:var(--card-bg);border-color:var(--border);}
:root[data-theme="light"] .stage-dot{border-color:var(--border);}
:root[data-theme="light"] .m-sdot{border-color:var(--border);}
:root[data-theme="light"] .auth-divider-line{background:var(--border2);}
:root[data-theme="light"] .currency-option:hover{background:rgba(0,0,0,.04);border-color:var(--border2);}
:root[data-theme="light"] .m-drawer-item:hover,.m-drawer-item:active{background:rgba(22,163,74,.08);}
:root[data-theme="light"] .m-drawer-item.active{background:rgba(22,163,74,.12);}
:root[data-theme="light"] .m-stage{border-bottom-color:rgba(0,0,0,.06);}
:root[data-theme="light"] .kyc-step{border-bottom-color:rgba(0,0,0,.06);}
:root[data-theme="light"] .p-time-filters .d-tab.active{background:var(--card-bg2);color:var(--white);}

/* ── Mobile Buttons ── */
.btn-primary{display:block;width:100%;background:var(--green-ui);color:#000;border:none;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:800;cursor:pointer;font-family:var(--font);text-align:center;text-decoration:none;transition:opacity .15s;}
.btn-primary:hover{opacity:.88;}
.btn-outline{display:block;width:100%;background:transparent;color:var(--white);border:1.5px solid var(--border2);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font);text-align:center;text-decoration:none;transition:background .15s;}
.btn-outline:hover{background:rgba(255,255,255,.05);}
.btn-danger{display:block;width:100%;background:rgba(240,80,80,.1);color:var(--red);border:1px solid rgba(240,80,80,.25);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font);text-align:center;text-decoration:none;}

/* ── Mobile Page Title ── */
.m-page-title{font-size:20px;font-weight:800;padding:16px 20px 4px;display:block;}

/* ── Mobile Input ── */
.m-input{width:100%;background:var(--card-bg2);border:1px solid var(--border2);border-radius:12px;padding:13px 15px;font-size:14px;color:var(--white);font-family:var(--font);outline:none;box-sizing:border-box;}
.m-input:focus{border-color:var(--green-ui);}
.m-input::placeholder{color:var(--gray-3);}

/* ── Mobile Divider label ── */
.m-group-label{font-size:11px;color:var(--gray-2);font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:10px 20px 4px;display:block;}

/* ── mc row helper ── */
.mc-row{display:flex;align-items:center;justify-content:space-between;}
.mc-gap{display:flex;flex-direction:column;gap:10px;padding:0 16px;}

/* ── Mobile Eye Toggle ── */
.m-eye-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);background:rgba(255,255,255,.05);color:var(--gray-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s;flex-shrink:0;}
.m-eye-toggle:hover{background:rgba(255,255,255,.09);color:var(--white);}
.m-eye-toggle svg{pointer-events:none;}

/* ── Mobile BTC Conversion ── */
.m-btc-conversion{font-size:12.5px;color:var(--gray-2);font-weight:600;margin-top:4px;letter-spacing:.2px;}

/* ── Currency Modal extra currencies ── */
:root[data-theme="light"] .m-eye-toggle{background:rgba(0,0,0,.05);border-color:var(--border2);}

/* ── Auth Pages ── */
.auth-page-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg);}
.auth-page-card{width:min(420px,100%);background:var(--card-bg);border:1px solid var(--border2);border-radius:24px;padding:36px 32px;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.auth-page-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:28px;}
.auth-page-logo-box{width:52px;height:52px;background:var(--green-ui);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 0 30px rgba(30,217,138,.25);}
.auth-page-title{font-size:22px;font-weight:900;margin-bottom:4px;text-align:center;}
.auth-page-sub{font-size:13px;color:var(--gray-2);text-align:center;}
.auth-page-tabs{display:flex;background:var(--card-bg2);border-radius:12px;padding:4px;gap:4px;margin-bottom:24px;}
.auth-page-tab{flex:1;padding:9px;border:none;border-radius:9px;background:transparent;color:var(--gray-2);font-size:13.5px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s;}
.auth-page-tab.active{background:var(--green-ui);color:#000;}
.auth-social-row2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:18px;}
.auth-social-btn2{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 12px;border:1px solid var(--border2);border-radius:12px;background:transparent;color:var(--gray-1);font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .12s;}
.auth-social-btn2:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);}
.auth-divider2{display:flex;align-items:center;gap:10px;margin:16px 0;}
.auth-divider2-line{flex:1;height:1px;background:var(--border);}
.auth-divider2-text{font-size:12px;color:var(--gray-3);font-weight:600;}
.auth-field{margin-bottom:14px;}
.auth-field-label{font-size:12px;color:var(--gray-2);font-weight:700;margin-bottom:6px;display:block;}
.auth-field-wrap{position:relative;}
.auth-field-inp{width:100%;background:var(--card-bg2);border:1.5px solid var(--border2);border-radius:12px;padding:12px 42px 12px 14px;font-size:14px;color:var(--white);font-family:var(--font);outline:none;box-sizing:border-box;transition:border-color .15s;}
.auth-field-inp:focus{border-color:var(--green-ui);}
.auth-field-inp::placeholder{color:var(--gray-3);}
.auth-field-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--gray-3);display:flex;pointer-events:none;}
.auth-field-icon.clickable{pointer-events:all;cursor:pointer;}
.auth-submit-btn{width:100%;background:var(--green-ui);color:#000;border:none;border-radius:13px;padding:14px;font-size:14.5px;font-weight:800;cursor:pointer;font-family:var(--font);margin-top:4px;transition:opacity .15s;}
.auth-submit-btn:hover{opacity:.88;}
.auth-link-row{text-align:center;margin-top:18px;font-size:13px;color:var(--gray-2);}
.auth-link-row a{color:var(--green-ui);font-weight:700;text-decoration:none;}
.auth-success-card{text-align:center;padding:20px 0;}
.auth-success-icon{width:60px;height:60px;border-radius:50%;background:rgba(30,217,138,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
:root[data-theme="light"] .auth-field-inp{color:var(--white);}
:root[data-theme="light"] .auth-social-btn2{color:var(--white);}
:root[data-theme="light"] .auth-page-card{background:var(--card-bg);}

/* ── Access PIN Page ── */
.pin-dots{display:flex;gap:12px;justify-content:center;margin:24px 0 20px;}
.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border2);background:transparent;transition:all .15s;}
.pin-dot.filled{background:var(--green-ui);border-color:var(--green-ui);}
.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:260px;margin:0 auto;}
.pin-key{padding:16px;border:1px solid var(--border2);border-radius:14px;background:var(--card-bg2);color:var(--white);font-size:18px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .12s;text-align:center;}
.pin-key:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);}
.pin-key.del{color:var(--gray-2);font-size:14px;}
.pin-key.empty{border:none;background:transparent;cursor:default;}


/* Dashboard dynamic balance/currency fixes */
.currency-modal-overlay.open{display:flex !important;}
.currency-option.active{border-color:var(--green-ui);color:var(--green-ui);background:rgba(30,217,138,.10);}
@media (max-width: 420px){
  .m-balance-section{padding-left:18px;padding-right:18px;}
  .m-balance-amount{font-size:28px;max-width:68vw;}
  .m-balance-amount .dollar{font-size:20px;}
  .m-currency-pill{padding:6px 10px;font-size:12px;}
}
@media (min-width: 900px){
  .port-amount{font-size:38px;}
}


/* FINAL MOBILE BALANCE + TAB VISIBILITY FIX */
.m-live-section.force-hide{display:none!important;}
@media (max-width: 600px){
  .m-balance-section{padding:6px 18px 18px!important;}
  .m-balance-row{gap:8px!important;align-items:flex-start!important;}
  .m-balance-row > div:first-child{min-width:0!important;flex:1 1 auto!important;max-width:calc(100vw - 118px)!important;}
  .m-balance-amount{
    font-size:24px!important;
    line-height:1.05!important;
    letter-spacing:-0.75px!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .m-balance-amount .dollar{
    font-size:17px!important;
    margin-right:1px!important;
  }
  .m-btc-conversion{
    font-size:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  .m-currency-pill{
    padding:6px 8px!important;
    font-size:11px!important;
    flex:0 0 auto!important;
  }
  .m-eye-toggle{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
}
@media (max-width: 380px){
  .m-balance-amount{font-size:22px!important;}
  .m-balance-row > div:first-child{max-width:calc(100vw - 110px)!important;}
  .m-currency-pill{padding:5px 7px!important;font-size:10px!important;}
  .m-eye-toggle{width:32px!important;height:32px!important;flex-basis:32px!important;}
}


/* BEAUTIFUL IMPORT TOKEN MODAL */
.token-modal-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:16px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}
.token-modal-overlay.open{display:flex!important;}
.token-modal{
  width:min(520px,100%);
  max-height:82vh;
  overflow:hidden;
  border-radius:24px 24px 18px 18px;
  background:linear-gradient(180deg,rgba(18,39,24,.98),rgba(3,14,7,.98));
  border:1px solid rgba(94,234,141,.18);
  box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 40px rgba(30,217,138,.12);
  color:#fff;
  font-family:var(--font);
}
.token-modal-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding:20px 20px 14px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.token-modal-title{
  font-size:22px;
  font-weight:900;
  letter-spacing:-.6px;
}
.token-modal-sub{
  margin-top:4px;
  color:var(--gray-2);
  font-size:12.5px;
  line-height:1.4;
}
.token-modal-close{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
.token-search-wrap{
  margin:14px 16px 8px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}
.token-search-wrap svg{
  width:18px;
  height:18px;
  stroke:var(--gray-2);
  fill:none;
  stroke-width:2;
}
.token-search-input{
  width:100%;
  height:48px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-family:var(--font);
}
.token-search-input::placeholder{color:rgba(255,255,255,.44);}
.token-modal-hint{
  padding:0 18px 10px;
  color:var(--gray-2);
  font-size:12px;
}
.token-search-list{
  max-height:55vh;
  overflow-y:auto;
  padding:6px 12px 16px;
}
.token-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 8px;
  border-radius:16px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.token-row:hover{background:rgba(255,255,255,.045);}
.token-row-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.token-logo{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  color:var(--green-ui);
  font-weight:900;
  flex:0 0 42px;
}
.token-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.token-meta{min-width:0;}
.token-name{
  font-weight:850;
  font-size:14.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:230px;
}
.token-name span{
  margin-left:4px;
  font-size:12px;
  color:var(--gray-2);
  text-transform:uppercase;
}
.token-sub{
  margin-top:3px;
  font-size:12px;
  color:var(--gray-2);
}
.token-action{
  border:0;
  border-radius:999px;
  padding:9px 13px;
  min-width:92px;
  background:var(--green-ui);
  color:#021005;
  font-weight:900;
  font-size:12px;
  font-family:var(--font);
  cursor:pointer;
}
.token-action.danger{
  background:rgba(239,68,68,.15);
  color:#ff7474;
  border:1px solid rgba(239,68,68,.35);
}
.token-action:disabled{opacity:.55;cursor:wait;}
.token-empty{
  padding:24px 12px;
  color:var(--gray-2);
  text-align:center;
  font-size:13px;
  line-height:1.55;
}
@media (min-width:700px){
  .token-modal-overlay{align-items:center;}
  .token-modal{border-radius:24px;}
}
@media (max-width:420px){
  .token-modal-overlay{padding:0;align-items:flex-end;}
  .token-modal{border-radius:24px 24px 0 0;max-height:88vh;}
  .token-name{max-width:160px;}
  .token-modal-title{font-size:20px;}
  .token-action{min-width:86px;padding:8px 10px;}
}


/* TRUST WALLET STYLE NUMBER DISPLAY */
.m-btc-conversion,
.port-btc-value{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media (max-width:600px){
  .m-btc-conversion{
    font-size:12px!important;
    max-width:70vw!important;
  }
}


/* NO STATIC PRICE FLASH + ALL ACTIVE LIVE TOKENS */
.m-price-list .token-empty,
.assets-card .token-empty{
  padding:18px 0;
  color:var(--gray-2);
  font-size:13px;
}


/* COIN DETAIL PAGE */
.coin-detail-page .main{padding:24px 32px 50px;max-width:1120px;margin-left:260px;}
.coin-back{color:var(--green-ui);font-weight:800;text-decoration:none;}
.coin-hero-card,.coin-actions-card,.coin-ai-card{
  background:linear-gradient(180deg,rgba(18,39,24,.95),rgba(3,14,7,.96));
  border:1px solid rgba(94,234,141,.16);
  border-radius:24px;
  padding:22px;
  margin-bottom:18px;
  color:#fff;
  box-shadow:0 20px 50px rgba(0,0,0,.18);
}
.coin-hero-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;}
.coin-title-wrap{display:flex;align-items:center;gap:14px;}
.coin-hero-logo{width:58px;height:58px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;}
.coin-hero-logo img{width:100%;height:100%;object-fit:cover;}
.coin-title{font-size:28px;font-weight:950;letter-spacing:-.9px;}
.coin-title span{font-size:14px;color:var(--gray-2);margin-left:6px;}
.coin-rank{margin-top:4px;color:var(--gray-2);font-size:13px;}
.coin-price-box{text-align:right;}
.coin-price,.mobile-coin-price{font-size:34px;font-weight:950;letter-spacing:-1px;}
.coin-change{margin-top:5px;font-weight:900;}
.coin-change.pos{color:#1ed98a;}
.coin-change.neg{color:#ff4d57;}
.coin-chart-wrap{height:150px;margin:24px 0 12px;background:radial-gradient(circle at 50% 100%,rgba(30,217,138,.22),transparent 58%);border-radius:18px;padding:14px;}
.coin-chart-svg{width:100%;height:100%;overflow:visible;}
.coin-filters{display:flex;gap:9px;flex-wrap:wrap;}
.coin-filter-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:var(--gray-2);border-radius:999px;padding:8px 13px;font-weight:800;cursor:pointer;}
.coin-filter-btn.active{background:rgba(30,217,138,.18);color:#fff;border-color:rgba(30,217,138,.35);}
.coin-actions-card{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
.coin-action-btn{text-align:center;text-decoration:none;color:#07150b;background:var(--green-ui);border-radius:14px;padding:13px 8px;font-weight:950;}
.coin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;}
.coin-stat{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:18px;padding:16px;color:#fff;}
.coin-stat span{display:block;color:var(--gray-2);font-size:12px;margin-bottom:6px;}
.coin-stat b{font-size:16px;word-break:break-word;}
.coin-section-title{font-size:20px;font-weight:950;margin-bottom:14px;}
.coin-ai-head{display:flex;gap:14px;align-items:flex-start;}
.coin-ai-logo{width:48px;height:48px;border-radius:50%;overflow:hidden;flex:0 0 48px;background:rgba(255,255,255,.08);}
.coin-ai-logo img{width:100%;height:100%;object-fit:cover;}
.coin-ai-card h3{margin:0 0 6px;font-size:20px;}
.coin-ai-card p{margin:0;color:var(--gray-2);line-height:1.55;}
.coin-ai-bullets{display:grid;gap:8px;margin:16px 0;color:#d8fbe2;}
.coin-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.coin-news-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:18px;padding:14px;}
.coin-news-img{height:72px;border-radius:14px;background:rgba(30,217,138,.12);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px;}
.coin-news-img img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
.coin-news-card h4{margin:0 0 7px;font-size:14px;}
.coin-news-card p{font-size:12.5px;}
.mobile.coin-detail-mobile{background:var(--bg);min-height:100vh;}
.mobile-card{margin:12px 14px;padding:18px;}
.mobile-actions{margin:12px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px;}
.mobile-grid{margin:12px 14px;grid-template-columns:repeat(2,1fr);}
.mobile-coin-price{margin-top:18px;}
@media(max-width:900px){
  .coin-detail-page{display:none!important;}
  .coin-news-grid{grid-template-columns:1fr;}
}
@media(min-width:901px){
  .coin-detail-mobile{display:none!important;}
}


/* COIN DETAIL DESIGN + SCROLL + LIVE CHART FIX */
.coin-detail-page{
  height:100vh!important;
  overflow:hidden!important;
}
.coin-detail-page .coin-detail-main{
  height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:90px!important;
}
.coin-detail-page .coin-detail-main::-webkit-scrollbar,
.coin-detail-scroll::-webkit-scrollbar{width:4px;}
.coin-detail-page .coin-detail-main::-webkit-scrollbar-thumb,
.coin-detail-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px;}
.coin-detail-mobile .coin-detail-shell{
  position:fixed!important;
  inset:0!important;
  overflow:hidden!important;
  max-width:430px!important;
}
.coin-detail-scroll{
  flex:1!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 0 96px!important;
  -webkit-overflow-scrolling:touch!important;
}
.coin-detail-topbar{
  position:sticky;
  top:0;
  z-index:20;
  background:linear-gradient(180deg,var(--bg) 0%,rgba(0,0,0,0) 100%);
  padding-bottom:12px;
}
.topbar-actions{display:flex;align-items:center;gap:12px;}
.coin-hero-card,.coin-actions-card,.coin-ai-card,.coin-stat,.coin-news-card{
  background:var(--card-bg)!important;
  border-color:var(--border)!important;
  color:var(--white)!important;
}
.coin-chart-wrap{
  background:radial-gradient(circle at 50% 100%,rgba(30,217,138,.18),transparent 62%),var(--card-bg2)!important;
  border:1px solid var(--border)!important;
}
.coin-filter-btn{
  background:var(--card-bg2)!important;
  color:var(--gray-2)!important;
  border-color:var(--border2)!important;
}
.coin-filter-btn.active{
  background:rgba(30,217,138,.18)!important;
  color:var(--white)!important;
  border-color:var(--green-ui)!important;
}
.coin-action-btn{
  background:var(--green-ui)!important;
  color:var(--bg)!important;
}
.coin-back{display:inline-flex;align-items:center;gap:6px;color:var(--green-ui)!important;text-decoration:none;font-weight:900;margin-bottom:12px;}
.coin-news-img{background:var(--card-bg2)!important;}
:root[data-theme="light"] .coin-hero-card,
:root[data-theme="light"] .coin-actions-card,
:root[data-theme="light"] .coin-ai-card,
:root[data-theme="light"] .coin-stat,
:root[data-theme="light"] .coin-news-card{
  box-shadow:0 16px 40px rgba(0,0,0,.08)!important;
}
:root[data-theme="light"] .coin-ai-bullets{color:var(--gray-1)!important;}
.coin-detail-mobile .m-appbar,
.coin-detail-mobile .m-statusbar{
  flex-shrink:0!important;
}
.coin-detail-mobile .m-bottom-nav{
  flex-shrink:0!important;
}
@media(max-width:900px){
  html,body{overflow:hidden!important;}
  .coin-detail-mobile .coin-title{font-size:22px!important;}
  .coin-detail-mobile .coin-hero-logo{width:48px;height:48px;}
  .coin-detail-mobile .coin-chart-wrap{height:138px;margin:18px 0 12px;}
  .coin-detail-mobile .coin-filters{gap:7px;}
  .coin-detail-mobile .coin-filter-btn{padding:7px 10px;font-size:12px;}
  .coin-detail-mobile .coin-actions-card{grid-template-columns:repeat(3,1fr)!important;}
  .coin-detail-mobile .coin-action-btn{font-size:12px;padding:12px 6px;}
  .coin-detail-mobile .coin-stat b{font-size:14px;}
  .coin-detail-mobile .coin-ai-card{margin:12px 14px 18px;padding:16px;}
}
@media(min-width:901px){
  .coin-detail-page .main{margin-left:200px!important;max-width:none!important;width:calc(100% - 200px)!important;}
  .coin-detail-page .coin-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* ════════════════════════════════════════════════════════════════
   COIN DETAIL PAGE (TradingView + News & Blog) — uses .cd-* prefix
   to stay isolated from older .coin-* rules. Dark + light via vars.
   ════════════════════════════════════════════════════════════════ */

.cd-back{display:inline-flex;align-items:center;gap:6px;color:var(--green-ui);text-decoration:none;font-weight:800;font-size:13px;margin-bottom:14px;border:1px solid var(--border2);background:var(--card-bg);padding:7px 12px;border-radius:999px;transition:background .12s,border-color .12s;}
.cd-back:hover{background:var(--card-bg2);border-color:var(--green-ui);}
.cd-back svg{stroke:currentColor;}

/* HERO */
.cd-hero{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:18px;}
.cd-hero-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;}
.cd-coin-ident{display:flex;align-items:center;gap:14px;}
.cd-coin-logo{width:54px;height:54px;border-radius:50%;overflow:hidden;background:var(--card-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);}
.cd-coin-logo img{width:100%;height:100%;object-fit:cover;}
.cd-coin-logo span{font-size:22px;font-weight:900;color:var(--white);}
.cd-coin-name{font-size:24px;font-weight:900;letter-spacing:-0.5px;color:var(--white);}
.cd-coin-sym{font-size:13px;font-weight:700;color:var(--gray-2);margin-left:6px;text-transform:uppercase;}
.cd-coin-rank{margin-top:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cd-rank-pill{display:inline-flex;align-items:center;background:rgba(30,217,138,.12);color:var(--green-ui);font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;}
.cd-rank-update{font-size:12px;color:var(--gray-2);}
.cd-price-block{text-align:right;}
.cd-price{font-size:30px;font-weight:900;letter-spacing:-1px;color:var(--white);}
.cd-change{margin-top:4px;font-weight:800;font-size:14px;}
.cd-change.pos{color:var(--green);}
.cd-change.neg{color:var(--red);}

/* TRADING VIEW CHART */
.cd-tv-wrap{margin-top:20px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--card-bg2);position:relative;height:480px;}
.cd-tv-wrap-mob{height:340px;margin-top:16px;}
.cd-tv-chart{width:100%;height:100%;}
.cd-tv-fallback{display:none;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:14px;background:radial-gradient(circle at 50% 100%,rgba(30,217,138,.18),transparent 62%);}
.cd-fallback-svg{width:100%;height:80%;overflow:visible;}
.cd-tv-fallback-text{font-size:11px;color:var(--gray-2);margin-top:8px;}

/* ACTION BUTTONS */
.cd-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px;}
.cd-actions-mob{grid-template-columns:repeat(3,1fr);margin:14px 16px 18px;}
.cd-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border-radius:14px;background:var(--card-bg);border:1px solid var(--border);color:var(--white);text-decoration:none;font-size:12px;font-weight:700;transition:background .12s,border-color .12s,transform .08s;}
.cd-action:hover{background:var(--card-bg2);border-color:var(--green-ui);transform:translateY(-1px);}
.cd-action-icon{width:36px;height:36px;border-radius:50%;background:rgba(30,217,138,.14);color:var(--green-ui);display:flex;align-items:center;justify-content:center;}

/* STATS */
.cd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;}
.cd-stats-mob{grid-template-columns:repeat(2,1fr);margin:0 16px 18px;}
.cd-stat{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:14px 16px;}
.cd-stat-lbl{display:block;font-size:11px;font-weight:600;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;}
.cd-stat b{font-size:14px;font-weight:800;color:var(--white);word-break:break-word;display:block;}
.cd-stat-link{color:var(--green-ui);text-decoration:none;font-weight:800;}
.cd-stat-link:hover{text-decoration:underline;}

/* NEWS & BLOG */
.cd-news-section{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:30px;}
.cd-news-section-mob{margin:0 16px 24px;padding:18px;}
.cd-news-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.cd-news-eyebrow{font-size:11px;font-weight:800;color:var(--green-ui);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.cd-news-title{font-size:22px;font-weight:900;letter-spacing:-.5px;margin-bottom:8px;color:var(--white);}
.cd-news-lede{font-size:14px;color:var(--gray-2);line-height:1.55;max-width:760px;}
.cd-news-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:800;color:var(--green-ui);background:rgba(30,217,138,.12);border:1px solid rgba(30,217,138,.3);padding:5px 12px;border-radius:999px;flex-shrink:0;}
.cd-news-bullets{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;margin:14px 0 18px;padding:0;}
.cd-news-bullets li{font-size:13px;color:var(--gray-1);padding-left:18px;position:relative;line-height:1.5;}
.cd-news-bullets li::before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--green-ui);}
.cd-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.cd-news-card{background:var(--card-bg2);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .1s,border-color .12s;}
.cd-news-card:hover{transform:translateY(-2px);border-color:var(--green-ui);}
.cd-news-img{height:130px;background:linear-gradient(135deg,rgba(30,217,138,.15),rgba(216,255,0,.08));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.cd-news-img img{width:64px;height:64px;border-radius:50%;object-fit:cover;}
.cd-news-img span{font-size:32px;font-weight:900;color:var(--green-ui);}
.cd-news-cat{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;color:#fff;background:rgba(0,0,0,.55);padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;}
.cd-news-body{padding:16px 16px 18px;}
.cd-news-meta{font-size:11px;color:var(--gray-2);font-weight:700;margin-bottom:8px;display:flex;gap:6px;}
.cd-news-card h3{font-size:15px;font-weight:800;color:var(--white);margin-bottom:8px;line-height:1.35;}
.cd-news-card p{font-size:13px;color:var(--gray-1);line-height:1.55;}

/* DESKTOP-ONLY: indent the d-scroll content for breathing room. */
.desktop[data-coin-id] .d-scroll{padding:24px 32px 60px;}

/* RESPONSIVE BREAKDOWNS */
@media (max-width:1080px){
  .cd-actions{grid-template-columns:repeat(3,1fr);}
  .cd-stats{grid-template-columns:repeat(3,1fr);}
  .cd-news-grid{grid-template-columns:1fr;}
  .cd-news-bullets{grid-template-columns:1fr;}
  .cd-tv-wrap{height:400px;}
}
@media (max-width:900px){
  .cd-news-grid{grid-template-columns:1fr;}
}

/* Light theme refinements */
:root[data-theme="light"] .cd-hero,
:root[data-theme="light"] .cd-stat,
:root[data-theme="light"] .cd-action,
:root[data-theme="light"] .cd-news-section,
:root[data-theme="light"] .cd-news-card{box-shadow:0 6px 20px rgba(0,0,0,.04);}
:root[data-theme="light"] .cd-news-img{background:linear-gradient(135deg,rgba(22,163,74,.12),rgba(180,83,9,.08));}
:root[data-theme="light"] .cd-news-cat{background:rgba(0,0,0,.7);}

/* MOBILE HERO CARD */
.cd-mob-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;margin:8px 16px 14px;padding:18px;}
.cd-mob-head{display:flex;align-items:center;gap:12px;}
.cd-mob-titles{flex:1;}
.cd-mob-price{font-size:30px;font-weight:900;letter-spacing:-1px;color:var(--white);margin-top:14px;}

/* ════════════════════════════════════════════════════════════════
   MARKET PAGE — search bar, action banner, row CTAs, empty state.
   Uses the existing CSS variables so dark/light theme works.
   ════════════════════════════════════════════════════════════════ */

.mkt-action-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,rgba(30,217,138,.16),rgba(216,255,0,.08));border:1px solid var(--green-ui);border-radius:14px;padding:14px 18px;margin-bottom:16px;box-shadow:0 4px 14px rgba(30,217,138,.12);}
.mkt-action-banner-mob{margin:0 16px 14px;padding:12px 14px;border-radius:12px;}
.mkt-action-banner-eyebrow{font-size:10px;font-weight:800;color:var(--green-ui);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.mkt-action-banner-title{font-size:15px;font-weight:800;color:var(--white);}
.mkt-action-banner-cancel{font-size:12px;font-weight:800;color:var(--gray-1);background:var(--card-bg);border:1px solid var(--border2);border-radius:999px;padding:6px 13px;text-decoration:none;flex-shrink:0;}
.mkt-action-banner-cancel:hover{border-color:var(--green-ui);color:var(--green-ui);}
:root[data-theme="light"] .mkt-action-banner{background:linear-gradient(135deg,rgba(30,217,138,.18),rgba(180,220,80,.12));box-shadow:0 4px 14px rgba(30,217,138,.18);}
:root[data-theme="light"] .mkt-action-banner-cancel{background:#fff;}

.mkt-search{display:flex;align-items:center;gap:8px;background:var(--card-bg2);border:1px solid var(--border2);border-radius:999px;padding:9px 14px;min-width:240px;transition:border-color .15s;}
.mkt-search:focus-within{border-color:var(--green-ui);}
.mkt-search-icon{flex-shrink:0;color:var(--gray-2);}
.mkt-search-input{flex:1;background:transparent;border:0;outline:0;color:var(--white);font-size:13px;font-weight:600;padding:0;width:100%;}
.mkt-search-input::placeholder{color:var(--gray-2);font-weight:500;}

.mkt-row-cta{display:inline-block;font-size:12px;font-weight:800;color:var(--green-ui);background:rgba(30,217,138,.12);border:1px solid rgba(30,217,138,.3);padding:5px 12px;border-radius:999px;text-decoration:none;white-space:nowrap;}
.mkt-row-cta:hover{background:rgba(30,217,138,.22);}

.mkt-row:hover{background:rgba(30,217,138,.05);}

/* Mobile row layout — moved out of inline styles so JS-driven show/hide
   doesn't blow away flex layout. */
.mkt-row-mob{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;}
.mkt-row-mob:last-child{border-bottom:none;}
.mkt-row-mob:hover{background:rgba(30,217,138,.05);}
.mkt-row-mob-left{display:flex;align-items:center;gap:11px;min-width:0;flex:1;}
.mkt-row-mob-icon{width:38px;height:38px;border-radius:50%;background:var(--card-bg2);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mkt-row-mob-icon img{width:100%;height:100%;object-fit:cover;}
.mkt-row-mob-icon span{font-size:16px;font-weight:700;color:var(--white);}
.mkt-row-mob-id{min-width:0;}
.mkt-row-mob-name{font-size:13.5px;font-weight:700;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mkt-row-mob-sym{font-size:11px;color:var(--gray-2);text-transform:uppercase;}
.mkt-row-mob-right{text-align:right;flex-shrink:0;}
.mkt-row-mob-price{font-size:14px;font-weight:800;color:var(--white);}
.mkt-row-mob-change{font-size:11px;font-weight:700;margin-top:2px;}

.mkt-empty{padding:30px 16px;text-align:center;font-size:13px;color:var(--gray-2);font-weight:600;}

@media (max-width:680px){
  .mkt-search{min-width:0;width:100%;}
}

/* ════════════════════════════════════════════════════════════════
   TRANSLATOR — header language picker (Google Translate)
   ════════════════════════════════════════════════════════════════ */

/* hide the default Google Translate top-of-page banner that injects */
body{top:0!important;}
.skiptranslate{display:none!important;}
iframe.goog-te-banner-frame{display:none!important;visibility:hidden!important;}
.goog-te-spinner-pos,.goog-te-spinner-animation{display:none!important;}
.goog-te-gadget{font-size:0!important;}
.goog-te-gadget *{font-family:var(--font)!important;}
font[style]{background:transparent!important;box-shadow:none!important;}

.lw-tr-wrap{position:relative;display:inline-flex;}
.lw-tr-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid var(--border2);background:var(--card-bg);color:var(--gray-1);font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;transition:background .12s,border-color .12s,color .12s;line-height:1;}
.lw-tr-btn:hover{background:var(--card-bg2);border-color:var(--green-ui);color:var(--green-ui);}
.lw-tr-btn-flag{font-size:14px;line-height:1;}
.lw-tr-btn-code{letter-spacing:.4px;}

.lw-tr-menu{position:absolute;top:calc(100% + 6px);right:0;width:300px;max-height:380px;background:var(--card-bg);border:1px solid var(--border2);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.35);overflow:hidden;display:none;flex-direction:column;z-index:9999;}
.lw-tr-wrap.is-open .lw-tr-menu{display:flex;}

/* Backdrop only used on mobile — full-screen tap-to-close layer behind the sheet. */
.lw-tr-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9998;display:none;}
.lw-tr-wrap.is-open .lw-tr-backdrop{display:block;}

.lw-tr-search{margin:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--border2);background:var(--card-bg2);color:var(--white);font-size:13px;font-weight:600;font-family:var(--font);outline:0;}
.lw-tr-search:focus{border-color:var(--green-ui);}
.lw-tr-search::placeholder{color:var(--gray-2);font-weight:500;}

.lw-tr-list{flex:1;overflow-y:auto;padding:4px 6px 8px;}
.lw-tr-list::-webkit-scrollbar{width:6px;}
.lw-tr-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}

.lw-tr-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:transparent;color:var(--gray-1);font-size:13px;font-weight:600;font-family:var(--font);text-align:left;cursor:pointer;border-radius:8px;transition:background .1s,color .1s;}
.lw-tr-row:hover{background:rgba(30,217,138,.10);color:var(--white);}
.lw-tr-row.is-active{background:rgba(30,217,138,.18);color:var(--green-ui);}
.lw-tr-row-flag{font-size:16px;line-height:1;flex-shrink:0;}
.lw-tr-row-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.lw-tr-row-code{font-size:10px;color:var(--gray-2);font-weight:800;letter-spacing:.4px;flex-shrink:0;}
.lw-tr-row.is-active .lw-tr-row-code{color:var(--green-ui);}

/* Mobile: dropdown becomes a centered bottom-sheet so it always fits.
   Button stays in the header; menu detaches via position:fixed. */
@media (max-width:600px){
  .lw-tr-menu{
    position:fixed;
    top:auto;
    right:12px;
    left:12px;
    bottom:12px;
    width:auto;
    max-width:none;
    max-height:70vh;
    border-radius:18px;
    animation:lwTrSlideUp .18s ease-out;
  }
  .lw-tr-search{margin:14px;padding:12px 14px;font-size:14px;}
  .lw-tr-row{padding:12px 14px;font-size:14px;}
  .lw-tr-row-flag{font-size:18px;}
  /* tighten button so it doesn't crowd the avatar in the appbar */
  .lw-tr-btn{padding:6px 8px;}
  .lw-tr-btn-code{display:none;}
}
@keyframes lwTrSlideUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}

/* ════════════════════════════════════════════════════════════════
   WALLET ACCOUNTS — page cards + modal + kebab menus
   ════════════════════════════════════════════════════════════════ */

/* Page header */
.acct-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:18px;}
.acct-page-title{font-size:26px;font-weight:900;letter-spacing:-.5px;margin:0 0 6px;color:var(--white);}
.acct-page-sub{font-size:13px;color:var(--gray-2);max-width:560px;line-height:1.55;margin:0;}
.acct-page-actions{display:flex;gap:10px;flex-wrap:wrap;}

.acct-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid var(--border2);background:var(--card-bg);color:var(--gray-1);cursor:pointer;font-family:var(--font);text-decoration:none;transition:background .12s,border-color .12s,color .12s;}
.acct-btn:hover{background:var(--card-bg2);color:var(--white);border-color:var(--green-ui);}
.acct-btn-primary{background:var(--green-ui);color:#0d1a0d;border-color:var(--green-ui);}
.acct-btn-primary:hover{filter:brightness(.95);color:#0d1a0d;}
.acct-btn-ghost{background:transparent;}

/* Stats row */
.acct-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;}
.acct-stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:14px 16px;}
.acct-stat-lbl{font-size:11px;font-weight:700;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;}
.acct-stat-val{font-size:24px;font-weight:900;color:var(--white);}
.acct-stat-active{color:var(--green-ui);}
.acct-stat-inactive{color:var(--gray-2);}

/* Cards grid */
.acct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-bottom:30px;}
.acct-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;position:relative;transition:border-color .15s,transform .15s;}
.acct-card:hover{border-color:var(--green-ui);}
.acct-card.is-default{border-color:rgba(30,217,138,.45);}
.acct-card.is-inactive{opacity:.66;}
.acct-card.is-inactive::before{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(45deg,transparent 0,transparent 12px,rgba(255,255,255,.025) 12px,rgba(255,255,255,.025) 24px);pointer-events:none;}

.acct-card-head{display:flex;align-items:flex-start;gap:12px;}
.acct-card-icon{width:42px;height:42px;border-radius:12px;background:rgba(30,217,138,.14);color:var(--green-ui);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.acct-card-titles{flex:1;min-width:0;}
.acct-card-name{font-size:16px;font-weight:800;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
.acct-card-uid{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}

.acct-uid-pill{display:inline-block;font-family:'Menlo','Consolas',monospace;font-size:10.5px;font-weight:700;color:var(--gray-1);background:var(--card-bg2);border:1px solid var(--border2);padding:3px 8px;border-radius:6px;letter-spacing:.4px;}
.acct-flag-default{display:inline-block;font-size:10px;font-weight:800;color:#0d1a0d;background:var(--green-ui);padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;}
.acct-flag-active{display:inline-block;font-size:10px;font-weight:800;color:var(--green-ui);background:rgba(30,217,138,.16);padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;}
.acct-flag-inactive{display:inline-block;font-size:10px;font-weight:800;color:var(--gray-2);background:rgba(127,127,127,.12);padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;}
.acct-flag-viewing{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#0d1a0d;background:linear-gradient(135deg,#d8ff00,var(--green-ui));padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 0 0 2px rgba(30,217,138,.18);}
.acct-flag-viewing-dot{width:5px;height:5px;border-radius:50%;background:#0d1a0d;display:inline-block;animation:lwAcctPulse 1.6s ease-in-out infinite;}
@keyframes lwAcctPulse{0%,100%{opacity:1;}50%{opacity:.35;}}

/* Card highlighted when it's the one currently viewed in session. */
.acct-card.is-viewing,.acct-mob-card.is-viewing{
  border-color:var(--green-ui);
  box-shadow:0 0 0 2px rgba(30,217,138,.22),0 8px 24px rgba(30,217,138,.10);
}

/* Kebab menu */
.acct-card-menu-btn{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--gray-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;}
.acct-card-menu-btn:hover{background:var(--card-bg2);color:var(--white);}
.acct-card-menu{position:absolute;top:54px;right:14px;min-width:160px;background:var(--card-bg);border:1px solid var(--border2);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.28);display:none;flex-direction:column;z-index:50;}
.acct-card-menu.is-open{display:flex;}
.acct-card-menu button{padding:9px 12px;border:0;background:transparent;color:var(--gray-1);font-size:13px;font-weight:600;text-align:left;border-radius:8px;cursor:pointer;font-family:var(--font);}
.acct-card-menu button:hover{background:rgba(30,217,138,.12);color:var(--white);}
.acct-card-menu button.is-danger{color:#ff8a8a;}
.acct-card-menu button.is-danger:hover{background:rgba(240,80,80,.12);color:#ff8a8a;}

/* Card body */
.acct-card-body{display:flex;flex-direction:column;gap:14px;}
.acct-card-balance{padding:12px 14px;background:var(--card-bg2);border-radius:12px;}
.acct-card-balance-lbl{font-size:11px;font-weight:700;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;}
.acct-card-balance-val{font-size:22px;font-weight:900;color:var(--white);letter-spacing:-.5px;}
.acct-card-balance-meta{font-size:12px;color:var(--gray-2);margin-top:4px;font-weight:700;}
.acct-card-balance-meta .pos{color:var(--green);}
.acct-card-balance-meta .neg{color:var(--red);}

/* Coin mini list */
.acct-card-coins{display:flex;flex-direction:column;gap:6px;}
.acct-card-coin{display:flex;align-items:center;gap:10px;padding:8px 4px;}
.acct-card-coin-icon{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--card-bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.acct-card-coin-icon img{width:100%;height:100%;object-fit:cover;}
.acct-card-coin-icon span{font-size:13px;font-weight:800;color:var(--green-ui);}
.acct-card-coin-info{flex:1;min-width:0;}
.acct-card-coin-sym{font-size:12px;font-weight:800;color:var(--white);}
.acct-card-coin-amt{font-size:11px;color:var(--gray-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.acct-card-coin-val{font-size:12px;font-weight:700;color:var(--white);}
.acct-card-coin-more{font-size:11px;color:var(--gray-2);font-weight:700;padding-left:4px;}
.acct-card-empty{font-size:12px;color:var(--gray-2);font-style:italic;padding:10px 4px;}

/* Add card */
.acct-card-add{align-items:center;justify-content:center;text-align:center;border-style:dashed;border-color:var(--border2);background:transparent;color:var(--gray-2);min-height:200px;cursor:pointer;font-family:var(--font);}
.acct-card-add:hover{color:var(--green-ui);border-color:var(--green-ui);}
.acct-card-add svg{margin-bottom:8px;}
.acct-card-add-title{font-size:14px;font-weight:800;}
.acct-card-add-sub{font-size:11.5px;font-weight:600;}

/* MOBILE: page */
.acct-mob-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px;}
.acct-mob-title{font-size:20px;font-weight:900;color:var(--white);margin:0;}
.acct-mob-actions{display:flex;gap:8px;}
.acct-mob-actions .acct-btn{padding:7px 12px;font-size:12px;}
.acct-mob-stats{display:flex;gap:8px;padding:0 16px 12px;}
.acct-mob-stat{flex:1;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px 12px;text-align:center;}
.acct-mob-stat .lbl{display:block;font-size:10px;color:var(--gray-2);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
.acct-mob-stat b{font-size:18px;font-weight:900;color:var(--white);}
.acct-mob-list{display:flex;flex-direction:column;gap:10px;padding:0 16px;}
.acct-mob-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:14px;position:relative;}
.acct-mob-card.is-default{border-color:rgba(30,217,138,.45);}
.acct-mob-card.is-inactive{opacity:.66;}
.acct-mob-card-head{display:flex;align-items:flex-start;gap:8px;}
.acct-mob-card-titles{flex:1;min-width:0;}
.acct-mob-card-name{font-size:15px;font-weight:800;color:var(--white);margin-bottom:5px;}
.acct-mob-card-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;}
.acct-mob-card-balance{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
.acct-mob-card-bal-lbl{font-size:10px;color:var(--gray-2);text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:2px;}
.acct-mob-card-bal-val{font-size:18px;font-weight:900;color:var(--white);}
.acct-mob-card-bal-meta{display:flex;flex-direction:column;gap:3px;text-align:right;font-size:11px;color:var(--gray-2);font-weight:700;}
.acct-mob-card-bal-meta .pos{color:var(--green);}
.acct-mob-card-bal-meta .neg{color:var(--red);}
.acct-mob-card-add{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gray-2);background:transparent;border-style:dashed;border-color:var(--border2);font-size:13px;font-weight:800;font-family:var(--font);cursor:pointer;}
.acct-mob-card-add:hover{color:var(--green-ui);border-color:var(--green-ui);}

/* On mobile, kebab menu opens left-aligned to fit */
@media (max-width:600px){
  .acct-card-menu{right:8px;top:46px;}
}

/* ════════════════════════════════════════════════════════════════
   ACCOUNTS MODAL (global, opens from any header trigger)
   ════════════════════════════════════════════════════════════════ */
body.lw-acct-modal-open{overflow:hidden;}
.lw-acct-modal{position:fixed;inset:0;display:none;z-index:10000;}
.lw-acct-modal.is-open{display:block;}
.lw-acct-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);}
.lw-acct-sheet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);background:var(--card-bg);border:1px solid var(--border2);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;}
.lw-acct-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);}
.lw-acct-tabs{flex:1;display:flex;gap:4px;background:var(--card-bg2);border-radius:999px;padding:4px;}
.lw-acct-tab{flex:1;padding:8px 14px;border:0;background:transparent;color:var(--gray-2);font-size:12.5px;font-weight:800;font-family:var(--font);cursor:pointer;border-radius:999px;transition:all .12s;}
.lw-acct-tab.is-active{background:var(--card-bg);color:var(--white);box-shadow:0 1px 2px rgba(0,0,0,.18);}
.lw-acct-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--border2);background:transparent;color:var(--gray-2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.lw-acct-close:hover{color:var(--white);background:var(--card-bg2);}

.lw-acct-body{flex:1;overflow-y:auto;padding:16px;}
.lw-acct-pane[hidden]{display:none;}
.lw-acct-list-spin{padding:30px;text-align:center;color:var(--gray-2);font-size:13px;font-weight:700;}
.lw-acct-empty{padding:30px;text-align:center;color:var(--gray-2);font-size:13px;}

.lw-acct-modal-list{display:flex;flex-direction:column;gap:10px;}
.lw-acct-modal-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card-bg2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;}
.lw-acct-modal-row.is-viewing{border-color:var(--green-ui);box-shadow:0 0 0 2px rgba(30,217,138,.18);}
.lw-acct-modal-row.is-inactive{opacity:.7;}
.lw-acct-modal-row-main{flex:1;min-width:0;}
.lw-acct-modal-row-name{font-size:14px;font-weight:800;color:var(--white);margin-bottom:5px;}
.lw-acct-modal-row-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:5px;}
.lw-acct-modal-row-bal{font-size:12px;color:var(--gray-2);font-weight:700;}

/* Labeled action buttons — replaces the old icon-only set, which was confusing
   (a checkmark looked like "selected" not "activate"). */
.lw-acct-modal-row-actions{display:flex;flex-direction:column;gap:5px;align-items:stretch;flex-shrink:0;min-width:104px;}
.lw-acct-row-act{padding:7px 12px;border-radius:8px;border:1px solid var(--border2);background:transparent;color:var(--gray-1);font-size:11.5px;font-weight:800;font-family:var(--font);cursor:pointer;transition:background .12s,color .12s,border-color .12s;text-align:center;white-space:nowrap;}
.lw-acct-row-act:hover{background:rgba(30,217,138,.10);border-color:var(--green-ui);color:var(--green-ui);}
/* Activate is the primary remediation action when an account is deactivated — make it stand out. */
.lw-acct-row-act-activate{background:var(--green-ui);color:#0d1a0d;border-color:var(--green-ui);}
.lw-acct-row-act-activate:hover{filter:brightness(.94);background:var(--green-ui);color:#0d1a0d;border-color:var(--green-ui);}
.lw-acct-row-act-switch{background:rgba(30,217,138,.16);color:var(--green-ui);border-color:rgba(30,217,138,.35);}
.lw-acct-row-act-switch:hover{background:rgba(30,217,138,.24);color:var(--green-ui);border-color:var(--green-ui);}
.lw-acct-row-act-danger{color:#ff8a8a;}
.lw-acct-row-act-danger:hover{background:rgba(240,80,80,.12);border-color:#ff8a8a;color:#ff8a8a;}

@media (max-width:600px){
  .lw-acct-modal-row{flex-direction:column;align-items:stretch;gap:10px;}
  .lw-acct-modal-row-actions{flex-direction:row;flex-wrap:wrap;min-width:0;}
  .lw-acct-row-act{flex:1;min-width:80px;}
}

.lw-acct-list-foot{margin-top:14px;display:flex;justify-content:center;}
.lw-acct-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid var(--border2);background:var(--card-bg);color:var(--gray-1);cursor:pointer;font-family:var(--font);}
.lw-acct-btn-primary{background:var(--green-ui);color:#0d1a0d;border-color:var(--green-ui);}

.lw-acct-add-form{display:flex;flex-direction:column;gap:10px;}
.lw-acct-add-label{font-size:11px;font-weight:800;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;}
.lw-acct-add-input{padding:12px 14px;border-radius:12px;border:1px solid var(--border2);background:var(--card-bg2);color:var(--white);font-size:14px;font-weight:600;font-family:var(--font);outline:0;}
.lw-acct-add-input:focus{border-color:var(--green-ui);}
.lw-acct-add-hint{font-size:12px;color:var(--gray-2);line-height:1.5;margin:4px 0 6px;}
.lw-acct-add-msg{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:700;}
.lw-acct-add-msg.is-success{background:rgba(30,217,138,.14);color:var(--green-ui);border:1px solid rgba(30,217,138,.3);}
.lw-acct-add-msg.is-error{background:rgba(240,80,80,.14);color:#ff8a8a;border:1px solid rgba(240,80,80,.3);}

.lw-acct-guide-title{font-size:18px;font-weight:900;color:var(--white);margin:0 0 12px;}
.lw-acct-guide-list{padding-left:20px;margin:0;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--gray-1);line-height:1.6;}
.lw-acct-guide-list code{font-family:'Menlo','Consolas',monospace;font-size:11.5px;color:var(--green-ui);background:var(--card-bg2);padding:2px 6px;border-radius:5px;}
.lw-acct-guide-list b{color:var(--white);}

/* Header trigger button */
.lw-acct-trigger{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid var(--border2);background:var(--card-bg);color:var(--gray-1);font-size:12px;font-weight:800;font-family:var(--font);cursor:pointer;text-decoration:none;line-height:1;transition:background .12s,color .12s,border-color .12s;}
.lw-acct-trigger:hover{background:var(--card-bg2);color:var(--green-ui);border-color:var(--green-ui);}
@media (max-width:600px){
  .lw-acct-trigger-label{display:none;}
  .lw-acct-trigger{padding:6px 9px;}
}

/* ════════════════════════════════════════════════════════════════
   ACCOUNTS — themed dialog (replacement for browser prompt/confirm)
   ════════════════════════════════════════════════════════════════ */
.lw-acct-dialog{position:fixed;inset:0;z-index:11000;opacity:0;transition:opacity .14s;pointer-events:none;}
.lw-acct-dialog.is-open{opacity:1;pointer-events:auto;}
.lw-acct-dialog-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);}
.lw-acct-dialog-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(420px,calc(100vw - 28px));background:var(--card-bg);border:1px solid var(--border2);border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.5);padding:22px;transition:transform .14s;}
.lw-acct-dialog.is-open .lw-acct-dialog-box{transform:translate(-50%,-50%) scale(1);}
.lw-acct-dialog-title{font-size:18px;font-weight:900;color:var(--white);margin-bottom:14px;}
.lw-acct-dialog-label{display:block;font-size:11px;font-weight:800;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;}
.lw-acct-dialog-input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--border2);background:var(--card-bg2);color:var(--white);font-size:14px;font-weight:600;font-family:var(--font);outline:0;box-sizing:border-box;}
.lw-acct-dialog-input:focus{border-color:var(--green-ui);}
.lw-acct-dialog-body{font-size:13px;color:var(--gray-1);line-height:1.55;margin-bottom:6px;}
.lw-acct-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;}
.lw-acct-btn-primary.is-danger{background:#ff5a5a;color:#fff;border-color:#ff5a5a;}
.lw-acct-btn-primary.is-danger:hover{filter:brightness(.92);}

/* ════════════════════════════════════════════════════════════════
   ACCOUNTS — header switcher pill ("Now viewing: <Account>")
   ════════════════════════════════════════════════════════════════ */
.lw-acct-switcher{position:relative;display:inline-flex;}
.lw-acct-switcher-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--border2);background:var(--card-bg);color:var(--gray-1);font-size:12px;font-weight:800;font-family:var(--font);cursor:pointer;text-decoration:none;line-height:1;transition:all .12s;max-width:220px;}
.lw-acct-switcher-btn:hover{border-color:var(--green-ui);color:var(--green-ui);background:var(--card-bg2);}
.lw-acct-switcher-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
.lw-acct-switcher-dot{width:6px;height:6px;border-radius:50%;background:var(--green-ui);flex-shrink:0;}
.lw-acct-switcher-icon{flex-shrink:0;color:inherit;}
.lw-acct-switcher-chev{flex-shrink:0;}

.lw-acct-switcher-menu{position:absolute;top:calc(100% + 6px);right:0;width:280px;max-height:380px;background:var(--card-bg);border:1px solid var(--border2);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.35);overflow:hidden;display:none;flex-direction:column;z-index:9999;}
.lw-acct-switcher.is-open .lw-acct-switcher-menu{display:flex;}
.lw-acct-switcher-head{padding:12px 14px 6px;font-size:10px;font-weight:800;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;}
.lw-acct-switcher-list{flex:1;overflow-y:auto;padding:4px 6px 6px;}
.lw-acct-switcher-row{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;border-radius:10px;color:var(--gray-1);font-family:var(--font);}
.lw-acct-switcher-row:hover{background:rgba(30,217,138,.10);color:var(--white);}
.lw-acct-switcher-row.is-active{background:rgba(30,217,138,.16);color:var(--green-ui);}
.lw-acct-switcher-row-info{flex:1;min-width:0;}
.lw-acct-switcher-row-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lw-acct-switcher-row-uid{font-size:10.5px;color:var(--gray-2);font-family:'Menlo','Consolas',monospace;letter-spacing:.4px;}
.lw-acct-switcher-row-check{flex-shrink:0;color:var(--green-ui);}
.lw-acct-switcher-foot{border-top:1px solid var(--border);padding:8px;}
.lw-acct-switcher-manage{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 12px;border:0;background:transparent;color:var(--gray-1);font-size:12px;font-weight:800;font-family:var(--font);cursor:pointer;border-radius:8px;}
.lw-acct-switcher-manage:hover{background:var(--card-bg2);color:var(--white);}

@media (max-width:600px){
  /* Header pill: keep label so user knows what they're switching, but tighten it. */
  .lw-acct-switcher-name{max-width:90px;font-size:11.5px;}
  .lw-acct-switcher-btn{padding:6px 10px;gap:6px;}
  .lw-acct-switcher-dot{width:5px;height:5px;}

  /* Hide the redundant "Accounts" trigger button on mobile. The switcher pill's
     "Manage accounts" link inside its dropdown menu replaces it.  This rule has
     to match BOTH placements (inside .m-appbar-right and as a direct child of
     .m-appbar) so it always wins regardless of how display:contents collapses
     the wrapper on a given browser. */
  .m-appbar .lw-acct-trigger,
  .m-appbar-right .lw-acct-trigger{display:none!important;}

  /* Mobile appbar layout: tighten gaps and let .m-appbar-right's children
     participate directly in the .m-appbar flex layout via display:contents.
     That lets us pull the switcher pill out of the right cluster and place
     it next to the hamburger, where it has dedicated horizontal space and
     never crowds the avatar off-screen. */
  .m-appbar{gap:6px;padding:12px 12px 10px;align-items:center;}
  .m-appbar-right{display:contents;}

  /* Push the switcher to sit just after the hamburger, with margin-right:auto
     so the icon cluster gets pushed back to the far right of the bar. The
     extra margin-right is on the WRAPPER so it always creates a visible gap
     between the pill and the bell — putting it on the inner button has no
     effect because flex layout sees the wrapper as the item. */
  .m-appbar .lw-acct-switcher{
    order:1;
    flex-shrink:1;
    min-width:0;
    margin-left:2px;
    margin-right:auto;
    padding-right:10px;  /* visible gap to the bell on the right */
    max-width:140px;
  }
  /* Truncate longer names ("Main Account" -> "Main Acco…") so the pill keeps
     the same compact footprint as a short name like "Trading". */
  .m-appbar .lw-acct-switcher-name{max-width:72px;}

  /* Right-cluster items: keep their visual order matching the original DOM. */
  .m-appbar .m-bell-btn{order:2;}
  .m-appbar .lw-translator-slot{order:4;}
  .m-appbar .theme-toggle-btn{order:5;}
  .m-appbar .m-avatar{order:6;}

  /* Tighten the remaining buttons so everything fits comfortably on a 380px screen. */
  .m-hamburger{width:38px;height:38px;flex-shrink:0;order:0;}
  .m-bell-btn{width:38px;height:38px;flex-shrink:0;}
  .m-avatar{width:38px;height:38px;flex-shrink:0;}
  .theme-toggle-btn{width:38px;height:38px;flex-shrink:0;}
  .lw-tr-btn{padding:6px 9px;flex-shrink:0;}

  /* Menu: detach from the button entirely. Center it as a bottom sheet so
     it never overflows or gets clipped no matter where the pill sits in
     the appbar. */
  .lw-acct-switcher-menu{
    position:fixed;
    top:auto;
    right:12px;
    left:12px;
    bottom:12px;
    width:auto;
    max-width:none;
    max-height:60vh;
    border-radius:18px;
    animation:lwSwSlideUp .18s ease-out;
  }
  .lw-acct-switcher-row{padding:12px 14px;}
  .lw-acct-switcher-row-name{font-size:14px;}
  .lw-acct-switcher-row-uid{font-size:11px;}
  .lw-acct-switcher-head{padding:14px 16px 8px;font-size:11px;}
  .lw-acct-switcher-foot{padding:10px;}
  .lw-acct-switcher-manage{padding:11px 14px;font-size:13px;}

  /* Backdrop behind the bottom sheet so taps outside close it. */
  .lw-acct-switcher-backdrop{
    display:none;
    position:fixed;inset:0;
    background:rgba(0,0,0,.45);
    z-index:9998;
  }
  .lw-acct-switcher.is-open .lw-acct-switcher-backdrop{
    display:block;
    animation:lwSwFade .18s ease-out;
  }
}
/* Desktop: backdrop element exists in DOM but is hidden — outside-click handler
   still closes the menu via the document-level listener. */
.lw-acct-switcher-backdrop{display:none;}
@keyframes lwSwSlideUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@keyframes lwSwFade{from{opacity:0;}to{opacity:1;}}

/* Fear & Greed index — color by sentiment so the number is meaningful at a glance. */
.fng-fear{color:#ff6b6b!important;}
.fng-fear-mild{color:#ff9f43!important;}
.fng-neutral{color:var(--gold)!important;}
.fng-greed{color:var(--gold)!important;}
.fng-greed-extreme{color:var(--green-ui)!important;}

/* ════════════════════════════════════════════════════════════════
   AI ASSISTANT PAGE
   ════════════════════════════════════════════════════════════════ */

.ai-root{max-width:760px;margin:0 auto;}
.ai-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:22px;}
.ai-root-mob .ai-card,
.ai-root-mob.ai-card{background:transparent;border:none;padding:0;}

.ai-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.ai-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1ed98a,#0d9488);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.ai-title{font-size:18px;font-weight:800;color:var(--white);}
.ai-status{font-size:11.5px;color:var(--green-ui);margin-top:2px;font-weight:700;}

.ai-stage{display:flex;flex-direction:column;gap:10px;}
.ai-stage[hidden]{display:none;}

.ai-stage-eyebrow{font-size:11px;font-weight:800;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;}
.ai-stage-eyebrow .ai-stage-feature-name{color:var(--green-ui);}

.ai-stage-divider{display:flex;align-items:center;gap:10px;color:var(--gray-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin:8px 0;}
.ai-stage-divider::before,.ai-stage-divider::after{content:'';flex:1;height:1px;background:var(--border2);}

.ai-back-btn{align-self:flex-start;background:transparent;border:0;color:var(--gray-2);font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--font);padding:6px 0;}
.ai-back-btn:hover{color:var(--green-ui);}

/* Feature tile grid */
.ai-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;}
.ai-feature-grid-mob{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 14px;}

.ai-feature-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;background:var(--card-bg2);border:1px solid var(--border2);border-radius:14px;cursor:pointer;font-family:var(--font);text-align:left;transition:all .12s;}
.ai-feature-tile:hover{border-color:var(--green-ui);background:rgba(30,217,138,.08);transform:translateY(-1px);}
.ai-feature-tile-icon{font-size:24px;line-height:1;}
.ai-feature-tile-title{font-size:13.5px;font-weight:800;color:var(--white);}
.ai-feature-tile-sub{font-size:11px;color:var(--gray-2);font-weight:600;line-height:1.4;}

.ai-skip-btn{padding:11px 16px;border-radius:999px;border:1px dashed var(--border2);background:transparent;color:var(--gray-1);font-size:12.5px;font-weight:800;cursor:pointer;font-family:var(--font);text-align:center;}
.ai-skip-btn:hover{border-color:var(--green-ui);color:var(--green-ui);border-style:solid;}

/* Question list */
.ai-questions-list{display:flex;flex-direction:column;gap:6px;}
.ai-question-btn{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;background:var(--card-bg2);border:1px solid var(--border);border-radius:12px;cursor:pointer;font-family:var(--font);text-align:left;transition:background .12s,border-color .12s;}
.ai-question-btn:hover{background:rgba(30,217,138,.08);border-color:var(--green-ui);}
.ai-question-btn.is-top{background:linear-gradient(135deg,rgba(30,217,138,.10),rgba(216,255,0,.04));border-color:rgba(30,217,138,.3);}
.ai-question-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border2);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--gray-2);}
.ai-question-top{flex-shrink:0;font-size:9.5px;font-weight:800;color:#0d1a0d;background:var(--green-ui);padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;align-self:flex-start;}
.ai-question-text{flex:1;font-size:13px;font-weight:600;color:var(--white);line-height:1.45;}

/* Chat */
.ai-chat-area{flex:1;background:var(--card-bg2);border:1px solid var(--border);border-radius:14px;padding:14px;height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;}
.ai-chat-area-mob{height:380px;border-radius:12px;margin:0 14px;}

.ai-bubble{max-width:90%;padding:11px 14px;border-radius:14px;font-size:13.5px;line-height:1.55;word-wrap:break-word;}
.ai-bubble-ai{background:var(--card-bg);border:1px solid var(--border2);color:var(--white);align-self:flex-start;border-bottom-left-radius:4px;}
.ai-bubble-user{background:linear-gradient(135deg,#1ed98a,#15a36a);color:#0d1a0d;font-weight:700;align-self:flex-end;border-bottom-right-radius:4px;}
.ai-bubble-admin{background:linear-gradient(135deg,#facc15,#f59e0b);color:#1a1400;font-weight:700;align-self:flex-start;border-bottom-left-radius:4px;}
.ai-bubble-admin::before{content:'TEAM MEMBER';display:block;font-size:9.5px;letter-spacing:.6px;margin-bottom:4px;font-weight:900;opacity:.78;}
.ai-bubble-system{background:transparent;border:1px dashed var(--border2);color:var(--gray-2);font-size:12px;align-self:center;text-align:center;font-style:italic;}

.ai-typing{display:inline-flex;align-items:center;gap:4px;padding:13px 16px;}
.ai-typing span{width:7px;height:7px;border-radius:50%;background:var(--gray-2);animation:aiTypingBounce 1.2s infinite;}
.ai-typing span:nth-child(2){animation-delay:.2s;}
.ai-typing span:nth-child(3){animation-delay:.4s;}
@keyframes aiTypingBounce{0%,60%,100%{transform:translateY(0);opacity:.6;}30%{transform:translateY(-4px);opacity:1;}}

.ai-talk-btn{margin-top:10px;padding:10px 16px;border-radius:999px;background:var(--green-ui);color:#0d1a0d;border:0;font-size:12.5px;font-weight:800;cursor:pointer;font-family:var(--font);}
.ai-talk-btn:hover{filter:brightness(.94);}

.ai-chat-bar{display:flex;gap:8px;align-items:flex-end;margin-top:10px;}
.ai-chat-bar-mob{margin:10px 14px 0;}
.ai-chat-input{flex:1;min-height:40px;max-height:120px;padding:10px 14px;border-radius:12px;border:1px solid var(--border2);background:var(--card-bg2);color:var(--white);font-size:13.5px;font-family:var(--font);outline:0;resize:none;line-height:1.4;}
.ai-chat-input:focus{border-color:var(--green-ui);}
.ai-chat-send{padding:0 18px;height:40px;border-radius:12px;background:var(--green-ui);color:#0d1a0d;border:0;font-size:13.5px;font-weight:800;cursor:pointer;font-family:var(--font);flex-shrink:0;}
.ai-chat-send:disabled{opacity:.5;cursor:not-allowed;}
.ai-chat-hint{font-size:10.5px;color:var(--gray-2);margin-top:6px;text-align:right;font-weight:600;}

/* Light theme overrides — use existing tokens; just keep contrast right. */
:root[data-theme="light"] .ai-bubble-ai{background:#fff;}
:root[data-theme="light"] .ai-feature-tile{background:#fff;}

/* ────────────────────────────────────────────────────────────────
   SUPPORT REPLY FORM — admin lands here from the email magic-link.
   Themed with the app's design tokens so dark/light both work.
   ──────────────────────────────────────────────────────────────── */
.support-reply-page{min-height:100vh;background:var(--bg);color:var(--white);font-family:var(--font);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.support-reply-page .support-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:var(--gray-2);letter-spacing:.4px;}
.support-reply-page .support-brand-dot{width:9px;height:9px;border-radius:50%;background:var(--green-ui);box-shadow:0 0 0 3px rgba(30,217,138,.18);}

.support-reply-card{width:100%;max-width:640px;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.18);}

.support-reply-head{padding:20px 22px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(30,217,138,.10),rgba(216,255,0,.04));}
.support-reply-head h1{margin:0 0 6px;font-size:20px;font-weight:900;color:var(--white);letter-spacing:-.2px;}
.support-reply-head .support-meta{font-size:12px;color:var(--gray-2);font-weight:600;}
.support-reply-head .support-meta strong{color:var(--green-ui);font-weight:800;}

.support-reply-body{padding:20px 22px;}

.support-sent-banner{padding:13px 16px;border-radius:12px;background:rgba(30,217,138,.14);border:1px solid rgba(30,217,138,.4);color:var(--green-ui);font-weight:800;font-size:13.5px;text-align:center;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:8px;}

.support-invalid-banner{padding:14px 16px;border-radius:12px;background:rgba(240,80,80,.14);border:1px solid rgba(240,80,80,.4);color:#ff8a8a;font-weight:700;font-size:13.5px;text-align:center;}

.support-section-label{font-size:10.5px;font-weight:800;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;margin:0 0 10px;}

/* Transcript — styled bubbles instead of a <pre>. Caps height with internal scroll. */
.support-transcript{display:flex;flex-direction:column;gap:8px;background:var(--card-bg2);border:1px solid var(--border2);border-radius:12px;padding:14px;max-height:340px;overflow-y:auto;margin-bottom:20px;}
.support-transcript::-webkit-scrollbar{width:8px;}
.support-transcript::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;}

.support-msg{display:flex;flex-direction:column;gap:3px;max-width:88%;}
.support-msg-meta{font-size:10px;font-weight:800;color:var(--gray-2);text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:6px;}
.support-msg-bubble{padding:10px 13px;border-radius:12px;font-size:13px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;}

.support-msg-user{align-self:flex-start;}
.support-msg-user .support-msg-bubble{background:var(--card-bg);border:1px solid var(--border2);color:var(--white);border-bottom-left-radius:4px;}

.support-msg-admin{align-self:flex-end;}
.support-msg-admin .support-msg-meta{justify-content:flex-end;color:var(--green-ui);}
.support-msg-admin .support-msg-bubble{background:linear-gradient(135deg,#1ed98a,#15a36a);color:#0d1a0d;font-weight:600;border-bottom-right-radius:4px;}

.support-msg-system{align-self:center;}
.support-msg-system .support-msg-bubble{background:transparent;border:1px dashed var(--border2);color:var(--gray-2);font-size:11.5px;font-style:italic;text-align:center;}

/* Reply form */
.support-form-label{display:block;font-size:10.5px;font-weight:800;color:var(--gray-2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;}
.support-textarea{width:100%;min-height:130px;max-height:300px;padding:13px 14px;border-radius:12px;border:1px solid var(--border2);background:var(--card-bg2);color:var(--white);font-size:14px;font-family:var(--font);outline:0;resize:vertical;line-height:1.55;box-sizing:border-box;}
.support-textarea:focus{border-color:var(--green-ui);}
.support-textarea::placeholder{color:var(--gray-2);}

.support-submit{margin-top:14px;padding:13px 26px;border-radius:999px;background:var(--green-ui);color:#0d1a0d;border:0;font-weight:800;cursor:pointer;font-size:14px;font-family:var(--font);}
.support-submit:hover{filter:brightness(.94);}

.support-disclaimer{margin:18px 0 0;font-size:11px;color:var(--gray-2);font-weight:600;line-height:1.55;}

@media (max-width:560px){
  .support-reply-page{padding:16px 12px;}
  .support-reply-head,.support-reply-body{padding:16px;}
  .support-msg{max-width:96%;}
  .support-transcript{max-height:280px;padding:10px;}
}

/* Inline "talk to team?" prompt that appears beneath every AI reply. */
.ai-talk-prompt{align-self:flex-start;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card-bg);border:1px dashed var(--border2);border-radius:14px;padding:8px 12px;margin-top:-4px;}
.ai-talk-prompt-text{font-size:11.5px;color:var(--gray-2);font-weight:600;}
.ai-talk-prompt-btn{background:transparent;border:1px solid var(--green-ui);color:var(--green-ui);padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:800;cursor:pointer;font-family:var(--font);}
.ai-talk-prompt-btn:hover{background:var(--green-ui);color:#0d1a0d;}

/* Earn withdraw/reward rules fixes - keeps original design, only improves spacing and working fields */
.ledger-earn-module .lm-earn-card{margin-top:12px;padding:14px;}
.lm-earn-card-title{font-size:14px;font-weight:900;margin-bottom:10px;}
.lm-earn-rule-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 10px;border-radius:11px;background:var(--card-bg2);margin-bottom:9px;}
.lm-earn-rule-left{min-width:0;}
.lm-earn-rule-title{font-size:13px;font-weight:900;color:var(--white);line-height:1.3;}
.lm-earn-rule-sub{font-size:12px;color:var(--gray-2);line-height:1.45;margin-top:3px;}
.lm-earn-rule-badge{white-space:nowrap;border-radius:999px;padding:7px 10px;background:rgba(96,165,250,.12);color:#60a5fa;font-size:10px;font-weight:700;}
.lm-earn-withdraw-card{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--card-bg2);border-radius:12px;padding:12px;margin-bottom:10px;}
.lm-earn-withdraw-open{border:none!important;cursor:pointer!important;padding:9px 13px!important;font-size:12px!important;width:auto!important;}
.lm-earn-muted{font-size:11px;color:var(--gray-2);}
.lm-earn-withdraw-amount{font-size:24px;font-weight:900;color:var(--green);}
.lm-earn-note{font-size:11.5px;color:var(--gray-2);line-height:1.6;}
.lm-earn-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;align-items:flex-end;justify-content:center;padding:14px;}
.lm-earn-modal.open{display:flex;}
.lm-earn-modal-panel{width:100%;max-width:440px;max-height:90vh;overflow:auto;background:var(--card-bg);border:1px solid var(--border2);border-radius:18px;padding:16px;box-shadow:0 18px 55px rgba(0,0,0,.28);box-sizing:border-box;}
.lm-earn-modal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;}
.lm-earn-modal-title{font-size:16px;font-weight:900;}
.lm-earn-modal-sub{font-size:11px;color:var(--gray-2);margin-top:2px;line-height:1.35;}
.lm-earn-modal-close{border:none;background:var(--card-bg2);color:var(--white);border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:18px;flex-shrink:0;}
.lm-earn-form-label{display:block;font-size:11px;color:var(--gray-2);margin:8px 0 5px;}
.lm-earn-details{width:100%;min-height:84px;box-sizing:border-box;background:var(--card-bg2);border:1px solid var(--border2);border-radius:10px;color:var(--white);padding:11px 12px;font-family:var(--font);outline:none;resize:vertical;}
.lm-earn-crypto-box{display:none;}
.lm-earn-withdraw-msg{font-size:12px;min-height:16px;margin-top:8px;line-height:1.45;}

@media(max-width:700px){
  .mobile .ledger-earn-module{padding:0 14px 96px;box-sizing:border-box;}
  .mobile .ledger-earn-module .lm-earn-card{margin-top:12px;}
  .mobile .lm-earn-rule-row{padding:12px 10px;align-items:flex-start;}
  .mobile .lm-earn-rule-badge{font-size:10px;padding:7px 9px;max-width:44%;overflow:hidden;text-overflow:ellipsis;}
  .mobile .lm-earn-modal{padding:12px 10px 18px;}
  .mobile .lm-earn-modal-panel{max-height:88vh;border-radius:18px;margin:0 4px 6px;}
  .mobile .lm-earn-withdraw-card{border-radius:14px;}
}

/* Product modules v11: keeps existing Ledger design while making dynamic forms match the dashboard */
.ledger-swap-module,.ledger-invest-module,.ledger-stake-module,.ledger-stocks-module,.ledger-nfts-module,.ledger-notifications-module,.ledger-refer-module{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;}
.lm-stack{display:flex;flex-direction:column;gap:12px;}
.lm-product-card{margin-bottom:12px;box-sizing:border-box;}
.lm-product-card-title{font-size:14px;font-weight:900;margin-bottom:10px;color:var(--white);}
.lm-form-label{display:block;font-size:11.5px;color:var(--gray-2);margin:9px 0 6px;}
.lm-input{width:100%;box-sizing:border-box;background:var(--card-bg2);border:1px solid var(--border2);border-radius:10px;color:var(--white);padding:11px 12px;font-family:var(--font);outline:none;font-size:14px;}
.lm-input:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(30,217,138,.08);}
.lm-input::placeholder{color:var(--gray-2);opacity:.75;}
.lm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;}
.lm-btn{border:none!important;cursor:pointer!important;margin-top:12px!important;}
.lm-btn:disabled{opacity:.65;cursor:not-allowed!important;}
.lm-message{font-size:12px;min-height:18px;margin-top:8px;line-height:1.45;}
.lm-muted,.lm-help{font-size:11.5px;color:var(--gray-2);line-height:1.6;}
.lm-help{margin-top:7px;}
.lm-error{font-size:12px;color:#ef4444;line-height:1.7;}
.lm-empty{font-size:12px;color:var(--gray-2);padding:10px;}
.lm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:12px;background:var(--card-bg2);margin-bottom:8px;}
.lm-row-main{min-width:0;}
.lm-row-title{font-size:12.5px;font-weight:900;color:var(--white);line-height:1.35;}
.lm-row-sub{font-size:11.5px;color:var(--gray-2);line-height:1.45;margin-top:3px;}
.lm-pill{white-space:nowrap;align-self:center;}
.lm-flip-wrap{text-align:center;}
.lm-swap-flip{width:34px;height:34px;border-radius:50%;background:var(--card-bg2);border:1px solid var(--border2);display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:var(--green-ui);cursor:pointer;}
.lm-swap-out{font-size:22px;font-weight:900;color:var(--green);margin-top:10px;word-break:break-word;}
.lm-swap-summary{margin-top:8px;}
.lm-ref-box{background:var(--card-bg2);border:1px solid var(--border2);border-radius:10px;padding:13px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.lm-ref-code{font-size:14px;font-weight:900;letter-spacing:1.2px;color:var(--green);}
.lm-stat{font-size:20px;font-weight:900;}.lm-stat.green{color:var(--green);}.lm-stat.gold{color:var(--gold);}.lm-stat.blue{color:#60a5fa;}.lm-stat-sub{font-size:10px;color:var(--gray-2);}
@media(max-width:760px){
  .mobile .ledger-swap-module,.mobile .ledger-invest-module,.mobile .ledger-stake-module,.mobile .ledger-stocks-module,.mobile .ledger-nfts-module,.mobile .ledger-notifications-module,.mobile .ledger-refer-module{padding:0 0 96px;}
  .mobile .lm-product-card{border-radius:14px;margin-bottom:12px;}
  .mobile .lm-grid-2{grid-template-columns:1fr;gap:0;}
  .mobile .lm-row{padding:12px 10px;align-items:flex-start;}
  .mobile .lm-pill{max-width:44%;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:7px 9px;}
}

/* Product confirmation modal + transaction filter fixes v12 */
.lm-confirm-overlay{position:fixed;inset:0;background:rgba(2,20,8,.42);z-index:99999;display:none;align-items:flex-end;justify-content:center;padding:16px;backdrop-filter:blur(6px)}
.lm-confirm-overlay.open{display:flex}.lm-confirm-panel{width:100%;max-width:430px;background:var(--card-bg,#fff);border:1px solid var(--border,#c9dec9);border-radius:22px;padding:16px;box-shadow:0 22px 60px rgba(0,0,0,.22);font-family:var(--font,inherit)}
.lm-confirm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.lm-confirm-title{font-size:18px;font-weight:900;color:var(--text,#102014)}.lm-confirm-sub{font-size:12px;color:var(--gray-2,#4d7a4f);line-height:1.35;margin-top:2px}.lm-confirm-close{border:0;background:var(--card-bg2,#eaf4ea);border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1;cursor:pointer;color:var(--text,#102014)}
.lm-confirm-lines{display:grid;gap:8px;margin:10px 0}.lm-confirm-line{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card-bg2,#edf6ed);border-radius:14px;padding:10px 12px}.lm-confirm-line span{font-size:12px;color:var(--gray-2,#4d7a4f)}.lm-confirm-line b{font-size:12px;text-align:right;color:var(--text,#102014);max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lm-confirm-warning{font-size:12px;line-height:1.4;color:var(--gray-2,#4d7a4f);background:rgba(30,217,138,.10);border:1px solid rgba(30,217,138,.18);border-radius:14px;padding:10px;margin-top:10px}.lm-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.lm-confirm-actions .btn{width:100%;justify-content:center}
.js-tx-filter.is-active,.tx-filter-btn.is-active{background:var(--green-ui,var(--green,#15a36a))!important;color:#000!important;border-color:var(--green-ui,var(--green,#15a36a))!important}.js-tx-empty{display:none;color:var(--gray-2);font-size:12px;padding:12px}.js-tx-empty.show{display:block}.tx-hidden{display:none!important}
@media(max-width:760px){.lm-confirm-overlay{align-items:flex-end;padding:10px}.lm-confirm-panel{border-radius:22px 22px 0 0;padding:16px 16px 18px}.lm-confirm-actions{grid-template-columns:1fr}.lm-confirm-line b{max-width:55%}}


/* v13 product-page cleanup: remove legacy demo cards and fix transaction filters */
[data-ledger-demo-hidden="1"]{display:none!important;}
.tx-hidden{display:none!important;}
.js-tx-empty{display:none!important;color:var(--gray-2);font-size:12px;padding:10px 0;}
.js-tx-empty.show{display:block!important;}
.lm-loading{min-height:52px;}
@media(max-width:767px){
  .ledger-invest-module,.ledger-stocks-module,.ledger-stake-module,.ledger-nfts-module,.ledger-notifications-module,.ledger-swap-module,.ledger-earn-module{display:block;width:100%;}
  .lm-product-card{margin-bottom:12px;}
}

/* v14 hotfix: keep mobile footer pinned to the bottom and make KYC use the same dashboard design */
@media(max-width:899px){
  html,body{height:100%;min-height:100%;overflow:hidden;}
  .mobile{position:fixed!important;inset:0!important;max-width:430px!important;width:100%!important;margin:0 auto!important;overflow:hidden!important;background:var(--m-shell-grad)!important;}
  .mobile>.m-shell{position:absolute!important;inset:0!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  .mobile .m-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;}
  .mobile .m-footer{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:430px!important;z-index:80!important;}
}
.kyc-page-wrap .page-title{margin-bottom:16px;}
.kyc-layout-grid{align-items:start;}
.kyc-hero-card,.kyc-steps-card{height:100%;}
.kyc-hero-icon{font-size:42px;margin-bottom:10px;}
.kyc-hero-title{font-size:18px;font-weight:800;margin-bottom:5px;}
.kyc-hero-sub{font-size:13px;color:var(--gray-2);margin-bottom:14px;}
.kyc-badge-row{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;margin:12px 0 18px;}
.kyc-limit-grid{gap:8px;}
.kyc-limit-card{padding:11px!important;}
.kyc-limit-value{font-size:15px;font-weight:800;color:var(--green);}
.kyc-limit-label{font-size:10px;color:var(--gray-2);margin-top:3px;}
.kyc-step-card{align-items:flex-start;gap:13px;}
.kn-pending{background:rgba(247,147,26,.14);color:var(--gold);}
.kn-rejected{background:rgba(240,80,80,.13);color:var(--red);}
.kyc-step-main{flex:1;min-width:0;}
.kyc-step-title{font-size:13px;font-weight:800;margin-bottom:2px;}
.kyc-step-desc{font-size:11px;color:var(--gray-2);line-height:1.35;}
.kyc-inline-form{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.kyc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.kyc-input,.kyc-file{padding:10px 11px!important;border-radius:10px!important;font-size:12px!important;}
.kyc-verify-btn{width:max-content;min-width:112px;border:none;border-radius:999px;background:var(--green-ui);color:#000;font-size:12px;font-weight:800;padding:9px 14px;cursor:pointer;font-family:var(--font);}
.kyc-verify-btn:hover{opacity:.9;}
.kyc-mobile-head{padding:16px 20px 8px;display:flex;align-items:center;justify-content:space-between;}
.kyc-mobile-head span{font-size:20px;font-weight:800;}
.kyc-mobile-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px;}
.kyc-mobile-content .mc,.kyc-mobile-content .mc-glow{margin:0;width:100%;}
.kyc-mobile-hero{text-align:center;padding:24px 18px!important;}
.kyc-mobile-steps{display:flex;flex-direction:column;gap:0;padding:16px!important;}
.mobile .kyc-step-card{padding:13px 0;}
.mobile .kyc-step-title{font-size:14px;}
.mobile .kyc-step-desc{font-size:11.5px;}
.mobile .kyc-step-card>.badge{align-self:flex-start;white-space:nowrap;font-size:10px;}
.mobile .kyc-inline-form{gap:8px;}
.mobile .kyc-verify-btn{width:100%;border-radius:12px;padding:11px 14px;}
@media(max-width:420px){
  .mobile .kyc-step-card{gap:10px;}
  .mobile .kyc-step-card>.badge{font-size:9px;padding:2px 6px;}
  .kyc-form-grid{grid-template-columns:1fr;}
}

/* Buy crypto exchange listing */
.lm-step-dot{width:26px;height:26px;border-radius:10px;background:rgba(30,217,138,.12);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0;}
.lm-exchange-card:hover{transform:translateY(-1px);border-color:var(--green-ui)!important;}
@media(max-width:768px){.lm-exchange-card{border-radius:14px!important;padding:14px 15px!important;box-shadow:none!important;}.lm-buy-root{padding-bottom:10px!important;}}

/* ---- Landing-exact palette safety net (buttons/accents) ---- */
:root[data-theme="light"] .a-cta,
:root[data-theme="light"] .btn-p{background:linear-gradient(135deg,#1a7a4f,#0e4d31)!important;color:#fff!important;}
:root .a-cta{background:linear-gradient(135deg,#1ed98a,#15a36a);}

/* ===================================================================
   LANDING-EXACT BUTTON / ACCENT MATCH  (mirrors landing.css .cta)
   solid var(--green) bg, var(--btn-text) text, green glow shadow.
   In dark --btn-text is #06231a; in light it is #ffffff (white).
   =================================================================== */
.btn-p,
.a-cta,
.auth-btn-p,
.chat-send,
.currency-option.active,
.b-user{
  background:var(--green)!important;
  color:var(--btn-text)!important;
  box-shadow:var(--btn-shadow)!important;
  border:none!important;
}
.btn-p:hover,
.a-cta:hover,
.auth-btn-p:hover{
  background:var(--green)!important;
  filter:brightness(1.05);
}
/* active tabs / pills should read white-on-green in light, dark-on-green in dark */
.a-tab.on,
.auth-tab.active{
  background:var(--green)!important;
  color:var(--btn-text)!important;
}
.s-badge,.chat-send{color:var(--btn-text)!important;}
/* small green status dot glow to match landing .pill .dot */
.s-dot,.m-bell-dot{box-shadow:0 0 10px var(--green);}

/* ===================================================================
   WHITE TEXT ON ALL GREEN ELEMENTS  (readability fix, both themes)
   Every element with a green background should have white text.
   =================================================================== */
.btn-p,.btn-primary,.auth-submit-btn,.auth-page-tab.active,.auth-tab.active,
.currency-option.active,.b-user,.chat-send,.s-badge,.m-drawer-badge,
.coin-action-btn,.acct-btn-primary,.acct-flag-default,
.lw-acct-row-act-activate,.lw-acct-btn-primary,
.ai-question-top,.ai-talk-btn,.ai-chat-send,.support-submit,
.ai-talk-prompt-btn:hover,.kyc-verify-btn,.kyc-verify-btn *,
.js-tx-filter.is-active,.tx-filter-btn.is-active,
.a-cta,.auth-btn-p,.a-tab.on,
.m-avatar,.m-drawer-avatar,.d-profile-avatar,
.m-avatar .js-user-initials,.m-drawer-avatar .js-user-initials,.d-profile-avatar .js-user-initials{
  color:#ffffff !important;
}
/* avatars: use the brand green gradient so white text reads well in both themes */
.m-avatar,.m-drawer-avatar,.d-profile-avatar{
  background:linear-gradient(135deg,var(--green-ui),var(--green-dim,var(--green))) !important;
}

/* ===================================================================
   IMPORT-TOKENS MODAL — light theme (was hardcoded dark)
   =================================================================== */
:root[data-theme="light"] .token-modal{
  background:linear-gradient(180deg,#ffffff,#f3faf6)!important;
  border:1px solid var(--border2)!important;
  box-shadow:0 24px 70px rgba(20,40,30,.18),0 0 40px rgba(26,122,79,.08)!important;
  color:var(--white)!important;
}
:root[data-theme="light"] .token-modal-head{border-bottom-color:var(--border)!important;}
:root[data-theme="light"] .token-modal-close{
  background:var(--card-bg2)!important;border:1px solid var(--border)!important;color:var(--white)!important;
}
:root[data-theme="light"] .token-search-wrap{
  background:var(--card-bg2)!important;border:1px solid var(--border)!important;
}
:root[data-theme="light"] .token-search-input{color:var(--white)!important;}
:root[data-theme="light"] .token-search-input::placeholder{color:var(--gray-3)!important;}
:root[data-theme="light"] .token-row{border-bottom-color:var(--border)!important;}
:root[data-theme="light"] .token-row:hover{background:rgba(16,36,29,.04)!important;}
:root[data-theme="light"] .token-coin-ic{background:var(--card-bg2)!important;}
/* Activate button = white text on green (matches everything else) */
.token-toggle-btn,.token-row .token-toggle,.token-row button:not(.token-deactivate){color:#fff!important;}
:root[data-theme="light"] .token-deactivate,
:root[data-theme="light"] .token-row button.is-deactivate{
  background:rgba(220,38,38,.10)!important;color:#b91c1c!important;border:1px solid rgba(220,38,38,.30)!important;
}

/* ===================================================================
   DESKTOP LOGIN / REGISTER card — was unstyled (tiny, off-center).
   Centered card matching the landing palette.
   =================================================================== */
.desktop > .auth-desktop-card,.auth-desktop-card{
  width:min(420px,92vw);
  background:var(--card-bg);
  border:1px solid var(--border2);
  border-radius:24px;
  padding:34px 30px;
  box-shadow:0 24px 70px rgba(0,0,0,.30);
  margin:auto;
}
:root[data-theme="light"] .auth-desktop-card{box-shadow:0 24px 70px rgba(20,40,30,.14);}
.auth-desktop-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:22px;}
.auth-desktop-logo-box{
  width:58px;height:58px;border-radius:16px;
  background:var(--green-ui);display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;box-shadow:0 10px 30px rgba(30,217,138,.30);
}
:root[data-theme="light"] .auth-desktop-logo-box{box-shadow:0 10px 26px rgba(26,122,79,.25);}
.auth-desktop-title{font-family:'Sora',var(--font);font-size:24px;font-weight:900;letter-spacing:-.5px;text-align:center;color:var(--white);}
.auth-desktop-sub{font-size:13px;color:var(--gray-2);text-align:center;margin-top:4px;}
/* tab row (Sign In / Register) */
.a-tabs{display:flex;background:var(--card-bg2);border:1px solid var(--border);border-radius:13px;padding:4px;gap:4px;margin:18px 0;}
.a-tab{flex:1;padding:11px;border:none;border-radius:10px;background:transparent;color:var(--gray-2);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font);text-align:center;text-decoration:none;transition:all .15s;}
.a-tab:hover{color:var(--white);}
.a-tab.on{background:var(--green);color:var(--btn-text);box-shadow:var(--btn-shadow);}