/* ================================================================
   Bitcoin Farm — "Pro Exchange" theme (dark + green).
   Loaded LAST: it only restyles. All ids/classes used by script.js stay untouched.
   ================================================================ */
:root {
  --pb-bg: #0b0e11;
  --pb-bg2: #0f1317;
  --pb-card: #161a1e;
  --pb-card2: #1e2329;
  --pb-line: rgba(255,255,255,.06);
  --pb-line2: rgba(255,255,255,.10);
  --pb-t1: #eaecef;
  --pb-t2: #848e9c;
  --pb-t3: #5e6673;
  --pb-acc: #0ecb81;
  --pb-acc-h: #2fdc97;
  --pb-acc-soft: rgba(14,203,129,.12);
  --pb-on-acc: #06140d;
  --pb-up: #0ecb81;
  --pb-dn: #f6465d;
  --pb-warn: #f0b90b;
  --pb-r: 16px;
  --pb-font: 'IBM Plex Sans Arabic', 'Segoe UI', system-ui, sans-serif;
  --pb-num: 'Space Grotesk', 'IBM Plex Sans Arabic', sans-serif;
}

/* ---------- base ---------- */
html body { background: var(--pb-bg); color: var(--pb-t1); }
html body, html body button, html body input, html body select, html body textarea { font-family: var(--pb-font); }
.pro-num, .wallet-indicator span, .dash-price-value, .dash-price-change, .mining-visual-amount, .mine-timer { font-family: var(--pb-num); letter-spacing: -.2px; }
.app-container { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-color: var(--pb-line) !important; }
html body .app-container { background: var(--pb-bg); }
.app-container::before, .particles { display: none !important; }
@media (min-width: 768px) and (max-width: 1099px) {
  .app-container { border-radius: 28px !important; box-shadow: 0 30px 60px rgba(0,0,0,.6), 0 0 0 1px var(--pb-line) !important; }
}

