@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
/* Disable slashed zeros in monospace font globally */
.JetBrains,code,[class*="mono"],[class*="addr"],[class*="tx-addr"],[class*="inp"],[class*="field"]{
  font-feature-settings:"zero" 0,"liga" 1;
}
:root{
  --bg:#06070d;--s1:#0c0d16;--s2:#12131f;--s3:#181929;
  --b1:#ffffff06;--b2:#ffffff0f;--b3:#ffffff1a;
  --t1:#eeeeff;--t2:#7878a0;--t3:#3a3a55;
  --green:#00d97e;--red:#ff2d55;--orange:#ff9f0a;--blue:#4da6ff;
  --accent:#6366f1;--accent2:#4f52cc;--accent3:#818cf8;
  --nav:#08090f;
  --sh:0 12px 48px #00000070;
  --sh2:0 4px 20px #6366f120;
  --radius:18px;--radius-sm:12px;--radius-lg:24px;
}
[data-theme=light]{
  --bg:#f2f3fa;--s1:#ffffff;--s2:#f5f6fd;--s3:#eaebf8;
  --b1:#00000006;--b2:#0000000f;--b3:#0000001a;
  --t1:#090a1e;--t2:#4a4a6a;--t3:#9090b0;
  --nav:#ffffff;--sh:0 4px 28px #00000015;--sh2:0 4px 16px #6366f115;
}
html,body{min-height:100%;font-family:'Inter',sans-serif;background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;}
::-webkit-scrollbar{width:3px;height:3px;}
::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px;}
/* Fix: No slashed zero for JetBrains Mono */
*{font-feature-settings:"zero" 0;}

/* SCREENS */
.screen{display:none;min-height:100vh;}
.screen.active{display:flex;flex-direction:column;}

