/* =====================================================================
   Truvexa theme: dark navy glass. Loaded after daman.css and overrides it.
   ===================================================================== */
:root{
  --primary:#3d8bff;--primary-light:#6aa8ff;--primary-dark:#2a6fe0;--primary-soft:rgba(61,139,255,.14);
  --grad:linear-gradient(135deg,#2f7bff 0%,#5fb0ff 100%);
  --bg:#070b16;--surface:rgba(20,27,45,.72);--surface-2:rgba(255,255,255,.04);--text:#e8edf8;--muted:#8b96b0;--soft:#5f6a85;
  --success:#2fd38a;--success-soft:rgba(47,211,138,.14);--warning:#f5b14c;--warning-soft:rgba(245,177,76,.13);
  --danger:#ff6b72;--danger-soft:rgba(255,107,114,.13);--blue:#5fb0ff;--blue-soft:rgba(95,176,255,.13);
  --gold:#f2c14e;
  --border:rgba(255,255,255,.08);--glass-border:rgba(140,170,255,.14);
  --shadow:0 12px 40px rgba(0,0,0,.45);--shadow-sm:0 6px 20px rgba(0,0,0,.35);
  --nav-h:66px;--top-h:58px;
}
html{background:var(--bg);color-scheme:dark}
body.dc{background:var(--bg);color:var(--text);position:relative}
body.dc::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 40% at 50% 0%,rgba(47,123,255,.20),transparent 70%),
             radial-gradient(50% 35% at 50% 100%,rgba(47,123,255,.12),transparent 70%),var(--bg)}

/* glass surfaces */
.card,.stat,.tile,.dc-bottom-nav,.tvx-sheet .sheet-box{background:var(--surface);border:1px solid var(--glass-border);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}
.card{border-radius:20px}
.badge.muted{background:rgba(255,255,255,.06);color:var(--muted)}
.badge.success{color:#3ee59b}.badge.warning{color:#ffc670}
.input,.select,.textarea{background:rgba(255,255,255,.04);border-color:var(--border);color:var(--text)}
.input:disabled,.input[readonly]{background:rgba(255,255,255,.03);color:#aab4cc}
.input::placeholder,.textarea::placeholder{color:#5f6a85}
.btn-primary{box-shadow:0 10px 26px rgba(47,123,255,.35)}
.btn-secondary{background:transparent;color:var(--primary-light)!important;border-color:rgba(95,176,255,.5)}
.btn-light{background:rgba(255,255,255,.05);color:var(--text)!important;border-color:var(--border)}
.btn-arrow{padding-right:8px}
.btn-arrow .arr{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;margin-left:4px}

/* top bar: logo + title left, wallet chip right */
.dc-topbar,.dc-topbar.tvx{background:rgba(7,11,22,.72)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  color:var(--text)!important;border-bottom:1px solid var(--border);gap:10px}
.dc-topbar .tb-btn{color:var(--text)!important}
.tvx-brand{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
.tvx-brand img{width:30px;height:30px;object-fit:contain}
.tvx-brand .tb-title{flex:initial;text-align:left;font-size:18px;font-weight:700}
.tvx-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 4px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid var(--glass-border);font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text)}
.tvx-chip .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--font);color:#fff;background:linear-gradient(135deg,#5b3df5,#2f7bff)}
.tvx-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}

/* desktop: no sidebar, centred mobile-style column like the reference */
.dc-sidebar{display:none!important}
.dc-shell{padding-left:0!important}
@media(min-width:992px){
  .dc-bottom-nav{display:block!important}
  .dc-main{padding-bottom:calc(var(--nav-h) + 30px)!important}
  .dc-topbar{padding:0 max(16px,calc(50vw - 300px))!important}
  .dc-topbar .tb-back{display:none}
  .dc-container{max-width:640px!important;padding:0 16px!important}
}