/* ---------- top bar ---------- */
.top-bar { padding: calc(4px + env(safe-area-inset-top, 0px)) 2px 10px; margin-bottom: 4px !important; }
.logo-text { color: var(--pb-t1) !important; -webkit-text-fill-color: var(--pb-t1) !important; background: none !important; font-weight: 700; font-size: 1.05rem !important; letter-spacing: 0; text-shadow: none !important; }
.brand-logo-img { border-radius: 10px !important; box-shadow: none !important; }
.wallet-indicator { background: var(--pb-card) !important; border: 1px solid var(--pb-line) !important; color: var(--pb-t1) !important; box-shadow: none !important; }
.wallet-indicator i { color: var(--pb-acc) !important; }
.notif-bell-indicator, .lang-switch-btn { background: var(--pb-card) !important; border: 1px solid var(--pb-line) !important; color: var(--pb-t2) !important; box-shadow: none !important; }
.notif-bell-indicator i { color: var(--pb-t2) !important; }
.notif-bell-badge { background: var(--pb-dn) !important; color: #fff !important; }

/* ---------- user header ---------- */
.dashboard-header { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 2px 0 !important; backdrop-filter: none !important; }
.avatar-circle { background: var(--pb-card2) !important; border: 1px solid var(--pb-line2) !important; color: var(--pb-t2) !important; box-shadow: none !important; }
.user-greeting strong { color: var(--pb-t1) !important; }
.user-id { color: var(--pb-t2) !important; }
.user-status { color: var(--pb-acc) !important; background: var(--pb-acc-soft) !important; border-radius: 6px; padding: 0 6px; }
.user-status.pending, .user-status.rejected { color: var(--pb-warn) !important; background: rgba(240,185,11,.12) !important; }
.icon-btn { background: var(--pb-card) !important; border: 1px solid var(--pb-line) !important; color: var(--pb-t2) !important; box-shadow: none !important; }
.icon-btn:hover { color: var(--pb-t1) !important; border-color: var(--pb-line2) !important; transform: none !important; }

/* ---------- banners ---------- */
.verification-banner { background: rgba(240,185,11,.08) !important; border: 1px solid rgba(240,185,11,.25) !important; border-radius: 12px !important; box-shadow: none !important; }
.verification-banner .banner-text, .verification-banner .banner-text i { color: var(--pb-warn) !important; }
.verification-banner .banner-btn { background: var(--pb-warn) !important; color: #1a1400 !important; border: 0 !important; }
.announcement-banner { background: var(--pb-card) !important; border: 1px solid var(--pb-line) !important; border-radius: 12px !important; box-shadow: none !important; }
.announcement-banner .ab-icon { background: var(--pb-acc-soft) !important; color: var(--pb-acc) !important; }
.announcement-banner strong { color: var(--pb-t1) !important; }
.announcement-banner span { color: var(--pb-t2) !important; }

/* ---------- navigation: bottom bar on phones / tablets ---------- */
@media (max-width: 1099px) {
  .dashboard-sidebar-col { display: contents; }
  .sidebar-brand-block, .sidebar-logout-btn { display: none !important; }
  .nav-tabs {
    position: fixed !important; left: 0; right: 0; bottom: 0; z-index: 900;
    margin: 0 !important; border-radius: 0 !important; gap: 0 !important;
    height: calc(64px + env(safe-area-inset-bottom, 0px)); padding: 0 6px env(safe-area-inset-bottom, 0px) !important;
    background: rgba(17,21,26,.96) !important; border: 0 !important; border-top: 1px solid var(--pb-line) !important;
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 -8px 24px rgba(0,0,0,.35) !important;
    display: flex !important; justify-content: space-around; align-items: center; flex-wrap: nowrap !important;
  }
  .nav-tabs .nav-tab {
    flex: 1 1 0 !important; flex-direction: column !important; gap: 4px !important; padding: 6px 2px !important;
    background: transparent !important; color: var(--pb-t3) !important; box-shadow: none !important; border: 0 !important;
    font-size: .64rem !important; font-weight: 500; border-radius: 12px !important; position: relative; white-space: nowrap;
  }
  .nav-tabs .nav-tab i { font-size: 1.12rem !important; margin: 0 !important; }
  .nav-tabs .nav-tab.active { color: var(--pb-acc) !important; background: transparent !important; }
  .nav-tabs .nav-tab.active::before { content: ''; position: absolute; top: -1px; width: 22px; height: 3px; border-radius: 0 0 3px 3px; background: var(--pb-acc); }
  /* mining = raised centre button */
  .nav-tabs .nav-tab[data-page="pageMining"] i {
    width: 48px; height: 48px; border-radius: 16px; display: grid; place-items: center; margin-top: -26px !important;
    background: var(--pb-acc); color: var(--pb-on-acc); box-shadow: 0 8px 22px rgba(14,203,129,.35); font-size: 1.15rem !important;
  }
  .nav-tabs .nav-tab[data-page="pageMining"].active::before { display: none; }
  .nav-tab-dot { top: 4px !important; }
  /* room so the last content isn't hidden behind the bar */
  .main-dashboard, .dashboard-content-col { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }
  #pwaInstallBanner { bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .nav-tabs { left: 50% !important; right: auto !important; transform: translateX(-50%); width: min(500px, 100%); border-radius: 22px 22px 0 0 !important; }
}
/* desktop sidebar */
@media (min-width: 1100px) {
  .dashboard-sidebar-col { background: var(--pb-bg2) !important; border: 1px solid var(--pb-line) !important; box-shadow: none !important; }
  .nav-tab { color: var(--pb-t2) !important; }
  .nav-tab:hover { color: var(--pb-t1) !important; background: rgba(255,255,255,.03) !important; }
  .nav-tab.active { color: var(--pb-acc) !important; background: var(--pb-acc-soft) !important; border-inline-start-color: var(--pb-acc) !important; box-shadow: none !important; }
  .sidebar-tagline { color: var(--pb-t3) !important; }
}

/* ---------- generic cards / text ---------- */
.section-card { background: var(--pb-card) !important; border: 1px solid var(--pb-line) !important; border-radius: var(--pb-r) !important; box-shadow: none !important; backdrop-filter: none !important; }
.section-card h3 { color: var(--pb-t1) !important; font-weight: 600; font-size: 1rem !important; }
.section-card h3 i { color: var(--pb-acc) !important; font-size: 1rem !important; }
.no-data-message { color: var(--pb-t3) !important; }
.no-data-message i { color: var(--pb-t3) !important; opacity: .6; }

/* ---------- buttons ---------- */
.btn-primary, .btn-crypto-primary, .btn-save { background: var(--pb-acc) !important; color: var(--pb-on-acc) !important; border: 0 !important; box-shadow: none !important; text-shadow: none !important; }
.btn-primary:hover, .btn-crypto-primary:hover, .btn-save:hover { background: var(--pb-acc-h) !important; transform: none !important; }
.btn-outline, .btn-crypto-cancel { background: transparent !important; color: var(--pb-t1) !important; border: 1px solid var(--pb-line2) !important; box-shadow: none !important; }

/* ---------- history rows ---------- */
.history-item { background: var(--pb-card2) !important; border: 1px solid transparent !important; border-radius: 12px !important; box-shadow: none !important; }
.history-item:hover { border-color: var(--pb-line2) !important; }
.history-col { background: var(--pb-card2) !important; border: 1px solid var(--pb-line) !important; border-radius: 12px !important; box-shadow: none !important; color: var(--pb-t2) !important; }
.history-col i { color: var(--pb-t2) !important; }
.history-col.active { border-color: var(--pb-acc) !important; background: var(--pb-acc-soft) !important; }
.history-col.active i, .history-col.active .col-count { color: var(--pb-acc) !important; }
.col-count { color: var(--pb-t1) !important; font-family: var(--pb-num); }

/* ---------- full-screen pages ---------- */
.full-page { background: var(--pb-bg) !important; }
.full-page-header { color: var(--pb-t1) !important; border-bottom-color: var(--pb-line) !important; }
.full-page-header i { color: var(--pb-t2) !important; }

/* ---------- inputs ---------- */
.input-group input, .tf-select-crypto, .full-page .input-group input { background: var(--pb-card2) !important; border: 1px solid var(--pb-line) !important; color: var(--pb-t1) !important; }
.input-group input:focus, .full-page .input-group input:focus { border-color: var(--pb-acc) !important; box-shadow: 0 0 0 3px var(--pb-acc-soft) !important; }

/* ---------- toast ---------- */
.toast-notification { background: var(--pb-card2) !important; color: var(--pb-t1) !important; border: 1px solid var(--pb-line2) !important; border-radius: 12px !important; }

/* ================================================================
   NEW HOME SCREEN
   ================================================================ */
#pageDashboard { display: none; }
#pageDashboard.active { display: block; }
.pro-hero { background: var(--pb-card); border: 1px solid var(--pb-line); border-radius: 18px; padding: 18px 16px 14px; margin-bottom: 14px; position: relative; overflow: hidden; }
.pro-hero::after { content: ''; position: absolute; top: -70px; inset-inline-end: -50px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(14,203,129,.13), transparent 70%); pointer-events: none; }
.pro-hero-top { display: flex; align-items: center; justify-content: space-between; }
.pro-hero-lbl { color: var(--pb-t2); font-size: .8rem; }
.pro-eye { background: none; border: 0; color: var(--pb-t2); cursor: pointer; font-size: .85rem; padding: 4px; }
.pro-hero-big { font-size: 2.05rem; font-weight: 700; color: var(--pb-t1); margin: 4px 0 12px; direction: ltr; text-align: start; unicode-bidi: plaintext; }
.pro-subs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
.pro-sub { background: var(--pb-card2); border-radius: 12px; padding: 9px 10px; min-width: 0; }
.pro-sub span { display: block; color: var(--pb-t2); font-size: .7rem; margin-bottom: 2px; }
.pro-sub b, html body .pro-sub .wallet-balance { display: block; color: var(--pb-t1) !important; font-size: .9rem !important; font-weight: 600; padding: 0 !important; text-align: start; text-shadow: none !important; background: none !important; -webkit-text-fill-color: currentColor !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; direction: ltr; }

.pro-actions { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin: 0 0 6px; }
.pro-act { display: flex; flex-direction: column; align-items: center; gap: 7px; background: none; border: 0; color: var(--pb-t2); font-size: .74rem; cursor: pointer; padding: 4px 0; }
.pro-act i { width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; font-size: 1.05rem; background: var(--pb-card); border: 1px solid var(--pb-line); color: var(--pb-t1); transition: transform .15s, background .15s; }
.pro-act:active i { transform: scale(.94); }
.pro-act.main i { background: var(--pb-acc); color: var(--pb-on-acc); border-color: transparent; }
.pro-act.main { color: var(--pb-t1); }
.pro-wallet-msg { color: var(--pb-warn); text-align: center; font-size: .78rem; min-height: 4px; margin-bottom: 8px; }

.pro-sec { display: flex; justify-content: space-between; align-items: center; margin: 14px 2px 8px; color: var(--pb-t1); font-size: .9rem; font-weight: 600; }
.pro-link { color: var(--pb-acc); font-size: .76rem; font-weight: 500; text-decoration: none; }
.pro-card { background: var(--pb-card); border: 1px solid var(--pb-line); border-radius: var(--pb-r); padding: 8px; }

.pro-mine { display: flex; align-items: center; gap: 12px; background: var(--pb-card); border: 1px solid var(--pb-line); border-radius: var(--pb-r); padding: 12px 14px; cursor: pointer; }
.pro-mine.on { border-color: rgba(14,203,129,.35); }
.pro-ring { --p: 0; width: 48px; height: 48px; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center; background: conic-gradient(var(--pb-acc) calc(var(--p) * 1%), var(--pb-card2) 0); }
.pro-ring div { width: 38px; height: 38px; border-radius: 50%; background: var(--pb-card); display: grid; place-items: center; font-size: .7rem; font-weight: 600; color: var(--pb-t1); }
.pro-mine-txt { flex: 1; min-width: 0; }
.pro-mine-txt b { display: block; font-size: .86rem; color: var(--pb-t1); }
.pro-mine-txt span { font-size: .72rem; color: var(--pb-t2); }
.pro-mine-val { text-align: end; }
.pro-mine-val b { display: block; color: var(--pb-up); font-size: .92rem; }
.pro-mine-val span { font-size: .66rem; color: var(--pb-t2); }

html body .pro-market { display: block !important; background: var(--pb-card) !important; border: 1px solid var(--pb-line) !important; border-radius: var(--pb-r) !important; padding: 2px 14px !important; box-shadow: none !important; }
html body .pro-mrow { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; padding: 11px 0 !important; border: 0 !important; border-bottom: 1px solid var(--pb-line) !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; text-align: start !important; }
html body .pro-mrow:last-child { border-bottom: 0 !important; }
.pro-coin { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 700; font-size: .85rem; flex-shrink: 0; }
.pro-mname { flex: 1; min-width: 0; }
.pro-mname b { display: block; color: var(--pb-t1); font-size: .84rem; font-weight: 600; }
html body .pro-mname .dash-price-coin { display: block; color: var(--pb-t2) !important; font-size: .7rem !important; }
.pro-spark { width: 64px; height: 24px; flex-shrink: 0; }
.pro-mprice { text-align: end; min-width: 84px; }
html body .pro-mprice .dash-price-value { display: block; color: var(--pb-t1) !important; font-size: .84rem !important; font-weight: 600; }
html body .pro-mprice .dash-price-change { display: inline-block; font-size: .7rem !important; padding: 1px 6px; border-radius: 6px; margin-top: 2px; color: var(--pb-t2) !important; background: none !important; }
html body .pro-mprice .dash-price-change.positive { color: var(--pb-up) !important; background: rgba(14,203,129,.10) !important; }
html body .pro-mprice .dash-price-change.negative { color: var(--pb-dn) !important; background: rgba(246,70,93,.10) !important; }

.pro-promo { display: flex; align-items: center; gap: 12px; margin-top: 14px; background: linear-gradient(135deg, rgba(14,203,129,.10), rgba(14,203,129,.02)); border: 1px solid rgba(14,203,129,.22); border-radius: var(--pb-r); padding: 14px; }
.pro-promo-ic { width: 42px; height: 42px; border-radius: 12px; background: var(--pb-acc-soft); color: var(--pb-acc); display: grid; place-items: center; flex-shrink: 0; }
.pro-promo-txt { flex: 1; min-width: 0; }
.pro-promo-txt b { display: block; color: var(--pb-t1); font-size: .86rem; }
.pro-promo-txt span { color: var(--pb-t2); font-size: .72rem; line-height: 1.6; }
.pro-squad-info { color: var(--pb-t1); font-size: .74rem; margin-top: 4px; }
.pro-squad-info:empty { display: none; }
.pro-promo-btn { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--pb-line2); background: var(--pb-card2); color: var(--pb-t1); cursor: pointer; flex-shrink: 0; }
[dir="ltr"] .pro-promo-btn i { transform: scaleX(-1); }