/* ============ LOGIN ============ */
#loginScreen{
  align-items:center;justify-content:flex-start;padding:0;min-height:100vh;
  overflow-y:auto;
  background:
    radial-gradient(ellipse at 20% 10%,#6366f122,transparent 52%),
    radial-gradient(ellipse at 82% 88%,#00d97e0e,transparent 50%),
    radial-gradient(ellipse at 65% 25%,#818cf80a,transparent 45%),
    var(--bg);
}
.login-wrap{width:100%;max-width:390px;margin:0 auto;padding:28px 20px 40px;}
.login-brand{text-align:center;margin-bottom:24px;}
.brand-hero{display:flex;flex-direction:column;align-items:center;gap:0;}
/* Logo Carousel */
.logo-carousel-wrap{width:calc(100% + 40px);margin-left:-20px;overflow:hidden;margin-bottom:16px;}
.logo-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.logo-carousel::-webkit-scrollbar{display:none;}
.logo-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:0 20px;}
.logo-slide img{width:100%;max-width:320px;height:240px;object-fit:contain;
  filter:drop-shadow(0 24px 60px #6366f160);display:block;margin:0 auto;
  transition:transform .3s ease;}
.logo-slide-glow{display:none;}
.logo-dots{display:flex;gap:5px;justify-content:center;margin-top:8px;margin-bottom:4px;}
.logo-dot{width:5px;height:5px;border-radius:50%;background:var(--b3);transition:all .25s;cursor:pointer;}
.logo-dot.active{width:18px;border-radius:3px;background:var(--accent);}
.brand-name{font-size:28px;font-weight:900;letter-spacing:-1px;margin-top:4px;
  background:linear-gradient(135deg,var(--t1) 35%,var(--accent3));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.brand-sub{font-size:11.5px;color:var(--t2);margin-top:6px;font-weight:500;letter-spacing:.3px;line-height:1.5;}
.brand-chains{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:14px;}
.bchain{font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;border:1px solid;letter-spacing:.4px;}

/* ── two-option cards ── */
.wallet-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;}
.wopt{display:flex;align-items:center;gap:15px;padding:17px 16px;
  background:var(--s1);border:1px solid var(--b2);border-radius:var(--radius);
  cursor:pointer;transition:all .22s;position:relative;overflow:hidden;}
.wopt:active{transform:scale(.983);}
.wopt:hover{border-color:var(--b3);background:var(--s2);}
.wopt-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wopt-icon.import-ic{background:linear-gradient(135deg,#6366f122,#6366f110);border:1px solid #6366f128;}
.wopt-icon.create-ic{background:linear-gradient(135deg,#00d97e22,#00d97e10);border:1px solid #00d97e28;}
.wopt-icon svg{width:23px;height:23px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.wopt-icon.import-ic svg{stroke:#6366f1;}
.wopt-icon.create-ic svg{stroke:#00d97e;}
.wopt-text{flex:1;}
.wopt-title{font-size:15px;font-weight:800;letter-spacing:-.3px;margin-bottom:3px;color:var(--t1);}
.wopt-desc{font-size:12px;color:var(--t2);font-weight:500;}
.wopt-arrow{color:var(--t3);}
.wopt-arrow svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.5;}

/* ── back-to-options button ── */
.back-row{display:flex;align-items:center;gap:8px;margin-bottom:20px;cursor:pointer;color:var(--t2);
  padding:6px 2px;border-radius:8px;transition:color .2s;width:fit-content;}
.back-row:active{color:var(--t1);}
.back-row svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5;}
.back-row span{font-size:13px;font-weight:700;}

/* ── import sub-panel ── */
.import-panel,.create-panel{display:none;}
.import-panel.show,.create-panel.show{display:block;}

.panel-card{background:var(--s1);border:1px solid var(--b2);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--sh);}
.sub-tabs{display:flex;background:var(--s2);border-radius:13px;padding:3px;gap:2px;margin-bottom:18px;}
.ltab{flex:1;padding:10px 6px;border:none;background:transparent;border-radius:11px;font-size:12.5px;
  font-weight:700;color:var(--t2);cursor:pointer;font-family:'Inter',sans-serif;transition:all .22s;}
.ltab.active{background:var(--s1);color:var(--t1);box-shadow:0 2px 12px #00000025;}
.tab-pane{display:none;}.tab-pane.active{display:block;}

.lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--t2);margin-bottom:7px;display:block;}
.inp{width:100%;background:var(--s2);border:1.5px solid var(--b2);border-radius:var(--radius-sm);
  padding:13px 15px;color:var(--t1);font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
  outline:none;transition:border .2s;resize:vertical;font-feature-settings:"zero" 0;}
.inp:focus{border-color:#6366f180;}
.inp-group{margin-bottom:14px;}
.inp-note{font-size:11px;color:var(--t3);margin-top:5px;line-height:1.6;}

select.inp{cursor:pointer;}

.btn{width:100%;padding:14px;border-radius:var(--radius-sm);border:none;font-size:15px;font-weight:800;
  cursor:pointer;font-family:'Inter',sans-serif;transition:all .22s;letter-spacing:-.2px;}
.btn-primary{background:linear-gradient(135deg,#6366f1,#4f52cc);color:#fff;box-shadow:0 6px 28px #6366f148;}
.btn-primary:active{transform:scale(.98);box-shadow:0 2px 12px #6366f130;}
.btn-outline{background:transparent;color:var(--t1);border:1.5px solid var(--b3);margin-top:8px;}
.btn-outline:hover{background:var(--s2);}
.btn-danger{background:linear-gradient(135deg,#ff2d55,#d42044);color:#fff;box-shadow:0 4px 20px #ff2d5530;}

.warn-box{background:#ff9f0a10;border:1px solid #ff9f0a28;border-radius:var(--radius-sm);
  padding:11px 14px;font-size:12px;color:var(--orange);margin-bottom:16px;line-height:1.7;font-weight:500;}

/* Network list (Trust Wallet style) */
.net-trigger{display:flex;align-items:center;justify-content:space-between;
  background:var(--s2);border:1.5px solid var(--b2);border-radius:16px;
  padding:13px 16px;cursor:pointer;margin-bottom:16px;transition:all .18s;}
.net-trigger:active{background:var(--s3);}
.net-trigger-left{display:flex;align-items:center;gap:12px;}
.net-trigger-icon{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f52cc);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.net-trigger-icon img{width:38px;height:38px;border-radius:50%;object-fit:cover;}
.net-trigger-name{font-size:14px;font-weight:800;color:var(--t1);}
.net-trigger-sym{font-size:11px;color:var(--t2);font-weight:500;margin-top:1px;}
.net-search{display:flex;align-items:center;gap:10px;background:var(--s2);
  border:1.5px solid var(--b2);border-radius:14px;padding:11px 14px;}
.net-search svg{width:16px;height:16px;stroke:var(--t3);fill:none;stroke-width:2;flex-shrink:0;}
.net-search input{flex:1;background:none;border:none;outline:none;color:var(--t1);
  font-size:14px;font-family:inherit;}
.net-search input::placeholder{color:var(--t3);}
.net-recommended{border:1.5px solid #00d97e55;border-radius:16px;margin-bottom:14px;
  overflow:hidden;position:relative;cursor:pointer;transition:background .15s;}
.net-recommended:active{background:#00d97e08;}
.net-rec-badge{display:inline-block;background:var(--green);color:#fff;font-size:10px;
  font-weight:800;padding:4px 12px;border-radius:0 0 10px 0;letter-spacing:.4px;
  position:absolute;top:0;left:0;}
.net-list-scroll{max-height:320px;overflow-y:auto;border:1.5px solid var(--b2);
  border-radius:16px;scrollbar-width:thin;scrollbar-color:var(--b3) transparent;}
.net-list-item{display:flex;align-items:center;gap:14px;padding:13px 16px;
  cursor:pointer;border-bottom:1px solid var(--b1);transition:background .15s;}
.net-list-item:last-child{border-bottom:none;}
.net-list-item:active{background:var(--s2);}
.net-list-item.selected{background:#6366f10a;}
.net-list-item img,.net-list-item .net-list-icon{width:38px;height:38px;border-radius:50%;
  object-fit:cover;flex-shrink:0;border:1px solid var(--b2);}
.net-list-icon{display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#6366f1,#4f52cc);border:none!important;}
.net-list-icon svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;}
.net-list-info{flex:1;min-width:0;}
.net-list-name{font-size:15px;font-weight:700;color:var(--t1);}
.net-list-sym{font-size:12px;color:var(--t2);font-weight:500;margin-top:1px;}
.net-list-right svg{width:16px;height:16px;fill:none;stroke-width:2.5;stroke:var(--t3);}
.net-list-item.selected .net-list-right svg{stroke:var(--accent);}

.err-box{background:#ff2d5512;border:1px solid #ff2d552a;border-radius:var(--radius-sm);
  padding:12px 14px;font-size:13px;font-weight:700;color:var(--red);margin-bottom:14px;display:none;}


/* ── two-option cards ── */
.wallet-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;}
.wopt{display:flex;align-items:center;gap:15px;padding:17px 16px;
  background:var(--s1);border:1px solid var(--b2);border-radius:var(--radius);
  cursor:pointer;transition:all .22s;position:relative;overflow:hidden;}
.wopt:active{transform:scale(.983);}
.wopt:hover{border-color:var(--b3);background:var(--s2);}
.wopt-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wopt-icon.import-ic{background:linear-gradient(135deg,#6366f122,#6366f110);border:1px solid #6366f128;}
.wopt-icon.create-ic{background:linear-gradient(135deg,#00d97e22,#00d97e10);border:1px solid #00d97e28;}
.wopt-icon svg{width:23px;height:23px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.wopt-icon.import-ic svg{stroke:#6366f1;}
.wopt-icon.create-ic svg{stroke:#00d97e;}
.wopt-text{flex:1;}
.wopt-title{font-size:15px;font-weight:800;letter-spacing:-.3px;margin-bottom:3px;color:var(--t1);}
.wopt-desc{font-size:12px;color:var(--t2);font-weight:500;}
.wopt-arrow{color:var(--t3);}
.wopt-arrow svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.5;}

/* ── back-to-options button ── */
.back-row{display:flex;align-items:center;gap:8px;margin-bottom:20px;cursor:pointer;color:var(--t2);
  padding:6px 2px;border-radius:8px;transition:color .2s;width:fit-content;}
.back-row:active{color:var(--t1);}
.back-row svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5;}
.back-row span{font-size:13px;font-weight:700;}

/* ── import sub-panel ── */
.import-panel,.create-panel{display:none;}
.import-panel.show,.create-panel.show{display:block;}

.panel-card{background:var(--s1);border:1px solid var(--b2);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--sh);}
.sub-tabs{display:flex;background:var(--s2);border-radius:13px;padding:3px;gap:2px;margin-bottom:18px;}
.ltab{flex:1;padding:10px 6px;border:none;background:transparent;border-radius:11px;font-size:12.5px;
  font-weight:700;color:var(--t2);cursor:pointer;font-family:'Inter',sans-serif;transition:all .22s;}
.ltab.active{background:var(--s1);color:var(--t1);box-shadow:0 2px 12px #00000025;}
.tab-pane{display:none;}.tab-pane.active{display:block;}

.lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--t2);margin-bottom:7px;display:block;}
.inp{width:100%;background:var(--s2);border:1.5px solid var(--b2);border-radius:var(--radius-sm);
  padding:13px 15px;color:var(--t1);font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
  outline:none;transition:border .2s;resize:vertical;font-feature-settings:"zero" 0;}
.inp:focus{border-color:#6366f180;}
.inp-group{margin-bottom:14px;}
.inp-note{font-size:11px;color:var(--t3);margin-top:5px;line-height:1.6;}

select.inp{cursor:pointer;}

.btn{width:100%;padding:14px;border-radius:var(--radius-sm);border:none;font-size:15px;font-weight:800;
  cursor:pointer;font-family:'Inter',sans-serif;transition:all .22s;letter-spacing:-.2px;}
.btn-primary{background:linear-gradient(135deg,#6366f1,#4f52cc);color:#fff;box-shadow:0 6px 28px #6366f148;}
.btn-primary:active{transform:scale(.98);box-shadow:0 2px 12px #6366f130;}
.btn-outline{background:transparent;color:var(--t1);border:1.5px solid var(--b3);margin-top:8px;}
.btn-outline:hover{background:var(--s2);}
.btn-danger{background:linear-gradient(135deg,#ff2d55,#d42044);color:#fff;box-shadow:0 4px 20px #ff2d5530;}

.warn-box{background:#ff9f0a10;border:1px solid #ff9f0a28;border-radius:var(--radius-sm);
  padding:11px 14px;font-size:12px;color:var(--orange);margin-bottom:16px;line-height:1.7;font-weight:500;}
.net-card{display:flex;align-items:center;gap:10px;padding:11px 13px;
  background:var(--s2);border:1.5px solid var(--b2);border-radius:14px;
  cursor:pointer;transition:all .18s;}
.net-card:active{transform:scale(.97);}
.net-card.selected{border-color:var(--accent);background:#6366f112;box-shadow:0 0 0 3px #6366f115;}
.net-card img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.net-card-info{flex:1;min-width:0;}
.net-card-name{font-size:12px;font-weight:800;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.net-card-sym{font-size:10px;color:var(--t2);font-weight:600;}
.net-card-check{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--b3);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s;}
.net-card.selected .net-card-check{background:var(--accent);border-color:var(--accent);}
.net-card-check svg{width:9px;height:9px;stroke:#fff;fill:none;stroke-width:3;display:none;}
.net-card.selected .net-card-check svg{display:block;}
.err-box{background:#ff2d5512;border:1px solid #ff2d552a;border-radius:13px;
  padding:12px 14px;font-size:13px;font-weight:600;color:var(--red);margin-bottom:14px;display:none;}

/* ============ APP ============ */
#appScreen{padding-bottom:72px;}
.wrap{max-width:480px;margin:0 auto;width:100%;}

/* TOPBAR */
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;background:rgba(6,7,13,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--b1);}
[data-theme=light] .topbar{background:rgba(242,243,250,.94);}
.tb-left{display:flex;align-items:center;gap:10px;}
.tb-logo{width:33px;height:33px;background:linear-gradient(135deg,#6366f1,#4f52cc);
  border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #6366f135;}
.tb-logo svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.tb-brand{font-size:16px;font-weight:800;}
.tb-addr{font-size:11px;color:var(--t2);font-family:'JetBrains Mono',monospace;font-weight:700;font-feature-settings:'zero' 0;}
.tb-right{display:flex;gap:6px;}
/* .ib defined in modern enhancements below */
.ndot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--red);
  border-radius:50%;border:2px solid var(--bg);display:none;}

/* CHAIN TABS */
.chain-bar{padding:10px 16px 0;overflow-x:auto;scrollbar-width:none;}
.chain-bar::-webkit-scrollbar{display:none;}
.chain-tabs{display:flex;gap:6px;width:max-content;}
.ctab{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:20px;
  border:1px solid var(--b2);background:var(--s1);cursor:pointer;white-space:nowrap;
  font-size:12px;font-weight:700;color:var(--t2);transition:all .22s;}
.ctab img{width:18px;height:18px;border-radius:50%;object-fit:cover;}
.ctab.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 14px #6366f135;}

/* PORTFOLIO CARD - NEW DESIGN */
.port-card{margin:8px 16px 14px;border-radius:22px;padding:22px 20px 20px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#7c83f0,#6366f1 55%,#5457dd);
  box-shadow:0 16px 38px -18px #6366f1aa;}
[data-theme=light] .port-card{background:linear-gradient(135deg,#828bf2,#6d73ee 55%,#5c60e6);}
.port-card::before{content:'';position:absolute;top:-46px;right:-34px;width:170px;height:170px;border-radius:50%;
  background:#ffffff1a;pointer-events:none;}
.port-card::after{content:'';position:absolute;bottom:-60px;left:-30px;width:150px;height:150px;border-radius:50%;
  background:#ffffff0d;pointer-events:none;}
.port-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1;}
.port-bal{display:inline-flex;align-items:flex-start;font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1;color:#fff;font-family:'Inter',sans-serif;}
.port-bal em{font-size:26px;font-weight:900;color:#ffffffcc;font-style:normal;margin-right:3px;line-height:1;position:relative;top:3px;}
.bal-eye{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:4px;}
.bal-eye svg{width:22px;height:22px;fill:none;stroke:#ffffffd9;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.hide-bal .port-bal em{display:none;}
.hide-bal .port-bal>span{font-size:0;letter-spacing:0;}
.hide-bal .port-bal>span::after{content:'******';font-size:40px;letter-spacing:2px;color:#fff;font-weight:900;}
.hide-bal .tok-amount,.hide-bal .tok-usd{font-size:0 !important;}
.hide-bal .tok-amount::after{content:'*****';font-size:15px;font-weight:800;letter-spacing:1px;color:var(--t1);}
.hide-bal .tok-usd::after{content:'****';font-size:12px;font-weight:600;letter-spacing:1px;color:var(--t2);}
.pnl-pill{display:inline-flex;align-items:center;gap:8px;margin-top:14px;position:relative;z-index:1;
  background:#ffffff26;border-radius:999px;padding:7px 13px;}
.pnl-pill .pl{font-size:11.5px;font-weight:700;color:#ffffffb3;}
.pnl-pill .pv{font-size:11.5px;font-weight:800;color:#fff;}
.pnl-pill .pc{font-size:13px;color:#ffffffb3;line-height:1;}
/* ACTION TILES */
.port-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding:0 16px;margin-bottom:20px;}
.pact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;
  border:1px solid var(--b2);background:var(--s2);border-radius:18px;padding:15px 4px;transition:transform .15s;}
[data-theme=light] .pact{background:#f4f5fd;border-color:#00000008;}
.pact:active{transform:scale(.94);}
.pact svg{width:23px;height:23px;fill:none;stroke:var(--t1);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.pact-label{font-size:11px;font-weight:700;color:var(--t1);}

/* MARKET */
.section{padding:0 16px;margin-bottom:20px;}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.sec-title{font-size:15px;font-weight:800;}
.sec-link{font-size:12px;color:var(--accent);font-weight:600;cursor:pointer;}

.market-scroll{display:flex;gap:10px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;}
.market-scroll::-webkit-scrollbar{display:none;}
.mcard{background:var(--s1);border:1px solid var(--b2);border-radius:16px;padding:14px;
  min-width:134px;flex-shrink:0;cursor:pointer;transition:all .22s;}
.mcard:hover{border-color:var(--b3);background:var(--s2);}
.mcard:active{transform:scale(.97);}
.mcard-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.mcard-top img{width:28px;height:28px;border-radius:50%;}
.mcard-sym{font-size:13px;font-weight:700;}
.mcard-name{font-size:10px;color:var(--t2);}
/* .mcard-price, .mcard-change defined in modern enhancements */

/* TOKEN LIST */
.token-list{background:var(--s1);border:1px solid var(--b2);border-radius:var(--radius-lg);overflow:hidden;}
.tok{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid var(--b1);
  cursor:pointer;transition:background .15s;}
.tok:last-child{border-bottom:none;}
.tok:active{background:var(--s2);}
.tok-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--b2);}
.tok-logo-wrap{position:relative;width:40px;height:40px;flex-shrink:0;}
.tok-logo-wrap .tok-logo{display:block;}
.tok-badge{position:absolute;bottom:-2px;right:-2px;width:17px;height:17px;border-radius:50%;
  object-fit:cover;border:2px solid var(--bg,#fff);background:var(--card,#fff);}
.tok-info{flex:1;min-width:0;}
.tok-bal{text-align:right;}
/* .tok-sym, .tok-net, .tok-amount, .tok-usd defined in modern enhancements */

/* HISTORY */
.tx-list{background:var(--s1);border:1px solid var(--b2);border-radius:var(--radius-lg);overflow:hidden;}
.tx-item{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid var(--b1);cursor:pointer;transition:background .15s;}
.tx-item:last-child{border-bottom:none;}
.tx-item:active{background:var(--s2);}
.tx-ico{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tx-ico.send{background:#ff2d5514;} .tx-ico.recv{background:#00d97e14;}
.tx-ico.send svg{stroke:var(--red);} .tx-ico.recv svg{stroke:var(--green);}
.tx-ico svg{width:17px;height:17px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.tx-info{flex:1;min-width:0;}
/* .tx-type in modern enhancements */
.tx-addr{font-size:11px;color:var(--t2);font-family:'JetBrains Mono',monospace;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:'zero' 0;}
.tx-chain{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--s3);color:var(--t2);display:inline-block;margin-top:3px;}
.tx-right{text-align:right;}
.tx-amt{font-size:13px;font-weight:800;font-family:'Inter',sans-serif;letter-spacing:-.3px;}
.tx-usd{font-size:11px;color:var(--t2);margin-top:2px;}
.tx-date{font-size:10px;color:var(--t3);margin-top:2px;}

/* BOTTOM NAV */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;
  background:var(--nav);border-top:1px solid var(--b1);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  display:flex;padding:8px 4px 18px;z-index:100;}
.nitem{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:5px 0;border-radius:12px;transition:background .2s;}
.nitem:active{background:var(--b1);}
.nitem svg{width:22px;height:22px;stroke:var(--t3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,transform .2s;}
.nitem-lbl{font-size:10px;font-weight:700;color:var(--t3);transition:color .2s;}
.nitem.active svg{stroke:var(--accent);transform:scale(1.1);}
.nitem.active .nitem-lbl{color:var(--accent);}

/* TAB PAGES */
.tpage{display:none;padding-bottom:16px;}
.tpage.active{display:block;}

/* SETTINGS */
.settings-wrap{padding:16px;}
.sg{margin-bottom:24px;}
.sg-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--t2);margin-bottom:10px;}
.sg-card{background:var(--s1);border:1px solid var(--b2);border-radius:var(--radius);overflow:hidden;}
.si{display:flex;align-items:center;gap:13px;padding:15px 16px;border-bottom:1px solid var(--b1);cursor:pointer;transition:background .18s;}
.si:last-child{border-bottom:none;}
.si:active{background:var(--s2);}
.si-icon{width:36px;height:36px;border-radius:12px;background:var(--s2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.si-icon svg{width:17px;height:17px;stroke:var(--t2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.si-info{flex:1;}
.si-name{font-size:14px;font-weight:600;}
.si-desc{font-size:12px;color:var(--t2);margin-top:2px;}
.si-right{color:var(--t3);}
.si-right svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5;}
/* .toggle defined in modern enhancements */

/* CONTACTS */
.addr-list{padding:0 16px;}
.addr-item{display:flex;align-items:center;gap:13px;padding:14px;background:var(--s1);
  border:1px solid var(--b2);border-radius:var(--radius);margin-bottom:8px;transition:border-color .2s;}
.addr-item:active{border-color:var(--b3);}
.addr-av{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0;}
.addr-info{flex:1;min-width:0;}
.addr-label{font-size:14px;font-weight:700;}
.addr-addr{font-size:11px;color:var(--t2);font-family:'JetBrains Mono',monospace;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-feature-settings:'zero' 0;}
.addr-btns{display:flex;gap:5px;}
.addr-btn{width:30px;height:30px;border-radius:9px;background:var(--s2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.addr-btn svg{width:14px;height:14px;stroke:var(--t2);fill:none;stroke-width:2;}
.addr-btn.del svg{stroke:var(--red);}
/* .fab defined in modern enhancements below */

/* MODALS */
.mo{position:fixed;inset:0;background:#00000088;z-index:200;display:none;align-items:flex-end;justify-content:center;
  backdrop-filter:blur(2px);}
.mo.open{display:flex;}
.mo-box{background:var(--s1);border-radius:26px 26px 0 0;width:100%;max-width:480px;
  max-height:90vh;overflow-y:auto;animation:slideUp .28s cubic-bezier(.32,0,.67,0) forwards;
  box-shadow:0 -8px 48px #00000050;}
@keyframes slideUp{from{transform:translateY(100%);opacity:0;}to{transform:translateY(0);opacity:1;}}
.mo-handle{width:38px;height:4px;background:var(--b3);border-radius:2px;margin:12px auto 0;}
.mo-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0;}
.mo-title{font-size:17px;font-weight:800;}
.mo-close{width:32px;height:32px;border-radius:10px;background:var(--s2);border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:var(--t2);}
.mo-close svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5;}
.mo-body{padding:18px 20px 28px;}

/* SEND FORM */
.chain-chips{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;scrollbar-width:none;padding:2px 0;}
.chain-chips::-webkit-scrollbar{display:none;}
/* .chip defined in modern enhancements */

.field-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;
  color:var(--t2);margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;}
.field-lbl span{color:var(--accent);cursor:pointer;font-size:11px;text-transform:none;letter-spacing:0;}
/* .field, .amount-field defined in modern enhancements below */
.field-group{margin-bottom:14px;}
.amount-row{display:flex;gap:8px;margin-bottom:14px;}
.tok-pick{background:var(--s3);border:1px solid var(--b2);border-radius:12px;padding:11px 13px;
  font-size:13px;font-weight:700;cursor:pointer;color:var(--t1);white-space:nowrap;
  display:flex;align-items:center;gap:7px;}
.tok-pick img{width:20px;height:20px;border-radius:50%;}

.fee-divider{border:none;border-top:1px solid var(--b2);margin:6px 0;}
/* .fee-box, .fee-row defined in modern enhancements */

.gas-row{display:flex;gap:6px;margin-bottom:14px;}
/* .gopt defined in modern enhancements */

/* TOKEN PICKER IN MODAL */
.tok-picker-list{max-height:300px;overflow-y:auto;}
.tpick{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .15s;}
.tpick:hover{background:var(--s2);}
.tpick img{width:36px;height:36px;border-radius:50%;border:1px solid var(--b2);}
.tpick-info{flex:1;}
.tpick-sym{font-size:14px;font-weight:700;}
.tpick-name{font-size:11px;color:var(--t2);margin-top:2px;}
.tpick-bal{text-align:right;font-size:13px;font-weight:800;font-family:'Inter',sans-serif;letter-spacing:-.3px;}

/* RECEIVE */
.recv-chains{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none;}
.recv-chains::-webkit-scrollbar{display:none;}
.qr-wrap{display:flex;justify-content:center;margin-bottom:16px;}
#qrcode canvas,#qrcode img{border-radius:14px;border:8px solid #fff;}
/* .addr-display defined in modern enhancements */
/* .copy-btn defined in modern enhancements */

/* LANG */
.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.lang-item{display:flex;align-items:center;gap:10px;padding:13px 14px;background:var(--s2);
  border:1.5px solid var(--b2);border-radius:13px;cursor:pointer;transition:all .2s;}
.lang-item.active{border-color:var(--accent);background:#6366f112;}
.lang-item.active .lang-name{color:var(--accent);}
.lang-code-badge{width:32px;height:32px;border-radius:8px;background:var(--s3);
  display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;
  color:var(--t2);letter-spacing:.5px;flex-shrink:0;text-transform:uppercase;}
.lang-item.active .lang-code-badge{background:#6366f120;color:var(--accent);}
.lang-info{flex:1;}
.lang-name{font-size:13px;font-weight:700;line-height:1.2;}
.lang-native{font-size:11px;color:var(--t2);margin-top:2px;}

/* NOTIFICATION */
/* .notif-item defined in modern enhancements */

/* TOAST */
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);
  background:var(--s3);border:1px solid var(--b3);border-radius:14px;
  padding:11px 20px;font-size:13px;font-weight:700;z-index:999;
  opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;
  white-space:nowrap;backdrop-filter:blur(12px);
  box-shadow:0 8px 32px #00000040;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(-2px);}

/* STATUS */
.send-status{margin-top:12px;font-size:13px;text-align:center;line-height:1.6;}
.send-status a{color:var(--accent);}

/* MISC */
.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--b3);
  border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;}
@keyframes spin{to{transform:rotate(360deg);}}
.empty{text-align:center;padding:40px 20px;color:var(--t2);}
.empty svg{width:44px;height:44px;stroke:var(--t3);fill:none;stroke-width:1.5;margin-bottom:12px;}
.empty h3{font-size:15px;font-weight:700;color:var(--t1);margin-bottom:6px;}
.empty p{font-size:12px;line-height:1.6;}
.version{text-align:center;font-size:11px;color:var(--t3);padding:12px;}

/* ============ MODERN DESIGN ENHANCEMENTS ============ */

/* Smooth transition for all screen changes */
.screen{transition:opacity .15s;}

/* FAB modern */
.fab{position:fixed;bottom:84px;right:16px;width:52px;height:52px;border-radius:17px;
  background:linear-gradient(135deg,#6366f1,#4f52cc);border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 28px #6366f155;z-index:90;transition:transform .15s,box-shadow .15s;}
.fab:active{transform:scale(.92);box-shadow:0 2px 12px #6366f140;}
.fab svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2.5;}

/* Modern ib (icon buttons) */
.ib{width:36px;height:36px;border-radius:11px;background:var(--s2);border:1px solid var(--b2);
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t2);
  position:relative;transition:all .18s;}
.ib:active{background:var(--s3);}
.ib svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

/* Section headers */
.sec-title{font-size:15px;font-weight:800;letter-spacing:-.2px;}
.sec-link{font-size:12px;color:var(--accent);font-weight:700;cursor:pointer;}

/* Token balances bold + no slashed zero */
.tok-amount{font-size:15px;font-weight:800;font-family:'Inter',sans-serif;letter-spacing:-.3px;}
.tok-usd{font-size:12px;color:var(--t2);margin-top:2px;font-weight:600;}
.tok-sym{font-size:14px;font-weight:800;}
.tok-net{font-size:11px;color:var(--t2);margin-top:2px;font-weight:500;}

/* Market card price bold */
.mcard-price{font-size:15px;font-weight:800;font-family:'Inter',sans-serif;letter-spacing:-.3px;}
.mcard-change{font-size:11px;font-weight:700;margin-top:3px;}

/* Send form fields bold */
.field{width:100%;background:var(--s2);border:1.5px solid var(--b2);border-radius:var(--radius-sm);
  padding:13px 15px;color:var(--t1);font-family:'JetBrains Mono',monospace;font-size:13px;
  font-weight:700;outline:none;transition:border .2s;font-feature-settings:'zero' 0;}
.field:focus{border-color:#6366f166;}

.amount-field{flex:1;background:var(--s2);border:1.5px solid var(--b2);border-radius:var(--radius-sm);
  padding:13px 15px;color:var(--t1);font-family:'Inter',sans-serif;letter-spacing:-.3px;
  font-size:17px;font-weight:800;outline:none;transition:border .2s;}
.amount-field:focus{border-color:#6366f166;}

/* History tx addresses bold */
.tx-addr{font-size:11px;color:var(--t2);font-family:'JetBrains Mono',monospace;
  font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-feature-settings:'zero' 0;}
.tx-type{font-size:13px;font-weight:800;}
.tx-date{font-size:10px;color:var(--t3);margin-top:2px;font-weight:600;}

/* Addr display in receive modal */
.addr-display{background:var(--s2);border-radius:var(--radius-sm);padding:14px;
  font-family:'JetBrains Mono',monospace;font-size:12px;word-break:break-all;
  text-align:center;margin-bottom:14px;border:1px solid var(--b2);
  font-weight:700;font-feature-settings:'zero' 0;}

/* Fee box modern */
.fee-box{background:var(--s2);border-radius:var(--radius-sm);padding:13px 15px;margin-bottom:14px;font-size:12px;border:1px solid var(--b2);}
.fee-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;}
.fee-row span:first-child{color:var(--t2);font-weight:600;}
.fee-row span:last-child{font-weight:800;font-family:'Inter',sans-serif;letter-spacing:-.3px;}

/* Gas options */
.gopt{flex:1;border:1.5px solid var(--b2);border-radius:12px;padding:9px 6px;text-align:center;cursor:pointer;transition:all .2s;}
.gopt.active{border-color:var(--accent);background:#6366f110;}
.gopt-name{font-size:10px;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.6px;}
.gopt-val{font-size:11px;font-weight:800;margin-top:3px;font-family:'Inter',sans-serif;letter-spacing:-.3px;}

/* Seed phrase words modern */
#seedWords{background:var(--s2);border:1px solid #ff9f0a44;border-radius:var(--radius);
  padding:16px;font-family:'JetBrains Mono',monospace;font-size:13px;
  line-height:2.2;word-spacing:10px;color:var(--orange);font-weight:700;
  font-feature-settings:'zero' 0;letter-spacing:.2px;}

/* Net trigger row */
.net-trigger{display:flex;align-items:center;justify-content:space-between;
  background:var(--s2);border:1.5px solid var(--b2);border-radius:var(--radius);
  padding:13px 16px;cursor:pointer;margin-bottom:16px;transition:all .18s;}
.net-trigger:active{background:var(--s3);}

/* Warning box with modern accent */
.warn-box{background:#ff9f0a0e;border:1px solid #ff9f0a25;border-radius:var(--radius-sm);
  padding:11px 14px;font-size:12px;color:var(--orange);margin-bottom:16px;
  line-height:1.7;font-weight:600;}

/* Modern net list */
.net-list-name{font-size:14px;font-weight:800;color:var(--t1);}
.net-list-sym{font-size:12px;color:var(--t2);font-weight:600;margin-top:1px;}

/* Port card balance numbers - no slashed zero via Inter */
.port-bal{font-size:48px;font-weight:900;letter-spacing:-2.5px;line-height:1;
  font-family:'Inter',sans-serif;font-feature-settings:'zero' 0;}

/* Notif item */
.notif-item{padding:14px;background:var(--s2);border-radius:var(--radius-sm);
  margin-bottom:8px;cursor:pointer;border:1px solid var(--b2);transition:border-color .2s;}
.notif-item:active{border-color:var(--b3);}
.notif-title{font-size:13px;font-weight:800;}
.notif-msg{font-size:12px;color:var(--t2);margin-top:4px;line-height:1.5;}

/* Toggle modern */
.toggle{width:44px;height:25px;background:var(--s3);border-radius:13px;position:relative;
  transition:background .3s;flex-shrink:0;cursor:pointer;}
.toggle.on{background:var(--accent);}
.toggle-th{width:19px;height:19px;background:#fff;border-radius:50%;position:absolute;
  top:3px;left:3px;transition:left .3s;box-shadow:0 2px 8px #0004;}
.toggle.on .toggle-th{left:22px;}

/* Copy button modern */
.copy-btn{width:100%;padding:13px;border-radius:var(--radius-sm);
  background:var(--s2);border:1px solid var(--b2);
  color:var(--t1);font-size:14px;font-weight:700;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:'Inter',sans-serif;transition:all .2s;}
.copy-btn:active{background:var(--s3);}
.copy-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}

/* Chip modern */
.chip{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;
  border:1px solid var(--b2);background:var(--s2);font-size:12px;font-weight:700;
  cursor:pointer;color:var(--t2);white-space:nowrap;transition:all .22s;}
.chip img{width:16px;height:16px;border-radius:50%;}
.chip.active{color:#fff;border-color:transparent;box-shadow:0 3px 12px #00000030;}

/* Login screen gradient border on focused inputs */
.inp:focus,.field:focus,.amount-field:focus{
  box-shadow:0 0 0 3px #6366f115;}

/* Hide scrollbar but keep functional on login */
#loginScreen::-webkit-scrollbar{width:0;}

/* ══════════════════════════════════════════════════════════
   TOKENPOCKET-STYLE LIGHT UI  —  full visual overhaul
   ══════════════════════════════════════════════════════════ */
:root,[data-theme=light]{
  --bg:#f2f5fa;--s1:#ffffff;--s2:#f5f7fb;--s3:#eef2f8;
  --b1:#0f172a08;--b2:#0f172a12;--b3:#0f172a1f;
  --t1:#0f172a;--t2:#64748b;--t3:#94a3b8;
  --green:#00b96b;--red:#f0455a;--orange:#f59e0b;--blue:#2563eb;
  --accent:#2563eb;--accent2:#1d4ed8;--accent3:#60a5fa;
  --nav:#ffffff;
  --sh:0 8px 28px #0f172a0f;--sh2:0 6px 20px #2563eb1f;
  --radius:18px;--radius-sm:13px;--radius-lg:22px;
}
[data-theme=dark]{
  --bg:#0b1220;--s1:#131c2e;--s2:#182236;--s3:#1f2b42;
  --b1:#ffffff08;--b2:#ffffff12;--b3:#ffffff22;
  --t1:#e8eefc;--t2:#8fa0bd;--t3:#5d6c88;
  --nav:#101828;--sh:0 10px 34px #00000066;--sh2:0 6px 22px #2563eb33;
}
html,body{background:var(--bg);}

/* ── LOGIN ── */
#loginScreen{background:
  radial-gradient(ellipse at 15% 0%,#2563eb1f,transparent 55%),
  radial-gradient(ellipse at 90% 90%,#60a5fa1a,transparent 50%),var(--bg);}
.brand-name{background:linear-gradient(135deg,#0f172a 30%,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.logo-slide img{filter:drop-shadow(0 20px 44px #2563eb33);}
.logo-dot.active{background:var(--accent);}
.wopt{background:var(--s1);border:1px solid var(--b2);box-shadow:var(--sh);border-radius:20px;}
.wopt-icon.import-ic{background:#2563eb14;border:1px solid #2563eb26;}
.wopt-icon.import-ic svg{stroke:#2563eb;}
.wopt-icon.create-ic{background:#00b96b14;border:1px solid #00b96b26;}
.wopt-icon.create-ic svg{stroke:#00b96b;}
.panel-card{box-shadow:var(--sh);border-radius:24px;}
.ltab.active{background:#fff;color:var(--accent);box-shadow:0 2px 10px #0f172a12;}
[data-theme=dark] .ltab.active{background:var(--s1);color:var(--accent3);}
.inp{background:var(--s2);border:1.5px solid var(--b2);}
.inp:focus{border-color:#2563eb;background:var(--s1);}

/* ── BUTTONS ── */
.btn{border-radius:14px;font-weight:800;letter-spacing:-.2px;}
.btn-primary{background:linear-gradient(135deg,#2f7bff,#2563eb 60%,#1d4ed8);box-shadow:0 8px 22px #2563eb3d;}
.btn-primary:active{box-shadow:0 3px 10px #2563eb33;}
.btn-danger{background:linear-gradient(135deg,#ff5a6e,#e0344a);box-shadow:0 6px 18px #f0455a33;}
.btn-outline{border:1.5px solid var(--b3);}

/* ── TOP BAR ── */
.topbar{background:var(--bg);border-bottom:1px solid var(--b1);backdrop-filter:blur(14px);}
[data-theme=light] .topbar{background:rgba(242,245,250,.92);}
.tb-logo{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:11px;box-shadow:0 4px 12px #2563eb33;}
.tb-brand{letter-spacing:-.4px;}
.tb-right button,.tb-right .tb-btn{background:var(--s1)!important;border:1px solid var(--b2)!important;border-radius:12px!important;}

/* ── CHAIN CHIPS ── */
.ctab{background:var(--s1);border:1px solid var(--b2);border-radius:14px;font-weight:700;box-shadow:0 2px 8px #0f172a08;}
.ctab.active{background:var(--accent);border-color:var(--accent);box-shadow:0 6px 16px #2563eb3d;}

/* ── BALANCE CARD ── */
.port-card,[data-theme=light] .port-card{
  background:linear-gradient(135deg,#3b82f6 0%,#2563eb 52%,#1e40af 100%);
  border-radius:24px;box-shadow:0 16px 34px -14px #2563eb80;margin:10px 16px 16px;padding:24px 22px 22px;}
.port-card::before{background:#ffffff1f;}
.port-card::after{background:#ffffff14;}
.port-bal{font-size:42px;letter-spacing:-1.6px;}
.port-bal em{font-size:24px;top:2px;color:#ffffffd1;}
.pnl-pill{background:#ffffff26;border:1px solid #ffffff2e;border-radius:999px;padding:7px 13px;}

/* ── ACTION TILES ── */
.port-actions{gap:10px;margin-bottom:18px;}
.pact,[data-theme=light] .pact{background:var(--s1);border:1px solid var(--b2);border-radius:18px;
  box-shadow:0 4px 14px #0f172a0a;padding:14px 4px;}
.pact svg{stroke:var(--accent);width:22px;height:22px;}
.pact-label{font-size:11px;color:var(--t1);font-weight:700;}

/* ── SECTIONS ── */
.sec-title{font-size:16px;letter-spacing:-.3px;}
.sec-link{color:var(--accent);font-weight:700;}

/* ── MARKET ── */
.mcard{background:var(--s1);border:1px solid var(--b2);border-radius:18px;box-shadow:0 4px 14px #0f172a0a;min-width:142px;}
.mcard:hover{border-color:#2563eb40;}
.mcard-price{font-weight:800;letter-spacing:-.3px;}

/* ── TOKEN LIST ── */
.token-list{background:var(--s1);border:1px solid var(--b2);border-radius:22px;box-shadow:0 6px 20px #0f172a0d;}
.tok{padding:14px 16px;}
.tok:active{background:var(--s2);}
.tok-logo{border:1px solid var(--b2);}

/* ── HISTORY ── */
.tx-list{background:var(--s1);border:1px solid var(--b2);border-radius:22px;box-shadow:0 6px 20px #0f172a0d;}
.tx-ico{border-radius:14px;}
.tx-chain{background:var(--s3);border-radius:6px;}

/* ── BOTTOM NAV ── */
.bottom-nav{background:var(--nav);border-top:1px solid var(--b2);box-shadow:0 -6px 24px #0f172a0f;
  border-radius:22px 22px 0 0;padding:9px 6px 20px;}
.nitem svg{width:21px;height:21px;}
.nitem.active svg{stroke:var(--accent);}
.nitem.active .nitem-lbl{color:var(--accent);}

/* ── SETTINGS / CONTACTS ── */
.sg-card{background:var(--s1);border:1px solid var(--b2);border-radius:20px;box-shadow:0 4px 16px #0f172a0a;}
.si-icon{background:#2563eb0f;border-radius:12px;}
.si-icon svg{stroke:var(--accent);}
.addr-item{background:var(--s1);border:1px solid var(--b2);border-radius:18px;box-shadow:0 4px 14px #0f172a0a;}
.addr-av{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;}

/* ── MODALS ── */
.mo{background:#0f172a66;}
.mo-box{background:var(--s1);border-radius:26px 26px 0 0;box-shadow:0 -10px 40px #0f172a26;}
.mo-close{background:var(--s2);border-radius:12px;}
.field,.amount-field,.tok-pick,.gopt,.chip,.addr-display{border-radius:14px!important;}
.field:focus,.amount-field:focus{border-color:#2563eb!important;}
.chip.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;}
.copy-btn{background:var(--accent)!important;color:#fff!important;border-radius:13px!important;}
.fab{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;box-shadow:0 10px 26px #2563eb52!important;}
.toggle.on{background:var(--accent)!important;}

/* SIMPLE HEADER */
.sh-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;}
.sh-left{display:flex;align-items:center;gap:10px;}
.sh-dot{width:12px;height:12px;border-radius:50%;background:#f0b90b;}
.sh-right{display:flex;align-items:center;gap:8px;}

/* NETWORK / ACCOUNT PILL */
.net-pill{position:relative;margin:8px 16px 14px;padding:16px 18px;border-radius:20px;overflow:hidden;
  background:linear-gradient(135deg,#5c6ef8,#4a5ce0);cursor:pointer;}
.net-pill-top{display:flex;align-items:center;justify-content:space-between;}
.net-pill-name{color:#fff;font-size:14px;font-weight:800;}
.net-pill-icons{display:flex;align-items:center;gap:12px;}
.net-pill-icons svg{width:16px;height:16px;stroke:#ffffffcc;fill:none;stroke-width:2;}
.net-pill-bottom{display:flex;align-items:center;gap:10px;margin-top:16px;}
.net-pill-addr{color:#fff;font-size:24px;font-weight:900;font-family:'Inter',sans-serif;letter-spacing:-.5px;}
.eye-icon{width:18px;height:18px;stroke:#ffffffcc;fill:none;stroke-width:2;cursor:pointer;}
.net-pill-logo{position:absolute;right:14px;bottom:10px;width:54px;height:54px;border-radius:50%;opacity:.28;}
body.hide-bal .net-pill-addr{visibility:hidden;position:relative;}
body.hide-bal .net-pill-addr::after{content:'****';visibility:visible;position:absolute;left:0;top:0;color:#fff;}

/* ASSET / APPROVALS TABS */
.asset-tabs{display:flex;align-items:center;padding:4px 16px 10px;gap:22px;}
.atab{font-size:14px;font-weight:700;color:var(--t3);cursor:pointer;display:flex;align-items:center;gap:4px;
  padding-bottom:8px;border-bottom:2px solid transparent;}
.atab.active{color:var(--t1);border-bottom-color:var(--accent);}
.atab svg{stroke:var(--t3);fill:none;stroke-width:2.4;}
.atab-add{margin-left:auto;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.atab-add svg{width:22px;height:22px;stroke:var(--t2);fill:none;stroke-width:1.8;}

/* MORE TOOLS SHEET */
.tool-section{background:var(--s1);border:1px solid var(--b2);border-radius:18px;padding:14px 10px;margin-bottom:4px;}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;}
.tool-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;}
.tool-icon{width:46px;height:46px;border-radius:14px;background:var(--s2);border:1px solid var(--b2);
  display:flex;align-items:center;justify-content:center;transition:transform .12s;}
.tool-item:active .tool-icon{transform:scale(.92);}
.tool-icon svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.8;}
.tool-label{font-size:10.5px;color:var(--t2);text-align:center;font-weight:600;line-height:1.3;}
.tool-sec-lbl{font-size:11.5px;font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:.6px;
  margin:16px 2px 8px;}

/* WALLET LIST (hamburger menu) */
.wl-box{padding:0;height:82vh;display:flex;flex-direction:column;}
.wl-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;}
.wl-title{font-size:16px;font-weight:800;color:var(--t1);}
.wl-body{flex:1;display:flex;overflow:hidden;}
.wl-sidebar{width:64px;flex-shrink:0;background:var(--s2);overflow-y:auto;padding:10px 0;display:flex;
  flex-direction:column;align-items:center;gap:12px;}
.wl-side-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  cursor:pointer;border:2px solid transparent;background:var(--s1);flex-shrink:0;overflow:hidden;}
.wl-side-icon img{width:26px;height:26px;border-radius:50%;}
.wl-side-icon.active{border-color:var(--accent);}
.wl-side-icon.all-chains{font-size:9px;font-weight:800;color:var(--t2);text-align:center;line-height:1.2;}
.wl-panel{flex:1;overflow-y:auto;padding:16px;}
.wl-chain-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.wl-chain-title-text{font-size:15px;font-weight:800;color:var(--t1);}
.wl-wallet-card{background:var(--s2);border:1.5px solid var(--b2);border-radius:16px;padding:16px;cursor:pointer;
  transition:border-color .15s;}
.wl-wallet-card.selected{border-color:var(--accent);background:linear-gradient(135deg,#5c6ef822,#5c6ef80c);}
.wl-wc-top{display:flex;align-items:center;justify-content:space-between;}
.wl-wc-label{font-size:14px;font-weight:800;color:var(--t1);}
.wl-wc-addr{font-size:11.5px;color:var(--t2);margin-top:4px;font-family:'JetBrains Mono',monospace;}
.wl-wc-bal{font-size:13px;font-weight:800;color:var(--t1);margin-top:10px;font-family:'Inter',sans-serif;}
.wl-check{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:2.6;}

/* DISCOVER PAGE */
.disc-card{background:var(--s1);border:1px solid var(--b2);border-radius:16px;padding:16px;margin:0 16px 12px;
  display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform .12s;}
.disc-card:active{transform:scale(.98);}
.disc-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.disc-icon svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;}
.disc-title{font-size:14px;font-weight:700;color:var(--t1);}
.disc-desc{font-size:11.5px;color:var(--t2);margin-top:2px;}
.disc-chevron{margin-left:auto;flex-shrink:0;}
.disc-chevron svg{width:16px;height:16px;stroke:var(--t3);fill:none;stroke-width:2;}

/* DISCOVER HERO */
.disc-hero{margin:14px 16px 18px;padding:22px 20px;border-radius:22px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#5c6ef8,#4a5ce0 55%,#3d4fd6);}
.disc-hero-title{color:#fff;font-size:19px;font-weight:900;}
.disc-hero-sub{color:#ffffffcc;font-size:12.5px;margin-top:4px;line-height:1.5;}
.disc-hero-glow{position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;
  background:#ffffff14;}
.disc-hero-glow2{position:absolute;right:30px;bottom:-40px;width:100px;height:100px;border-radius:50%;
  background:#ffffff0f;}

/* ANNOUNCEMENT BANNER */
.disc-announce{margin:0 16px 16px;padding:14px 16px;border-radius:14px;background:#f0b90b14;
  border:1px solid #f0b90b30;display:none;gap:10px;align-items:flex-start;}
.disc-announce.show{display:flex;}
.disc-announce svg{width:18px;height:18px;stroke:#f0b90b;fill:none;stroke-width:2;flex-shrink:0;margin-top:1px;}
.disc-announce-text{font-size:12.5px;color:var(--t1);line-height:1.5;}

/* SECTION LABEL */
.disc-sec-lbl{font-size:11.5px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.6px;
  margin:6px 16px 10px;}

/* QUICK ACTION GRID */
.disc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 16px 20px;}
.disc-grid-card{background:var(--s1);border:1px solid var(--b2);border-radius:16px;padding:16px;cursor:pointer;
  transition:transform .12s;}
.disc-grid-card:active{transform:scale(.97);}
.disc-grid-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.disc-grid-icon svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;}
.disc-grid-title{font-size:13.5px;font-weight:700;color:var(--t1);}
.disc-grid-desc{font-size:11px;color:var(--t2);margin-top:3px;line-height:1.4;}
/* MARKET LIST (full page) */
.market-list{background:var(--s1);border:1px solid var(--b2);border-radius:20px;overflow:hidden;margin:0 16px;}
.mkt-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--b1);
  cursor:pointer;transition:background .15s;}
.mkt-row:last-child{border-bottom:none;}
.mkt-row:active{background:var(--s2);}
.mkt-logo{width:34px;height:34px;border-radius:50%;flex-shrink:0;}
.mkt-info{flex:1;min-width:0;}
.mkt-sym{font-size:14px;font-weight:700;}
.mkt-chain{font-size:11px;color:var(--t2);}
.mkt-right{text-align:right;flex-shrink:0;}
.mkt-price{font-size:14px;font-weight:800;font-family:'Inter',sans-serif;letter-spacing:-.3px;}
.mkt-change{font-size:11px;font-weight:600;margin-top:2px;}

/* TRADE PAGE */
.trade-price-row{display:flex;align-items:center;justify-content:space-between;padding:0 16px;}
.trade-price{font-size:30px;font-weight:900;font-family:'Inter',sans-serif;letter-spacing:-.8px;}
.trade-change{font-size:13px;font-weight:700;margin-top:2px;}
.mp-buy-btn{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#00d386,#00a866 60%,#009159);
  color:#fff;border:none;border-radius:14px;padding:12px 18px;font-size:12.5px;font-weight:800;cursor:pointer;
  letter-spacing:-.1px;box-shadow:0 8px 22px #00c97a3d,inset 0 1px 0 #ffffff30;transition:transform .12s;}
.mp-buy-btn:active{transform:scale(.96);}
.mp-buy-btn svg{flex-shrink:0;}
.tf-row{display:flex;gap:6px;padding:0 16px 8px;overflow-x:auto;scrollbar-width:none;}
.tf-row::-webkit-scrollbar{display:none;}
.tf-btn{flex-shrink:0;background:var(--s2);border:1px solid var(--b2);color:var(--t2);border-radius:10px;
  padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:.15s;}
.tf-btn.active{background:var(--accent);border-color:transparent;color:#fff;}
.chart-note{font-size:10.5px;color:var(--t3);padding:0 16px 8px;}
.chart-box{margin:0 16px;border:1px solid var(--b2);border-radius:16px;overflow:hidden;background:var(--s1);}
.swap-card{background:var(--s1);border:1px solid var(--b2);border-radius:20px;padding:14px;margin:0 16px;}
.swap-row{background:var(--s2);border-radius:14px;padding:12px 14px;}
.swap-row-lbl{font-size:11px;color:var(--t2);margin-bottom:6px;}
.swap-row-inner{display:flex;align-items:center;gap:10px;}
.swap-amt{flex:1;background:transparent;border:none;outline:none;color:var(--t1);font-size:19px;font-weight:800;
  font-family:'Inter',sans-serif;letter-spacing:-.3px;min-width:0;}
.swap-sel{background:var(--s1);border:1px solid var(--b2);border-radius:10px;color:var(--t1);font-size:13px;
  font-weight:700;padding:7px 10px;flex-shrink:0;}
.swap-flip{width:34px;height:34px;border-radius:50%;background:var(--s2);border:1px solid var(--b2);
  display:flex;align-items:center;justify-content:center;margin:6px auto;cursor:pointer;}
.swap-flip svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:2;}
.swap-info{font-size:12px;color:var(--t2);margin-top:10px;line-height:1.6;}

.swap-submit-btn{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:15px;border:none;border-radius:16px;font-size:15px;font-weight:800;letter-spacing:-.2px;cursor:pointer;
  background:linear-gradient(135deg,#6d78ff,#5c6ef8 55%,#4a5ce0);color:#fff;
  box-shadow:0 10px 28px #5c6ef848,inset 0 1px 0 #ffffff2a;transition:transform .12s,opacity .2s;}
.swap-submit-btn:active{transform:scale(.98);}
.swap-submit-btn:disabled{background:var(--s2);color:var(--t3);box-shadow:none;cursor:not-allowed;opacity:.75;}
.swap-submit-btn:disabled svg{stroke:var(--t3);}

/* ═══════════════════════════════════════════════════════════
   iOS DESIGN LAYER  (Human Interface Guidelines inspired)
   Loaded last — intentionally overrides earlier rules.
   ═══════════════════════════════════════════════════════════ */

:root{
  /* iOS Dark (system) */
  --bg:#000000;--s1:#1c1c1e;--s2:#2c2c2e;--s3:#3a3a3c;
  --b1:#ffffff0d;--b2:#ffffff1a;--b3:#ffffff29;
  --t1:#ffffff;--t2:#8e8e93;--t3:#5a5a5f;
  --green:#30d158;--red:#ff453a;--orange:#ff9f0a;--blue:#0a84ff;
  --accent:#0a84ff;--accent2:#0060df;--accent3:#64d2ff;
  --nav:#1c1c1ecc;
  --sh:0 8px 30px #00000080;
  --sh2:0 4px 16px #00000040;
  --radius:14px;--radius-sm:11px;--radius-lg:18px;
  --ios-hair:#ffffff1f;
  --ios-fill:#7878805c;
}
[data-theme=light]{
  /* iOS Light (system) */
  --bg:#f2f2f7;--s1:#ffffff;--s2:#f2f2f7;--s3:#e5e5ea;
  --b1:#00000008;--b2:#00000012;--b3:#0000001f;
  --t1:#000000;--t2:#8a8a8e;--t3:#c7c7cc;
  --green:#34c759;--red:#ff3b30;--orange:#ff9500;--blue:#007aff;
  --accent:#007aff;--accent2:#0062cc;--accent3:#5ac8fa;
  --nav:#ffffffd9;
  --sh:0 6px 24px #0000000f;--sh2:0 2px 10px #0000000a;
  --ios-hair:#3c3c4326;
  --ios-fill:#78788028;
}

html,body{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display',
    'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans Bengali','Hind Siliguri',sans-serif;
  letter-spacing:-.01em;
}
body{padding-bottom:env(safe-area-inset-bottom);}
.btn,.ltab,.inp,.field,.amount-field,textarea,input,select,button{
  font-family:inherit;
}
.inp,.field,.tx-addr,.addr-addr,.tb-addr,#unlockAddrDisp,.addr-display{
  font-family:ui-monospace,'SF Mono',Menlo,monospace;
}

/* ── Typography: iOS uses 600/700 max, tighter tracking ── */
.brand-name{font-size:30px;font-weight:700;letter-spacing:-.8px;
  -webkit-text-fill-color:var(--t1);background:none;}
.brand-sub{font-size:14px;color:var(--t2);font-weight:400;letter-spacing:0;}
.tb-brand,.mo-title,.sec-title,.wopt-title{font-weight:600;letter-spacing:-.35px;}
.mo-title{font-size:17px;}
.sec-title{font-size:20px;font-weight:700;letter-spacing:-.5px;}
.si-name{font-size:16px;font-weight:400;letter-spacing:-.3px;}
.si-desc{font-size:13px;}
.tok-sym,.tpick-sym,.addr-label,.mcard-sym{font-weight:600;font-size:16px;letter-spacing:-.3px;}
.tok-net,.tpick-name,.mcard-name{font-weight:400;font-size:13px;}
.tok-amount,.tx-amt,.tpick-bal,.mcard-price{font-weight:600;letter-spacing:-.3px;}
.tok-usd,.tx-usd{font-weight:400;}
.lbl,.field-lbl,.sg-title{text-transform:none;letter-spacing:0;font-size:13px;font-weight:400;color:var(--t2);}
.field-lbl span{font-weight:400;}

/* ── Navigation bar (translucent, hairline) ── */
.topbar,.sh-header{
  background:var(--nav);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:.5px solid var(--ios-hair);
  padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));
}
[data-theme=light] .topbar,[data-theme=light] .sh-header{background:var(--nav);}
.tb-logo{border-radius:12px;background:linear-gradient(180deg,var(--accent3),var(--accent));box-shadow:none;}
.ib{width:34px;height:34px;border-radius:50%;background:var(--ios-fill);border:none;color:var(--accent);}
.ib:active{opacity:.5;background:var(--ios-fill);}
.ib svg{stroke-width:1.9;}

/* ── Tab bar ── */
.bottom-nav{
  background:var(--nav);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border-top:.5px solid var(--ios-hair);
  padding:7px 4px calc(6px + env(safe-area-inset-bottom));
}
#appScreen{padding-bottom:calc(76px + env(safe-area-inset-bottom));}
.nitem{gap:3px;border-radius:0;}
.nitem:active{background:none;opacity:.55;}
.nitem svg{width:25px;height:25px;stroke-width:1.7;stroke:var(--t2);}
.nitem-lbl{font-size:10px;font-weight:500;color:var(--t2);letter-spacing:0;}
.nitem.active svg{stroke:var(--accent);transform:none;}
.nitem.active .nitem-lbl{color:var(--accent);font-weight:600;}

/* ── Segmented control ── */
.sub-tabs{background:var(--ios-fill);border-radius:9px;padding:2px;gap:0;}
.ltab{border-radius:7px;font-size:13px;font-weight:500;padding:7px 6px;}
.ltab.active{background:var(--s1);color:var(--t1);font-weight:600;
  box-shadow:0 3px 8px #00000014,0 3px 1px #0000000a;}

/* ── Chips / chain tabs (iOS capsules) ── */
.ctab,.chip{border-radius:999px;border:none;background:var(--ios-fill);
  color:var(--t1);font-weight:500;font-size:13px;padding:7px 14px;}
.ctab.active,.chip.active{background:var(--accent);color:#fff;box-shadow:none;}

/* ── Grouped inset lists ── */
.sg-card,.token-list,.tx-list{
  background:var(--s1);border:none;border-radius:var(--radius);
  box-shadow:var(--sh2);overflow:hidden;
}
.si,.tok,.tx-item{border-bottom:.5px solid var(--ios-hair);}
.si:last-child,.tok:last-child,.tx-item:last-child{border-bottom:none;}
.si{padding:12px 16px;min-height:48px;}
.si:active,.tok:active,.tx-item:active{background:var(--s2);}
.si-icon{width:30px;height:30px;border-radius:8px;background:var(--accent);}
.si-icon svg{stroke:#fff;width:16px;height:16px;}
.si-right svg{width:14px;height:14px;stroke:var(--t3);stroke-width:2.5;}
.sg{margin-bottom:22px;}
.sg-title{padding:0 4px 6px;}

/* ── Buttons (iOS filled / plain) ── */
.btn{border-radius:13px;font-size:17px;font-weight:600;padding:15px;letter-spacing:-.4px;
  transition:opacity .15s,transform .15s;}
.btn-primary{background:var(--accent);box-shadow:none;color:#fff;}
.btn-primary:active{opacity:.75;transform:none;}
.btn-outline{background:var(--ios-fill);border:none;color:var(--accent);}
.btn-outline:hover{background:var(--ios-fill);}
.btn-outline:active{opacity:.6;}
.btn-danger{background:var(--red);box-shadow:none;}

/* ── Inputs ── */
.inp,.field,.amount-field,.net-search,.net-trigger{
  background:var(--s2);border:none;border-radius:12px;font-size:16px;font-weight:400;
}
[data-theme=light] .inp,[data-theme=light] .field,[data-theme=light] .amount-field{background:var(--s3);}
.inp:focus,.field:focus{border:none;box-shadow:0 0 0 3.5px color-mix(in srgb,var(--accent) 22%,transparent);}
.inp::placeholder,.field::placeholder{color:var(--t2);font-weight:400;}

/* ── iOS switch ── */
.toggle{width:51px;height:31px;border-radius:999px;background:var(--ios-fill);
  position:relative;flex-shrink:0;transition:background .25s;cursor:pointer;}
.toggle.on{background:var(--green)!important;}
.toggle-th{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;
  background:#fff;box-shadow:0 3px 8px #00000026,0 1px 1px #0000001f;transition:transform .25s;}
.toggle.on .toggle-th{left:2px!important;transform:translateX(20px);}

/* ── Sheets / modals ── */
.mo{background:#00000059;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);}
.mo-box{background:var(--s1);border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);
  animation:iosSheet .38s cubic-bezier(.32,.72,0,1) forwards;box-shadow:0 -2px 40px #00000040;}
@keyframes iosSheet{from{transform:translateY(100%);}to{transform:translateY(0);}}
.mo-handle{width:36px;height:5px;background:var(--t3);opacity:.6;border-radius:3px;margin:8px auto 0;}
.mo-hdr{padding:16px 20px 0;}
.mo-close{width:30px;height:30px;border-radius:50%;background:var(--ios-fill);color:var(--t2);}

/* ── Cards ── */
.wopt,.mcard,.addr-item,.panel-card,.net-card{border:none;background:var(--s1);box-shadow:var(--sh2);}
.wopt{border-radius:var(--radius);}
.wopt:hover{background:var(--s1);}
.wopt:active{opacity:.7;transform:none;}
.wopt-icon{border-radius:12px;}
.panel-card{border-radius:var(--radius-lg);}
.mcard{border-radius:var(--radius);}
.mcard:hover{background:var(--s1);border:none;}

/* ── Balance card ── */
.port-card{border-radius:18px;box-shadow:0 10px 30px -14px #0000004d;
  background:linear-gradient(160deg,var(--accent3),var(--accent) 55%,var(--accent2));}
[data-theme=light] .port-card{background:linear-gradient(160deg,var(--accent3),var(--accent) 55%,var(--accent2));}
.port-bal{font-size:40px;font-weight:700;letter-spacing:-1.5px;}
.port-bal em{font-weight:600;}
.pact{background:var(--s1);border:none;border-radius:var(--radius);box-shadow:var(--sh2);padding:14px 4px;}
[data-theme=light] .pact{background:var(--s1);border:none;}
.pact:active{opacity:.6;transform:none;}
.pact svg{stroke:var(--accent);stroke-width:1.8;}
.pact-label{font-size:12px;font-weight:500;}

/* ── Language picker ── */
.lang-item{background:var(--s1);border:none;border-radius:12px;box-shadow:var(--sh2);}
.lang-item.active{background:color-mix(in srgb,var(--accent) 12%,var(--s1));
  box-shadow:inset 0 0 0 2px var(--accent);}
.lang-code-badge{border-radius:8px;background:var(--ios-fill);}
.lang-name{font-size:15px;font-weight:500;}
.lang-native{font-size:12px;}

/* ── Toast ── */
.toast{background:#333336f2;color:#fff;border:none;border-radius:999px;font-weight:500;font-size:15px;
  padding:12px 22px;bottom:calc(96px + env(safe-area-inset-bottom));box-shadow:0 10px 30px #00000059;}

/* ── FAB ── */
.fab{border-radius:50%;background:var(--accent);box-shadow:0 8px 24px #0000003d;
  bottom:calc(90px + env(safe-area-inset-bottom));}
.fab:active{opacity:.75;transform:none;}

/* ── Misc iOS polish ── */
.err-box{border:none;border-radius:12px;background:color-mix(in srgb,var(--red) 14%,transparent);font-weight:400;}
.warn-box{border:none;border-radius:12px;background:color-mix(in srgb,var(--orange) 14%,transparent);font-weight:400;}
.empty h3{font-weight:600;font-size:17px;}
.empty p{font-size:14px;}
.version{font-size:13px;color:var(--t2);}
.spinner{border-color:var(--b3);border-top-color:var(--accent);}
::-webkit-scrollbar{width:0;height:0;}

/* RTL support (Arabic / Persian / Urdu) */
html[dir=rtl] .si-right svg,html[dir=rtl] .wopt-arrow svg{transform:scaleX(-1);}
html[dir=rtl] .toggle.on .toggle-th{left:2px!important;transform:translateX(-20px);}

/* ── iOS layer: links, balance card, tabs, lists ── */
a.nitem,.nitem,.nitem *{text-decoration:none!important;}
a.nitem{color:inherit;-webkit-touch-callout:none;}

.net-pill{border-radius:18px;padding:18px 20px;
  background:linear-gradient(160deg,var(--accent3),var(--accent) 55%,var(--accent2));
  box-shadow:0 10px 28px -14px #0000004d;}
.net-pill-name{font-size:15px;font-weight:600;letter-spacing:-.3px;}
.net-pill-addr{font-size:34px;font-weight:700;letter-spacing:-1.2px;font-family:inherit;}
.net-pill-icons svg{stroke:#ffffffe6;stroke-width:1.9;}

.asset-tabs{padding:6px 16px 8px;gap:20px;}
.atab{font-size:17px;font-weight:600;letter-spacing:-.4px;color:var(--t2);border-bottom:none;padding-bottom:6px;}
.atab.active{color:var(--t1);border-bottom:none;}
.atab-add{background:var(--ios-fill);width:28px;height:28px;}
.atab-add svg{stroke:var(--accent);width:18px;height:18px;stroke-width:2.2;}

.token-list,.tx-list,.addr-list>.addr-item{margin-left:16px;margin-right:16px;}
.pact-icon svg{stroke:var(--accent);}
.sh-dot{width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent);}
.section{padding:0 16px;}

/* ══════════════════════════════════════════
   MARKETS — pro exchange layout
   ══════════════════════════════════════════ */
.mkt-search-wrap{position:relative;margin:10px 16px 12px;}
.mkt-search-ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;
  stroke:var(--t2);fill:none;stroke-width:2.2;stroke-linecap:round;pointer-events:none;}
.mkt-search{width:100%;background:var(--s2);border:1px solid var(--b1);border-radius:16px;
  padding:14px 16px 14px 46px;font-size:15px;color:var(--t1);font-family:inherit;outline:none;}
.mkt-search::placeholder{color:var(--t2);}
.mkt-search:focus{border-color:var(--accent);}

.mkt-banners{display:flex;gap:10px;overflow-x:auto;padding:0 16px 14px;scrollbar-width:none;}
.mkt-banners::-webkit-scrollbar{display:none;}
.mkt-banner{flex:0 0 auto;width:184px;border-radius:18px;padding:14px;position:relative;overflow:hidden;
  cursor:pointer;transition:transform .12s;}
.mkt-banner:active{transform:scale(.97);}
.mkt-banner-hero{background:linear-gradient(135deg,#2ec5ff,#0a84ff 55%,#0060df);color:#fff;}
.mkt-banner-hero .bt{font-size:17px;font-weight:800;line-height:1.15;letter-spacing:-.4px;}
.mkt-banner-hero .bs{font-size:12px;font-weight:600;opacity:.92;margin-top:6px;line-height:1.25;}
.mkt-banner-up{background:linear-gradient(160deg,rgba(48,209,88,.22),rgba(48,209,88,.06));border:1px solid rgba(48,209,88,.24);}
.mkt-banner-dn{background:linear-gradient(160deg,rgba(255,69,58,.20),rgba(255,69,58,.06));border:1px solid rgba(255,69,58,.24);}
.mkt-banner .bh{font-size:14.5px;font-weight:800;color:var(--t1);letter-spacing:-.3px;}
.mkt-banner .bp{font-size:13px;font-weight:800;margin-top:3px;}
.mkt-banner .bl{display:flex;margin-top:12px;}
.mkt-banner .bl img{width:26px;height:26px;border-radius:50%;border:2px solid var(--bg);margin-left:-8px;background:var(--s2);}
.mkt-banner .bl img:first-child{margin-left:0;}

.mkt-cats{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--b1);}
.mkt-star{width:20px;height:20px;stroke:var(--t2);fill:none;stroke-width:1.8;flex-shrink:0;}
.mkt-cat-scroll{flex:1;display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;}
.mkt-cat-scroll::-webkit-scrollbar{display:none;}
.mkt-cat{flex:0 0 auto;padding:12px 0 11px;font-size:15px;font-weight:600;color:var(--t2);cursor:pointer;
  border-bottom:2.5px solid transparent;white-space:nowrap;}
.mkt-cat.active{color:var(--t1);font-weight:800;border-bottom-color:var(--t1);}
.mkt-refresh{flex-shrink:0;padding:6px;cursor:pointer;}
.mkt-refresh svg{width:18px;height:18px;stroke:var(--t2);fill:none;stroke-width:2.2;stroke-linecap:round;}

.mkt-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;}
.mkt-chips::-webkit-scrollbar{display:none;}
.mkt-chip{flex:0 0 auto;background:var(--s2);border:1px solid var(--b1);border-radius:999px;
  padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--t2);cursor:pointer;white-space:nowrap;transition:.15s;}
.mkt-chip.active{background:rgba(10,132,255,.16);border-color:rgba(10,132,255,.35);color:var(--accent);font-weight:700;}

.mkt-head{display:flex;align-items:center;padding:2px 16px 8px;font-size:12.5px;color:var(--t2);font-weight:600;}
.mkt-head-left{flex:1;display:flex;align-items:center;gap:5px;min-width:0;}
.mkt-head-sep{opacity:.5;}
.mkt-head-price{width:104px;text-align:right;}
.mkt-head-chg{width:82px;text-align:right;}
.mkt-sortbtn{cursor:pointer;}
.mkt-sortbtn.on{color:var(--t1);}
.mkt-sortbtn::after{content:'⇅';font-size:10px;margin-left:3px;opacity:.55;}
.mkt-sortbtn.on::after{content:'↓';opacity:1;}
.mkt-sortbtn.on.asc::after{content:'↑';}

.mkt-list{padding:0 0 10px;}
.mrow{display:flex;align-items:center;gap:12px;padding:11px 16px;cursor:pointer;transition:background .15s;}
.mrow:active{background:var(--s2);}
.mrow-logo{position:relative;flex-shrink:0;width:44px;height:44px;}
.mrow-logo img{width:44px;height:44px;border-radius:50%;background:var(--s2);object-fit:cover;}
.mrow-logo img.mrow-badge,.mrow-badge{position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-radius:50%;
  border:2px solid var(--bg);object-fit:cover;background:var(--s2);}
.mrow-mid{flex:1;min-width:0;}
.mrow-name{font-size:15px;font-weight:700;color:var(--t1);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mrow-sub{font-size:12px;color:var(--t2);margin-top:3px;font-variant-numeric:tabular-nums;}
.mrow-price{width:104px;text-align:right;flex-shrink:0;}
.mrow-p1{font-size:14.5px;font-weight:700;color:var(--t1);font-variant-numeric:tabular-nums;letter-spacing:-.2px;}
.mrow-p2{font-size:12px;color:var(--t2);margin-top:3px;font-variant-numeric:tabular-nums;}
.mrow-chg{width:82px;flex-shrink:0;display:flex;justify-content:flex-end;}
.mrow-pill{min-width:78px;text-align:center;padding:9px 6px;border-radius:8px;font-size:13.5px;font-weight:700;color:#fff;
  font-variant-numeric:tabular-nums;}
.mrow-pill.up{background:#1f9e6a;}
.mrow-pill.dn{background:#d0483c;}

/* ============ COIN DETAIL SHEET ============ */
.cs-head{display:flex;align-items:center;gap:12px;margin-top:14px;}
.cs-logo{width:48px;height:48px;border-radius:50%;background:var(--s2);object-fit:cover;flex-shrink:0;}
.cs-head-mid{flex:1;min-width:0;}
.cs-sym{font-size:17px;font-weight:800;color:var(--t1);}
.cs-rank{font-size:11px;font-weight:700;color:var(--t2);background:var(--s3);padding:2px 6px;border-radius:6px;margin-left:4px;}
.cs-name{font-size:12.5px;color:var(--t2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cs-fav{font-size:22px;color:var(--t3);cursor:pointer;padding:4px;}
.cs-fav.on{color:var(--orange);}
.cs-price{font-size:28px;font-weight:900;color:var(--t1);margin-top:14px;letter-spacing:-1px;font-variant-numeric:tabular-nums;}
.cs-chg{font-size:13px;font-weight:700;margin-top:2px;}
.cs-spark{width:100%;height:76px;margin:12px 0 4px;display:block;}
.cs-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
.cs-stats>div{background:var(--s2);border:1px solid var(--b2);border-radius:12px;padding:10px 12px;}
.cs-stats span{display:block;font-size:11px;color:var(--t2);}
.cs-stats b{display:block;font-size:13.5px;color:var(--t1);margin-top:3px;font-variant-numeric:tabular-nums;}
.cs-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
.cs-actions .btn{margin-top:0;}
.cs-note{font-size:11.5px;color:var(--t2);text-align:center;margin-top:10px;}

/* ============ DISCOVER (DApp hub) ============ */
.dsc-top{display:flex;align-items:center;gap:10px;padding:12px 16px 6px;}
.dsc-search{flex:1;position:relative;display:flex;align-items:center;background:var(--s2);border:1px solid var(--b2);
  border-radius:26px;padding:0 12px;height:46px;}
.dsc-search-ico{width:20px;height:20px;fill:none;stroke:var(--t2);stroke-width:2;flex-shrink:0;}
.dsc-search-inp{flex:1;background:none;border:none;outline:none;color:var(--t1);font-size:14px;padding:0 10px;font-family:inherit;}
.dsc-search-inp::placeholder{color:var(--t2);}
.dsc-scan{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.dsc-scan svg{width:20px;height:20px;fill:none;stroke:var(--t1);stroke-width:2;}
.dsc-tabs{min-width:38px;height:38px;border:1.6px solid var(--b3);border-radius:10px;display:flex;align-items:center;
  justify-content:center;font-size:14px;font-weight:800;color:var(--t1);cursor:pointer;flex-shrink:0;}
.dsc-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 16px 4px;}
.dsc-q{background:var(--s2);border:1px solid var(--b2);border-radius:16px;padding:12px 4px;display:flex;
  flex-direction:column;align-items:center;gap:7px;cursor:pointer;transition:transform .15s;}
.dsc-q:active{transform:scale(.97);}
.dsc-q span{font-size:11.5px;font-weight:700;color:var(--t1);}
.dsc-q-ico{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;}
.dsc-q-ico svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;}
.dsc-sec{margin-top:22px;}
.dsc-sec-hdr{display:flex;align-items:center;justify-content:space-between;padding:0 16px;}
.dsc-sec-title{font-size:17px;font-weight:800;color:var(--t1);letter-spacing:-.3px;}
.dsc-more{display:flex;align-items:center;gap:3px;font-size:13px;color:var(--t2);cursor:pointer;}
.dsc-more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;}
.dsc-sec-sub{font-size:12.5px;color:var(--t2);line-height:1.5;padding:5px 16px 0;}
.dsc-dapp-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 16px 4px;}
.dsc-dapp-scroll::-webkit-scrollbar{display:none;}
.dsc-dapp-col{flex:0 0 88%;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;}
.dsc-dapp-grid{display:flex;flex-direction:column;gap:8px;padding:12px 16px 4px;}
.dsc-dapp-grid .dsc-dapp-col{flex:none;}
.dsc-dapp{display:flex;align-items:center;gap:12px;background:var(--s2);border:1px solid var(--b2);border-radius:16px;
  padding:10px 12px;cursor:pointer;transition:transform .15s;}
.dsc-dapp:active{transform:scale(.985);}
.dsc-dapp-ico{width:46px;height:46px;border-radius:13px;background:var(--s3);object-fit:cover;flex-shrink:0;}
.dsc-dapp-mid{flex:1;min-width:0;}
.dsc-dapp-name{font-size:14.5px;font-weight:800;color:var(--t1);display:flex;align-items:center;gap:6px;}
.dsc-hot{font-size:9.5px;font-weight:800;color:var(--blue);border:1px solid var(--blue);border-radius:5px;padding:1px 4px;letter-spacing:.4px;}
.dsc-dapp-desc{font-size:12px;color:var(--t2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dsc-tool-scroll{display:flex;gap:10px;overflow-x:auto;padding:12px 16px 4px;}
.dsc-tool-scroll::-webkit-scrollbar{display:none;}
.dsc-tool-scroll.wrap{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;}
.dsc-tool{flex:0 0 104px;background:var(--s2);border:1px solid var(--b2);border-radius:16px;padding:14px 8px;
  display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;}
.dsc-tool:active{transform:scale(.97);}
.dsc-tool-ico{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.dsc-tool-ico img{width:26px;height:26px;border-radius:7px;object-fit:cover;}
.dsc-tool-name{font-size:11.5px;font-weight:700;color:var(--t1);text-align:center;line-height:1.3;}
.dsc-trend-scroll{display:flex;gap:10px;overflow-x:auto;padding:12px 16px 4px;}
.dsc-trend-scroll::-webkit-scrollbar{display:none;}
.dsc-trend{flex:0 0 108px;background:var(--s2);border:1px solid var(--b2);border-radius:16px;padding:12px 8px;
  display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;}
.dsc-trend img{width:34px;height:34px;border-radius:50%;background:var(--s3);object-fit:cover;}
.dsc-trend-sym{font-size:12.5px;font-weight:800;color:var(--t1);}
.dsc-trend-price{font-size:12px;color:var(--t2);font-variant-numeric:tabular-nums;}
.dsc-trend-chg{font-size:11.5px;font-weight:800;}
.dsc-trend-chg.up{color:var(--green);} .dsc-trend-chg.dn{color:var(--red);}
.dsc-news-scroll{display:flex;gap:10px;overflow-x:auto;padding:12px 16px 4px;}
.dsc-news-scroll::-webkit-scrollbar{display:none;}
.dsc-news-scroll.wrap{display:flex;flex-direction:column;overflow:visible;}
.dsc-news{flex:0 0 84%;background:var(--s2);border:1px solid var(--b2);border-radius:16px;padding:14px;cursor:pointer;}
.dsc-news-scroll.wrap .dsc-news{flex:none;}
.dsc-news-title{font-size:14.5px;font-weight:800;color:var(--t1);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dsc-news-body{font-size:12px;color:var(--t2);margin-top:6px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dsc-news-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--t3);margin-top:10px;}
.dsc-empty{padding:18px 16px;font-size:12.5px;color:var(--t2);}
.mkt-star.on{stroke:var(--orange);fill:var(--orange);}


/* ══ Swap panel (pro DEX layout) ══ */
.swap-card{background:var(--s1);border:1px solid var(--b2);border-radius:20px;padding:16px 14px;margin:0 16px;}
.swap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.swap-brand{font-size:19px;font-weight:900;letter-spacing:.2px;color:var(--t1);}
.swap-head-actions{display:flex;gap:8px;}
.swap-icon-btn{width:32px;height:32px;border-radius:50%;background:var(--s2);border:1px solid var(--b2);
  display:flex;align-items:center;justify-content:center;cursor:pointer;}
.swap-icon-btn svg{width:16px;height:16px;stroke:var(--t2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.swap-lbl-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--t2);margin:0 4px 6px;}
.swap-bal-wrap{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t2);}
.swap-wallet-ico{width:14px;height:14px;stroke:var(--t3);fill:none;stroke-width:1.8;}
.swap-max-btn{background:none;border:none;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer;padding:0 2px;}
.swap-box{display:flex;align-items:center;gap:10px;background:var(--s2);border:1px solid var(--b2);
  border-radius:16px;padding:12px;}
.swap-tokbtn{display:flex;align-items:center;gap:9px;background:var(--s1);border:1px solid var(--b2);
  border-radius:14px;padding:8px 12px;cursor:pointer;min-width:132px;}
.swap-tok-logo{width:30px;height:30px;border-radius:50%;background:var(--s2);object-fit:cover;}
.swap-tok-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;}
.swap-tok-sym{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:900;color:var(--t1);}
.swap-caret{width:13px;height:13px;stroke:var(--t2);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.swap-tok-chain{font-size:10.5px;color:var(--t3);}
.swap-amt{flex:1;min-width:0;background:transparent;border:none;outline:none;text-align:right;
  color:var(--t1);font-size:18px;font-weight:800;}
.swap-amt::placeholder{color:var(--t3);font-weight:600;font-size:15px;}
.swap-flip-row{display:flex;justify-content:center;margin:-6px 0;position:relative;z-index:2;}
.swap-flip{width:32px;height:32px;border-radius:50%;background:var(--s1);border:1px solid var(--b2);
  display:flex;align-items:center;justify-content:center;cursor:pointer;}
.swap-flip svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.swap-submit-btn{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:15px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-size:15px;font-weight:800;cursor:pointer;}
.swap-submit-btn:active{transform:scale(.99);}
.swap-submit-btn:disabled{opacity:.55;cursor:not-allowed;}
.swap-info{font-size:12px;color:var(--t2);margin-top:10px;line-height:1.6;text-align:center;}
.swap-details{margin-top:14px;border:1px solid var(--b2);border-radius:14px;padding:10px 12px;}
.swap-det-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:12.5px;}
.swap-det-row span{color:var(--t2);}
.swap-det-row b{color:var(--t1);font-weight:700;display:flex;align-items:center;gap:6px;}
.swap-mev{font-style:normal;font-size:11px;color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:1px 5px;}

/* ══ Swap token picker ══ */
.stk-search{display:flex;align-items:center;gap:8px;background:var(--s2);border:1px solid var(--b2);
  border-radius:12px;padding:10px 12px;margin-bottom:10px;}
.stk-search svg{width:16px;height:16px;stroke:var(--t3);fill:none;stroke-width:2;}
.stk-search input{flex:1;background:transparent;border:none;outline:none;color:var(--t1);font-size:14px;}
.stk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.stk-chip{display:flex;align-items:center;gap:5px;background:var(--s2);border:1px solid var(--b2);
  border-radius:20px;padding:6px 11px;font-size:12.5px;font-weight:700;color:var(--t1);cursor:pointer;}
.stk-chip.active{border-color:var(--accent);color:var(--accent);}
.stk-chip img{width:16px;height:16px;border-radius:50%;}
.stk-list{max-height:52vh;overflow-y:auto;}
.stk-item{display:flex;align-items:center;gap:11px;padding:10px 4px;border-bottom:1px solid var(--b2);cursor:pointer;}
.stk-item:active{background:var(--s2);}
.stk-ico{width:34px;height:34px;border-radius:50%;background:var(--s2);display:flex;align-items:center;
  justify-content:center;font-size:10px;font-weight:800;color:var(--t2);overflow:hidden;flex:0 0 auto;}
.stk-ico img{width:34px;height:34px;object-fit:cover;}
.stk-meta{flex:1;min-width:0;}
.stk-sym{font-size:14px;font-weight:800;color:var(--t1);}
.stk-name{font-size:11.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.stk-chain{font-size:11px;color:var(--t3);flex:0 0 auto;}
.stk-empty,.stk-note{font-size:12px;color:var(--t3);padding:12px 4px;text-align:center;}
.stk-import{width:100%;margin-top:10px;padding:12px;border:1px dashed var(--accent);background:transparent;
  color:var(--accent);border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;}

/* ═══════════════════════════════════════════════════════════
   ██╗   ██╗██████╗  ██████╗ ██████╗  █████╗ ██████╗ ███████╗
   ██║   ██║██╔══██╗██╔════╝ ██╔══██╗██╔══██╗██╔══██╗██╔════╝
   ██║   ██║██████╔╝██║  ███╗██████╔╝███████║██║  ██║█████╗
   ██║   ██║██╔═══╝ ██║   ██║██╔══██╗██╔══██║██║  ██║██╔══╝
   ╚██████╔╝██║     ╚██████╔╝██║  ██║██║  ██║██████╔╝███████╗
    ╚═════╝ ╚═╝      ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═════╝ ╚══════╝
   PREMIUM UPGRADE — v2.0
   ═══════════════════════════════════════════════════════════ */

/* ── ENHANCED ROOT TOKENS ── */
:root {
  --glow-accent: #6366f140;
  --glow-green:  #00d97e30;
  --glow-red:    #ff2d5530;
  --glass-bg:    rgba(255,255,255,0.04);
  --glass-border: rgba(255,255,255,0.08);
  --glass-blur:  blur(20px);
  --grad-primary: linear-gradient(135deg, #6366f1 0%, #818cf8 50%, #4f52cc 100%);
  --grad-green:   linear-gradient(135deg, #00d97e, #00b868);
  --grad-gold:    linear-gradient(135deg, #f0b90b, #d4a00a);
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  --radius-xl: 28px;
  --radius-2xl: 36px;
}

/* ── ANIMATED MESH BACKGROUND (login page) ── */
@keyframes meshFloat1 { 0%,100%{transform:translate(0,0) scale(1);} 33%{transform:translate(30px,-20px) scale(1.05);} 66%{transform:translate(-20px,15px) scale(0.98);} }
@keyframes meshFloat2 { 0%,100%{transform:translate(0,0) scale(1);} 33%{transform:translate(-25px,30px) scale(1.03);} 66%{transform:translate(20px,-25px) scale(0.97);} }
@keyframes meshFloat3 { 0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(15px,20px) scale(1.04);} }
@keyframes shimmer { 0%{background-position:-200% center;} 100%{background-position:200% center;} }
@keyframes pulseGlow { 0%,100%{box-shadow: 0 0 20px var(--glow-accent);} 50%{box-shadow: 0 0 40px var(--glow-accent), 0 0 80px rgba(99,102,241,0.15);} }
@keyframes slideUp { from{opacity:0;transform:translateY(16px);} to{opacity:1;transform:translateY(0);} }
@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }
@keyframes countUp { from{opacity:0;transform:scale(0.92);} to{opacity:1;transform:scale(1);} }
@keyframes spin { to{transform:rotate(360deg);} }
@keyframes floatBadge { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-4px);} }
@keyframes gradientShift { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }

/* ── PREMIUM BALANCE CARD ── */
.net-pill {
  border-radius: 24px !important;
  padding: 22px 20px !important;
  background: linear-gradient(135deg, #7c7ff0 0%, #6366f1 30%, #4f52cc 65%, #3d3fa8 100%) !important;
  background-size: 200% 200% !important;
  animation: gradientShift 8s ease infinite !important;
  box-shadow: 0 20px 60px -10px rgba(99,102,241,0.5), 0 4px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15) !important;
  position: relative;
  overflow: hidden;
  border: none !important;
}
.net-pill::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.net-pill::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, rgba(0,217,126,0.15) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.net-pill-addr {
  font-size: 38px !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
  color: #fff !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}
.net-pill-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.75) !important;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
.net-pill-icons svg {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* ── QUICK ACTION BUTTONS ── */
.port-actions {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  padding: 14px 16px !important;
}
.pact {
  background: var(--s1) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 18px !important;
  padding: 16px 6px !important;
  transition: var(--transition-spring) !important;
  position: relative;
  overflow: hidden;
}
.pact::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent, rgba(99,102,241,0.05));
  opacity: 0;
  transition: opacity 0.2s;
}
.pact:active {
  transform: scale(0.92) !important;
  opacity: 1 !important;
}
.pact:active::after { opacity: 1; }
.pact-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 8px !important;
}
.pact-icon.send  { background: linear-gradient(135deg,#6366f1,#4f52cc); box-shadow: 0 6px 20px rgba(99,102,241,0.4); }
.pact-icon.recv  { background: linear-gradient(135deg,#00d97e,#00b868); box-shadow: 0 6px 20px rgba(0,217,126,0.4); }
.pact-icon.market{ background: linear-gradient(135deg,#ff9f0a,#e8880a); box-shadow: 0 6px 20px rgba(255,159,10,0.4); }
.pact-icon.hist  { background: linear-gradient(135deg,#4da6ff,#3b8fd4); box-shadow: 0 6px 20px rgba(77,166,255,0.4); }
.pact-icon svg   { width:20px; height:20px; stroke:#fff; stroke-width:2.2; fill:none; }
.pact-label      { font-size:11.5px !important; font-weight:700 !important; color:var(--t1) !important; letter-spacing:-0.2px; }

/* ── TOKEN LIST ── */
.tok {
  transition: background 0.15s ease;
  padding: 14px 16px !important;
}
.tok:active { background: var(--s2) !important; }
.tok-logo-wrap {
  position: relative;
}
.tok-logo-wrap .tok-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--s1);
  object-fit: cover;
}
.tok-sym { font-size:15.5px !important; font-weight:800 !important; }
.tok-net { font-size:12px !important; color:var(--t2) !important; }
.tok-amount {
  font-size:15px !important;
  font-weight:700 !important;
  font-variant-numeric: tabular-nums;
}
.tok-usd { font-size:12px !important; }

/* ── TRANSACTION HISTORY ── */
.tx-item {
  padding: 14px 16px !important;
  transition: background 0.15s;
  cursor: pointer;
}
.tx-item:active { background: var(--s2); }

/* ── ANALYTICS DASHBOARD ── */
.analytics-card {
  margin: 0 16px 14px;
  background: var(--s1);
  border-radius: 20px;
  border: 1px solid var(--glass-border);
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.15);
}
.analytics-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px 12px;
  border-bottom: 1px solid var(--glass-border);
}
.analytics-title {
  font-size: 15px;
  font-weight: 800;
  color: var(--t1);
  letter-spacing: -0.3px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.analytics-title-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  animation: pulseGlow 2s ease-in-out infinite;
}
.analytics-period {
  display: flex;
  gap: 4px;
}
.analytics-period-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 9px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--t2);
  cursor: pointer;
  transition: all 0.15s;
  font-family: inherit;
}
.analytics-period-btn.active {
  background: var(--accent);
  color: #fff;
}
.analytics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--glass-border);
}
.analytics-stat {
  background: var(--s1);
  padding: 14px 16px;
  text-align: center;
}
.analytics-stat-label {
  font-size: 11px;
  color: var(--t2);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
.analytics-stat-value {
  font-size: 18px;
  font-weight: 900;
  color: var(--t1);
  letter-spacing: -0.5px;
  animation: countUp 0.5s ease;
}
.analytics-stat-value.pos { color: var(--green); }
.analytics-stat-value.neg { color: var(--red); }
.analytics-chart-wrap {
  padding: 14px 16px 16px;
  height: 80px;
  position: relative;
}
.analytics-sparkline {
  width: 100%;
  height: 100%;
}

/* ── PRICE ALERT BUTTON ── */
.price-alert-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 10px;
  border: 1.5px solid var(--accent);
  background: transparent;
  color: var(--accent);
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.price-alert-btn:active { background: var(--accent); color: #fff; transform: scale(0.96); }
.price-alert-btn svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 2.3; }
.price-alert-btn.active { background: var(--accent); color: #fff; }
.price-alert-btn.active svg { stroke: #fff; }

/* ── PORTFOLIO PNL BANNER ── */
.pnl-banner {
  margin: 0 16px 10px;
  padding: 14px 18px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  animation: slideUp 0.4s ease;
}
.pnl-banner.pos {
  background: linear-gradient(135deg, rgba(0,217,126,0.12), rgba(0,217,126,0.05));
  border: 1px solid rgba(0,217,126,0.2);
}
.pnl-banner.neg {
  background: linear-gradient(135deg, rgba(255,45,85,0.12), rgba(255,45,85,0.05));
  border: 1px solid rgba(255,45,85,0.2);
}
.pnl-label { font-size: 11.5px; font-weight: 700; color: var(--t2); margin-bottom: 3px; }
.pnl-value { font-size: 20px; font-weight: 900; letter-spacing: -0.5px; }
.pnl-banner.pos .pnl-value { color: var(--green); }
.pnl-banner.neg .pnl-value { color: var(--red); }
.pnl-arrow { font-size: 26px; opacity: 0.7; animation: floatBadge 2.5s ease-in-out infinite; }

/* ── MARKET ROW ENHANCED ── */
.mrow { border-radius: 0; }
.mrow:first-child { border-radius: 14px 14px 0 0; }
.mrow:last-child  { border-radius: 0 0 14px 14px; }
.mrow-spark { width: 56px; height: 28px; flex-shrink: 0; }

/* ── BOTTOM NAV ENHANCED ── */
.bottom-nav {
  background: rgba(8,9,15,0.85) !important;
  backdrop-filter: saturate(200%) blur(24px) !important;
  -webkit-backdrop-filter: saturate(200%) blur(24px) !important;
  border-top: 0.5px solid rgba(255,255,255,0.06) !important;
}
[data-theme=light] .bottom-nav {
  background: rgba(255,255,255,0.9) !important;
  border-top: 0.5px solid rgba(0,0,0,0.06) !important;
}
.nitem.active .nitem-lbl { color: var(--accent) !important; }
.nitem.active svg { stroke: var(--accent) !important; }

/* ── MODAL ENHANCEMENTS ── */
.mo-box {
  border-radius: 24px 24px 0 0 !important;
  box-shadow: 0 -8px 60px rgba(0,0,0,0.5) !important;
}
.mo-handle {
  width: 40px !important;
  height: 4px !important;
  border-radius: 2px !important;
  background: var(--t3) !important;
  margin: 10px auto 0 !important;
}
.mo-hdr { border-bottom: 0.5px solid var(--glass-border); margin: 0 !important; padding: 14px 20px 14px !important; }
.mo-title { font-size: 17px !important; font-weight: 800 !important; letter-spacing: -0.4px !important; }

/* ── FEE BOX ── */
.fee-box {
  background: var(--s2) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  margin: 14px 0 !important;
}
.fee-row { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; font-size: 13px; }
.fee-row span:first-child { color: var(--t2); font-weight: 500; }
.fee-row span:last-child  { color: var(--t1); font-weight: 700; font-variant-numeric: tabular-nums; }
.fee-divider { border: none; border-top: 1px solid var(--glass-border); margin: 8px 0; }

/* ── GAS SPEED SELECTOR ── */
.gas-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 14px; }
.gopt {
  background: var(--s2);
  border: 1.5px solid var(--glass-border);
  border-radius: 14px;
  padding: 12px 8px;
  text-align: center;
  cursor: pointer;
  transition: var(--transition-smooth);
}
.gopt.active {
  background: rgba(99,102,241,0.12);
  border-color: var(--accent);
}
.gopt-name { font-size: 11px; font-weight: 700; color: var(--t2); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px; }
.gopt.active .gopt-name { color: var(--accent); }
.gopt-val  { font-size: 13px; font-weight: 800; color: var(--t1); font-variant-numeric: tabular-nums; }

/* ── SEND MODAL ENHANCEMENTS ── */
.amount-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.amount-field {
  flex: 1;
  background: var(--s2) !important;
  border: 1.5px solid var(--glass-border) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--t1) !important;
  outline: none;
  transition: border-color 0.2s;
}
.amount-field:focus { border-color: var(--accent) !important; }
.tok-pick {
  display: flex;
  align-items: center;
  gap: 7px;
  background: var(--s2);
  border: 1.5px solid var(--glass-border);
  border-radius: 14px;
  padding: 12px 14px;
  cursor: pointer;
  transition: all 0.2s;
  min-width: 90px;
  font-size: 14px;
  font-weight: 800;
  color: var(--t1);
  white-space: nowrap;
}
.tok-pick:active { transform: scale(0.96); border-color: var(--accent); }
.tok-pick img { width: 22px; height: 22px; border-radius: 50%; }

/* ── RECEIVE MODAL ── */
.qr-wrap {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 18px !important;
  margin: 16px 0 !important;
  display: inline-block !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: center !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important;
}
.addr-display {
  background: var(--s2);
  border-radius: 14px;
  padding: 14px 16px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--t1);
  word-break: break-all;
  line-height: 1.7;
  margin-bottom: 14px;
  text-align: center;
  border: 1px solid var(--glass-border);
}
.copy-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px;
  border-radius: 14px;
  border: none;
  background: var(--s2);
  color: var(--t1);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.copy-btn:active { background: var(--accent); color: #fff; transform: scale(0.98); }
.copy-btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; }

/* ── TOPBAR ENHANCEMENTS ── */
.topbar {
  background: rgba(8,9,15,0.8) !important;
  backdrop-filter: saturate(200%) blur(24px) !important;
  -webkit-backdrop-filter: saturate(200%) blur(24px) !important;
}
[data-theme=light] .topbar {
  background: rgba(255,255,255,0.88) !important;
}

/* ── SECTION HEADERS ── */
.sec-hdr { display: flex; align-items: center; justify-content: space-between; padding: 4px 0 12px; }
.sec-title { font-size: 18px !important; font-weight: 800 !important; letter-spacing: -0.5px !important; }

/* ── CHAIN CHIP SELECTOR ── */
.chain-chips { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 12px; margin-bottom: 4px; scrollbar-width: none; }
.chain-chips::-webkit-scrollbar { display: none; }
.chain-chip {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  background: var(--s2);
  border: 1.5px solid var(--glass-border);
  border-radius: 99px;
  cursor: pointer;
  transition: all 0.18s;
  white-space: nowrap;
}
.chain-chip.active { background: rgba(99,102,241,0.14); border-color: var(--accent); }
.chain-chip img { width: 18px; height: 18px; border-radius: 50%; }
.chain-chip span { font-size: 12.5px; font-weight: 700; color: var(--t1); }

/* ── LOADING SHIMMER ── */
.shimmer-line {
  background: linear-gradient(90deg, var(--s2) 25%, var(--s3) 50%, var(--s2) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
  border-radius: 8px;
}

/* ── BADGE / PILL TAGS ── */
.badge-new {
  display: inline-flex;
  align-items: center;
  font-size: 9px;
  font-weight: 900;
  padding: 2px 6px;
  border-radius: 6px;
  background: var(--accent);
  color: #fff;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 6px;
}
.badge-hot {
  background: linear-gradient(135deg, #ff2d55, #ff6b35);
}
.badge-live {
  background: linear-gradient(135deg, #00d97e, #00b868);
  animation: pulseGlow 2s ease-in-out infinite;
}

/* ── EMPTY STATE ── */
.empty {
  text-align: center;
  padding: 48px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  animation: fadeIn 0.4s ease;
}
.empty svg {
  width: 48px;
  height: 48px;
  stroke: var(--t3);
  fill: none;
  stroke-width: 1.5;
}
.empty p { font-size: 14px; color: var(--t2); line-height: 1.6; max-width: 220px; margin: 0 auto; }

/* ── SEND STATUS ── */
.send-status {
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
  padding: 10px 0;
  color: var(--t2);
}
.send-status a { color: var(--accent); text-decoration: none; }

/* ── REFERRAL MODAL CARD ── */
#refCodeDisplay {
  background: linear-gradient(135deg, var(--accent), var(--accent3));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── DISCOVER PAGE ── */
.disc-announce {
  display: none;
  margin: 8px 16px 0;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(255,159,10,0.1), rgba(255,159,10,0.05));
  border: 1px solid rgba(255,159,10,0.25);
  border-radius: 16px;
  gap: 10px;
  align-items: flex-start;
}
.disc-announce.show { display: flex; }
.disc-announce svg { width: 18px; height: 18px; stroke: var(--orange); fill: none; stroke-width: 2; flex-shrink: 0; margin-top: 1px; }
.disc-announce-text { font-size: 13px; color: var(--orange); font-weight: 600; line-height: 1.5; }

/* ── HISTORY FILTER ── */
#histChainFilter {
  appearance: none;
  background: var(--s2) !important;
  border: 1.5px solid var(--glass-border) !important;
  border-radius: 12px !important;
  padding: 7px 14px 7px 12px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--t1) !important;
  cursor: pointer !important;
  outline: none !important;
}

/* ── CARD / PANEL ── */
.panel-card {
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.2) !important;
}

/* ── SPINNER ── */
.spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2.5px solid var(--glass-border);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  vertical-align: middle;
}

/* ── TOAST UPGRADED ── */
.toast {
  background: rgba(30,31,45,0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 13px 22px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
  letter-spacing: -0.2px !important;
}
[data-theme=light] .toast {
  background: rgba(255,255,255,0.96) !important;
  color: #0a0b1a !important;
}

/* ── ALERT MODAL ── */
.alert-modal {
  background: var(--s1);
  border-radius: 20px 20px 0 0;
}

/* ── PRICE ALERT PANEL ── */
.alert-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border-bottom: 0.5px solid var(--glass-border);
  animation: slideUp 0.3s ease;
}
.alert-item:last-child { border-bottom: none; }
.alert-tok-info { flex: 1; }
.alert-tok-sym { font-size: 14.5px; font-weight: 800; color: var(--t1); }
.alert-condition {
  font-size: 12px;
  color: var(--t2);
  margin-top: 3px;
}
.alert-condition.above { color: var(--green); }
.alert-condition.below { color: var(--red); }
.alert-delete {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  background: rgba(255,45,85,0.1);
  color: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.18s;
  flex-shrink: 0;
}
.alert-delete:active { background: var(--red); color: #fff; transform: scale(0.9); }
.alert-delete svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2.5; }

/* ── CONTACTS PAGE ── */
.addr-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  cursor: pointer;
  transition: background 0.15s;
}
.addr-item:active { background: var(--s2); }
.addr-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  flex-shrink: 0;
}
.addr-label { font-size: 15px; font-weight: 700; color: var(--t1); }
.addr-hash  { font-size: 11.5px; color: var(--t2); font-family: 'JetBrains Mono', monospace; margin-top: 2px; }

/* ── SETTINGS ICON COLORS ── */
.si-icon { 
  background: var(--s2) !important;
  border: 1px solid var(--glass-border) !important;
}
.si-icon svg { stroke: var(--accent) !important; }

/* ── SWAP ENHANCEMENTS ── */
.swap-card {
  margin: 12px 16px !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.15) !important;
}
.swap-box {
  background: var(--s2) !important;
  border: 1.5px solid var(--glass-border) !important;
}
.swap-box:focus-within {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.1) !important;
}

/* ── MARKET PAGE ENHANCEMENTS ── */
.mrow-pill.up { background: rgba(0,217,126,0.12); color: var(--green); font-weight: 800; }
.mrow-pill.dn { background: rgba(255,45,85,0.12); color: var(--red); font-weight: 800; }

/* ── LIGHT MODE OVERRIDES ── */
[data-theme=light] .net-pill {
  box-shadow: 0 20px 60px -10px rgba(99,102,241,0.35), 0 4px 20px rgba(0,0,0,0.08) !important;
}
[data-theme=light] .analytics-card { box-shadow: 0 4px 24px rgba(0,0,0,0.08); }
[data-theme=light] .pact { box-shadow: 0 2px 16px rgba(0,0,0,0.07) !important; }

/* ── SCROLL TO TOP BUTTON ── */
.scroll-top-btn {
  position: fixed;
  bottom: calc(88px + env(safe-area-inset-bottom));
  right: 18px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(99,102,241,0.4);
  z-index: 90;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);
  pointer-events: none;
}
.scroll-top-btn.visible { opacity: 1; transform: translateY(0); pointer-events: all; }
.scroll-top-btn svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2.5; }

/* ── FIELD LABELS ── */
.field-lbl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--t2);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.field-lbl span:last-child {
  font-size: 12px;
  color: var(--accent);
  font-weight: 700;
  cursor: pointer;
  text-transform: none;
  letter-spacing: 0;
}

/* ── ANIMATIONS FOR PAGE TRANSITIONS ── */
.tpage { animation: fadeIn 0.22s ease; }

/* ── RECV CHAIN SELECTOR ── */
.recv-chains {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 14px;
  margin-bottom: 4px;
  scrollbar-width: none;
}
.recv-chains::-webkit-scrollbar { display: none; }
.recv-chain {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  background: var(--s2);
  border: 1.5px solid var(--glass-border);
  border-radius: 99px;
  cursor: pointer;
  transition: all 0.18s;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--t1);
}
.recv-chain img { width: 16px; height: 16px; border-radius: 50%; }
.recv-chain.active { background: rgba(99,102,241,0.12); border-color: var(--accent); color: var(--accent); }

/* ── FLOATING ALERT BADGE ── */
.notif-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--red);
  border: 2px solid var(--bg);
  animation: pulseGlow 2s ease-in-out infinite;
}

/* ── PNL COLORS ── */
.pnl-pos { color: var(--green) !important; }
.pnl-neg { color: var(--red) !important; }