/* bottom nav: 5 flat tabs */
.dc-bottom-nav{border-radius:22px;left:10px;right:10px;bottom:10px;padding:0 4px;max-width:620px;margin:0 auto}
.dc-bottom-nav ul{grid-template-columns:repeat(5,1fr)}
.dc-bottom-nav a{color:var(--muted)}
.dc-bottom-nav a i{font-size:20px}
.dc-bottom-nav a.active{color:var(--primary-light)}
.dc-bottom-nav a.active i{filter:drop-shadow(0 0 8px rgba(95,176,255,.6))}
.dc-bottom-nav button{all:unset;cursor:pointer;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600}
.dc-bottom-nav button i{font-size:20px;line-height:1}

/* "More" sheet */
.tvx-sheet{position:fixed;inset:0;z-index:90;display:none}
.tvx-sheet.open{display:block}
.tvx-sheet .sheet-bg{position:absolute;inset:0;background:rgba(3,6,14,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tvx-sheet .sheet-box{position:absolute;left:10px;right:10px;top:10px;max-width:620px;margin:0 auto;border-radius:22px;padding:14px 14px 16px;background:rgba(14,19,33,.96)}
.tvx-sheet .sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.tvx-sheet .sheet-head b{font-size:17px}
.tvx-sheet .sheet-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);font-size:18px;cursor:pointer;display:grid;place-items:center}
.tvx-sheet .sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tvx-sheet .sheet-grid a,.tvx-sheet .sheet-grid button{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text);font:600 13.5px var(--font);cursor:pointer;text-align:left}
.tvx-sheet .sheet-grid i{font-size:17px;color:var(--muted)}
.tvx-sheet .sheet-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:12px;color:var(--muted)}
.tvx-sheet .sheet-foot .net{color:var(--success);font-weight:600}

/* empty states */
.tvx-empty{text-align:center;padding:34px 18px}
.tvx-empty .ic{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;font-size:24px;color:var(--muted);
  background:rgba(255,255,255,.05);border:1px solid var(--border)}
.tvx-empty h3{font-size:18px;margin-bottom:6px}
.tvx-empty p{color:var(--muted);font-size:13px;margin-bottom:16px}

/* landing + connect */
.tvx-landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px}
.tvx-landing .logo{width:min(320px,80vw);margin-bottom:26px}
.tvx-landing .wordmark{font-size:44px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px;
  background:linear-gradient(135deg,#9fd0ff,#3d8bff 55%,#7b5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.tvx-landing .tag{color:var(--muted);font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:34px}
.tvx-landing h1{font-size:30px;margin-bottom:22px}
.tvx-landing h1 span{color:var(--primary-light)}
.tvx-connect{max-width:420px;width:100%}
.tvx-connect .card{text-align:left}
.tvx-connect .kv{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;color:var(--muted)}
.tvx-connect .kv b{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-all;text-align:right}
.tvx-note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.55}
.tvx-err{color:var(--danger);font-size:13px;margin-top:10px;min-height:18px}

/* modal / toast surfaces from daman.js */
.dc-modal{background:rgba(3,6,14,.65)}
.dc-modal .sheet{background:#0f1526;border:1px solid var(--glass-border);border-bottom:0}
.dc-toast{background:#141c31;border:1px solid var(--glass-border)}

/* package chooser */
.tvx-pkgs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
@media(min-width:520px){.tvx-pkgs{grid-template-columns:repeat(4,1fr)}}
.tvx-pkg{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text);transition:border .15s,box-shadow .15s}
.tvx-pkg small{font-size:10.5px;letter-spacing:.08em;color:var(--muted);font-weight:700}
.tvx-pkg b{font-size:24px;font-weight:800}
.tvx-pkg span{font-size:11.5px;color:var(--muted)}
.tvx-pkg em{font-style:normal;font-size:11px;color:var(--primary-light)}
.tvx-pkg.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(61,139,255,.18)}
.tvx-pkg.held,.tvx-pkg:disabled{opacity:.45;cursor:not-allowed}
.wallet-state{background:rgba(255,255,255,.04)!important;border-color:var(--border)!important}

/* overview tags */
.tvx-tags{display:flex;flex-wrap:wrap;gap:6px}
.tvx-tags span{font-size:11.5px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--muted)}
.tvx-tags .hl{color:var(--primary-light);border-color:rgba(95,176,255,.35)}

.tvx-landing .logo-full{display:block;width:min(340px,82vw);height:auto;margin:0 auto 22px}