.pro-logout { width: 100%; margin-top: 14px; padding: 12px; border-radius: 12px; background: rgba(246,70,93,.08); border: 1px solid rgba(246,70,93,.25); color: var(--pb-dn); font-weight: 600; cursor: pointer; }
@media (min-width: 1100px) { .pro-logout { display: none; } }

/* desktop: home in two columns */
@media (min-width: 1100px) {
  .pro-hero-big { font-size: 2.6rem; }
  .pro-act i { width: 58px; height: 58px; }
}

/* small fixes */
html body .dash-price-change, .pro-mine-val b { direction: ltr; unicode-bidi: isolate; }
.main-dashboard, .dashboard-content-col { scrollbar-width: none; }
.main-dashboard::-webkit-scrollbar, .dashboard-content-col::-webkit-scrollbar { width: 0; height: 0; }

/* ================================================================
   MINING PAGE (normal mining look; Boost Mode keeps its own styles)
   ================================================================ */
.mining-page-terminal-card > .mining-terminal-bg { opacity: .10 !important; filter: hue-rotate(95deg) saturate(.6); }
.mining-info-terminal-card > .mining-terminal-bg { opacity: .18 !important; filter: hue-rotate(95deg) saturate(.6); }
.coin-rotation { background: var(--pb-card2) !important; border: 1px solid var(--pb-line) !important; box-shadow: none !important; }
.coin-rotation > .mining-terminal-bg { display: none !important; }
.coin-item.active { background: var(--pb-acc-soft) !important; box-shadow: none !important; }
.coin-item.active .coin-name { color: var(--pb-acc) !important; }
.coin-item .coin-name { font-family: var(--pb-font) !important; letter-spacing: 0 !important; }
.mining-stats { color: var(--pb-t2) !important; }
.mining-stats i { color: var(--pb-acc) !important; }
.mining-stats #miningBalance, .mining-stats span#miningBalance { color: var(--pb-t1) !important; font-family: var(--pb-num); text-shadow: none !important; }

#miningVisualCard:not(.boost-on) { background: var(--pb-card2); border: 1px solid var(--pb-line); box-shadow: none; }
#miningVisualCard:not(.boost-on)::before, #miningVisualCard:not(.boost-on)::after { display: none; }
#miningVisualCard:not(.boost-on) .mining-visual-amount { color: var(--pb-t1); text-shadow: none; font-family: var(--pb-num); }
#miningVisualCard:not(.boost-on) .mining-visual-label { color: var(--pb-t2); }
#miningVisualCard:not(.boost-on) .mining-visual-bar { background: var(--pb-bg); border-color: var(--pb-line); }
#miningVisualCard:not(.boost-on) .mining-visual-bar .fill { background: var(--pb-acc); box-shadow: 0 0 10px rgba(14,203,129,.45); }
#miningVisualCard:not(.boost-on) .mining-visual-meta { color: var(--pb-t2); font-family: var(--pb-num); }
#miningVisualCard:not(.boost-on) .mining-terminal-log { color: rgba(14,203,129,.75); }
#miningVisualCard:not(.boost-on) > .mining-terminal-bg { filter: hue-rotate(95deg) saturate(.6); opacity: .25; }

.market-chart-container { background: var(--pb-card2) !important; border: 1px solid var(--pb-line) !important; border-radius: 14px !important; box-shadow: none !important; }
.market-price-info .current-price { color: var(--pb-t1) !important; font-family: var(--pb-num); }
.market-price-info .change { direction: ltr; unicode-bidi: isolate; font-family: var(--pb-num); }

html body .btn-mine {
  background: var(--pb-acc); color: var(--pb-on-acc); border: 0; border-radius: 14px; text-shadow: none;
  font-family: var(--pb-font); letter-spacing: 0; text-transform: none; font-weight: 700; box-shadow: 0 8px 22px rgba(14,203,129,.25);
}
html body .btn-mine::after { display: none; }
html body .btn-mine:hover { transform: none; background: var(--pb-acc-h); box-shadow: 0 8px 26px rgba(14,203,129,.35); }
html body .btn-mine:disabled { background: var(--pb-card2); color: var(--pb-t3); box-shadow: none; opacity: 1; }
.mine-status { color: var(--pb-t2) !important; }
.mine-timer { color: var(--pb-t1) !important; text-shadow: none !important; }
.mining-end-time { color: var(--pb-t3) !important; }
.mining-schedule-banner { background: rgba(240,185,11,.08) !important; border: 1px solid rgba(240,185,11,.22) !important; color: var(--pb-warn) !important; }
.mining-info-terminal-card { color: var(--pb-t2) !important; }
.mining-info-terminal-card b, .mining-info-terminal-card strong, .mining-info-terminal-card span[style*="F5B82E"] { color: var(--pb-acc) !important; }
.mining-profit-popup-card { background: var(--pb-card) !important; border: 1px solid rgba(14,203,129,.35) !important; box-shadow: 0 20px 60px rgba(0,0,0,.6) !important; }
.mining-profit-popup-amount { color: var(--pb-acc) !important; text-shadow: none !important; font-family: var(--pb-num); }

/* ================================================================
   DEPOSIT / WITHDRAW (crypto pages)
   ================================================================ */
.crypto-card { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.crypto-card::before, .crypto-card::after { display: none !important; }
.deposit-action-col, .deposit-howto-col, .withdraw-action-panel { background: var(--pb-card) !important; border: 1px solid var(--pb-line) !important; border-radius: 18px !important; box-shadow: none !important; padding: 16px !important; }
.deposit-page-heading h3 { color: var(--pb-t1) !important; font-size: 1.15rem !important; font-weight: 700; }
.deposit-page-heading p { color: var(--pb-t2) !important; font-size: .78rem !important; }
.crypto-section-title, .crypto-section-title span { color: var(--pb-t1) !important; font-weight: 600; font-size: .82rem !important; }
.crypto-section-title.small span::first-letter { color: var(--pb-acc); }

html body .tf-select-crypto { height: 50px; border-radius: 12px !important; padding: 0 14px !important; font-size: .9rem !important; font-weight: 600; appearance: auto; }
.network-meta-note { color: var(--pb-t2) !important; font-size: .72rem !important; }
.crypto-message { color: var(--pb-warn) !important; }

.network-address-box { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
.qr-and-address { background: var(--pb-card2) !important; border: 1px solid var(--pb-line) !important; border-radius: 16px !important; padding: 16px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; }
.qr-box { background: #fff !important; border-radius: 14px !important; padding: 10px !important; border: 0 !important; box-shadow: none !important; }
.address-block { width: 100%; display: flex !important; flex-direction: column; gap: 8px; align-items: stretch !important; }
.address-mono { background: var(--pb-bg) !important; border: 1px dashed var(--pb-line2) !important; color: var(--pb-t1) !important; border-radius: 10px !important; padding: 10px 12px !important; font-family: var(--pb-num) !important; font-size: .78rem !important; text-align: center !important; word-break: break-all; }
html body .btn-copy-address { background: var(--pb-acc-soft) !important; color: var(--pb-acc) !important; border: 1px solid rgba(14,203,129,.35) !important; border-radius: 10px !important; box-shadow: none !important; font-weight: 600; padding: 10px !important; }
.network-warning { background: rgba(240,185,11,.08) !important; border: 1px solid rgba(240,185,11,.25) !important; color: #f3cf55 !important; border-radius: 12px !important; font-size: .74rem !important; box-shadow: none !important; }
.network-warning i { color: var(--pb-warn) !important; }

.amount-input-wrap { background: var(--pb-card2) !important; border: 1px solid var(--pb-line) !important; border-radius: 14px !important; box-shadow: none !important; }
.amount-input-wrap:focus-within { border-color: var(--pb-acc) !important; box-shadow: 0 0 0 3px var(--pb-acc-soft) !important; }
.amount-input-wrap input { background: transparent !important; color: var(--pb-t1) !important; font-family: var(--pb-num) !important; font-size: 1.3rem !important; font-weight: 600; border: 0 !important; }
.currency-badge { background: var(--pb-card) !important; color: var(--pb-t1) !important; border: 1px solid var(--pb-line2) !important; border-radius: 8px !important; }
.currency-badge i { color: var(--pb-acc) !important; }
html body .btn-crypto-primary { height: 50px; border-radius: 14px !important; font-weight: 700; font-size: .95rem !important; }

/* Tron order (unique amount + live stages) */
.tron-order-box { background: var(--pb-card2) !important; border: 1px solid var(--pb-line) !important; border-radius: 16px !important; box-shadow: none !important; }
.tron-order-amount-label { color: var(--pb-t2) !important; }
.tron-order-amount { color: var(--pb-acc) !important; font-family: var(--pb-num) !important; text-shadow: none !important; }
.tron-order-countdown { color: var(--pb-t2) !important; }
.tron-order-countdown i, #depositExpiryTimer { color: var(--pb-warn) !important; font-family: var(--pb-num); }
.tron-stage { color: var(--pb-t3) !important; }
.tron-stage-dot { background: var(--pb-card) !important; border: 1px solid var(--pb-line2) !important; color: var(--pb-t2) !important; box-shadow: none !important; }
.tron-stage.active, .tron-stage.done { color: var(--pb-t1) !important; }
.tron-stage.active .tron-stage-dot { background: var(--pb-acc-soft) !important; border-color: var(--pb-acc) !important; color: var(--pb-acc) !important; }
.tron-stage.done .tron-stage-dot { background: var(--pb-acc) !important; border-color: var(--pb-acc) !important; color: var(--pb-on-acc) !important; }

/* how-to: vertical timeline */
.deposit-howto-col h3 { color: var(--pb-t1) !important; font-size: .95rem !important; }
.howto-step { background: transparent !important; border: 0 !important; box-shadow: none !important; position: relative; padding-inline-start: 4px !important; }
.howto-step-badge { background: var(--pb-acc-soft) !important; color: var(--pb-acc) !important; border: 1px solid rgba(14,203,129,.35) !important; font-family: var(--pb-num); }
.howto-step-icon { color: var(--pb-t3) !important; }
.howto-step-text b { color: var(--pb-t1) !important; }
.howto-step-text span { color: var(--pb-t2) !important; }
.info-bar { background: rgba(14,203,129,.06) !important; border: 1px solid rgba(14,203,129,.2) !important; color: var(--pb-t2) !important; border-radius: 12px !important; }
.info-bar i { color: var(--pb-acc) !important; }
.deposit-success-box h3 { color: var(--pb-t1) !important; }
.deposit-success-box p { color: var(--pb-t2) !important; }
.verify-spinner i { color: var(--pb-acc) !important; }
.withdraw-info-box, .withdraw-address-locked-note { background: var(--pb-card2) !important; border: 1px solid var(--pb-line) !important; color: var(--pb-t2) !important; border-radius: 12px !important; }
.pro-sel-hidden { display: none !important; }
.pro-net-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin: 6px 0 4px; }
.pro-net { display: flex; align-items: center; gap: 10px; background: var(--pb-card2); border: 1px solid var(--pb-line); border-radius: 12px; padding: 10px 12px; color: var(--pb-t1); cursor: pointer; font-size: .8rem; font-weight: 600; text-align: start; }
.pro-net i { font-style: normal; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--pb-card); color: var(--pb-t2); font-family: var(--pb-num); font-size: .8rem; flex-shrink: 0; }
.pro-net.on { border-color: var(--pb-acc); background: var(--pb-acc-soft); }
.pro-net.on i { background: var(--pb-acc); color: var(--pb-on-acc); }
.network-selection { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; margin-top: 10px !important; }
.full-page-content { scrollbar-width: none; }
.full-page-content::-webkit-scrollbar { width: 0; }

/* ---------- wallet: full-width shortcuts row under Deposit / Withdraw ("More" opens all services) ---------- */
.pro-quick { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: var(--pb-card); border: 1px solid var(--pb-line); border-radius: var(--pb-r); padding: 12px 4px; margin: 4px 0 10px; }
.pro-quick button { position: relative; display: flex; flex-direction: column; align-items: center; gap: 7px; background: none; border: 0; color: var(--pb-t2); font-family: inherit; font-size: .72rem; cursor: pointer; padding: 2px 0; min-width: 0; }
.pro-quick button i { font-size: 1.15rem; color: var(--pb-t1); height: 22px; display: grid; place-items: center; transition: transform .15s; }
.pro-quick button:active i { transform: scale(.88); }
.pro-quick button span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pro-quick .nav-tab-dot { position: absolute; top: 0; inset-inline-end: calc(50% - 16px); width: 8px; height: 8px; border-radius: 50%; background: var(--pb-dn); }

.more-ov { position: fixed; inset: 0; z-index: 10002; background: rgba(0,0,0,.65); display: flex; align-items: flex-end; justify-content: center; opacity: 0; transition: opacity .3s ease; }
.more-ov.show { opacity: 1; }
.more-sheet { width: 100%; max-width: 520px; background: var(--pb-bg2); border-radius: 22px 22px 0 0; padding: 10px 14px calc(20px + env(safe-area-inset-bottom, 0px));
  transform: translateY(100%); transition: transform .34s cubic-bezier(.32,.72,0,1); will-change: transform; color: var(--pb-t1); }
.more-ov.show .more-sheet { transform: none; }
.more-grab { width: 36px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.14); margin: 0 auto 10px; }
.more-h { display: flex; align-items: center; justify-content: space-between; margin: 0 4px 14px; }
.more-h b { font-size: 1.05rem; }
.more-x { width: 32px; height: 32px; border-radius: 50%; border: 0; background: var(--pb-card); color: var(--pb-t1); cursor: pointer; display: grid; place-items: center; }
.more-grid2 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 6px; }
.more-grid2 button { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; background: none; border: 0; color: var(--pb-t2); font-family: inherit; font-size: .72rem; line-height: 1.3; cursor: pointer; text-align: center; }
.more-grid2 button i { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; font-size: 1.1rem; background: var(--pb-card); border: 1px solid var(--pb-line); color: var(--pb-t1); transition: transform .15s; }
.more-grid2 button:active i { transform: scale(.92); }
.more-grid2 button.danger i { color: var(--pb-dn); }
.more-dot { position: absolute; top: -2px; inset-inline-end: calc(50% - 26px); width: 9px; height: 9px; border-radius: 50%; background: var(--pb-dn); }
#pageDashboard .blk-market[hidden], #pageDashboard .blk-recent[hidden] { display: none !important; }