/* ===== UI 2: app shell + refreshed theme. Loaded last, so it wins over older layers. ===== */
:root{
  --bg:#070a14; --card:#0f1427; --txt:#eef1fa; --muted:#8c93ae;
  --ok:#57e8a6; --warn:#f3b94d; --err:#ff6b6b; --accent:#5670ff; --hair:rgba(255,255,255,.08); --glass:rgba(255,255,255,.04);
  --u2-bg:#070a14; --u2-side:#0a0e1c; --u2-surface:#0f1427; --u2-surface-2:#141a33; --u2-line:rgba(255,255,255,.07); --u2-line-2:rgba(255,255,255,.13);
  --u2-text:#eef1fa; --u2-muted:#8c93ae; --u2-faint:#5f6684;
  --u2-indigo:#5670ff; --u2-indigo-soft:rgba(86,112,255,.14); --u2-mint:#57e8a6; --u2-mint-soft:rgba(87,232,166,.12);
  --u2-amber:#f3b94d; --u2-coral:#ff6b6b;
  --u2-display:'Archivo','Inter',system-ui,sans-serif; --u2-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --u2-mono:'JetBrains Mono',ui-monospace,monospace;
  --u2-side-w:248px; --u2-top-h:64px;
}
:root{--u2-ink:255,255,255;--u2-deep:7,10,20;--u2-input:#090d1b;--u2-sunken:#0b1022;--u2-track:#262d4d;--u2-indigo-text:#9aa8ff;--u2-text-2:#b4bdd4;--u2-mint-text:#57e8a6;--u2-amber-text:#f3b94d;--u2-coral-text:#ff6b6b;color-scheme:dark}
html[data-theme="light"]{
  color-scheme:light;
  --u2-bg:#f3f5fa; --u2-side:#ffffff; --u2-surface:#ffffff; --u2-surface-2:#f7f8fc;
  --u2-line:rgba(15,23,42,.08); --u2-line-2:rgba(15,23,42,.15);
  --u2-text:#0f172a; --u2-muted:#535c70; --u2-faint:#6b7386; --u2-text-2:#475569;
  --u2-indigo:#4f5fe8; --u2-indigo-soft:rgba(79,95,232,.10); --u2-indigo-text:#4338ca;
  --u2-mint:#10b981; --u2-mint-soft:rgba(16,185,129,.12); --u2-mint-text:#047857;
  --u2-amber:#f59e0b; --u2-amber-text:#b45309; --u2-coral:#ef4444; --u2-coral-text:#dc2626;
  --u2-ink:15,23,42; --u2-deep:238,241,247; --u2-input:#ffffff; --u2-sunken:#f4f6fb; --u2-track:#dde2ec;
  /* legacy cabinet variables */
  --bg:#f3f5fa; --card:#ffffff; --txt:#0f172a; --muted:#5b6478; --hair:rgba(15,23,42,.12); --glass:rgba(15,23,42,.04);
  --ok:#059669; --warn:#b45309; --err:#dc2626; --accent:#4f5fe8;
}

body{background:var(--u2-bg);font-family:var(--u2-body);font-size:15px;letter-spacing:-.005em}
body::before{background:radial-gradient(900px 500px at 70% -10%,rgba(86,112,255,.10),transparent 65%),radial-gradient(700px 400px at 100% 100%,rgba(87,232,166,.05),transparent 60%)}
#fx{display:none!important}
input,select,textarea,button{font-family:inherit}

/* ---------- shell ---------- */
.u2-side,.u2-top,.u2-tabbar,.u2-scrim{display:none}
body.u2-authed .u2-side{display:flex}
body.u2-authed .u2-top{display:flex}
body.u2-authed .wrap>.topbar,
body.u2-authed .global-balance-row,
body.u2-authed .tabsbar.grouped-main-nav,
body.u2-authed #groupedSubnav{display:none!important}
body.u2-authed .wrap{max-width:none;margin:0 0 0 var(--u2-side-w);padding:0 32px calc(40px + env(safe-area-inset-bottom))}
body.u2-authed #gated{max-width:1180px;margin-left:auto;margin-right:auto}
/* some panels and the footer sit outside .wrap in the original markup */
body.u2-authed>.tab-panel,body.u2-authed>.footer{margin-left:var(--u2-side-w);padding:0 32px}
body.u2-authed>.tab-panel>*,body.u2-authed>.footer>*{max-width:1180px;margin-left:auto!important;margin-right:auto!important}
body.u2-authed .activity-wrap{max-width:1180px}
body.u2-authed>.footer{padding-bottom:28px}
body.u2-authed .wrap:has(~ .tab-panel:not([hidden])){padding-bottom:0!important}

.u2-side{position:fixed;inset:0 auto 0 0;z-index:120;width:var(--u2-side-w);flex-direction:column;gap:2px;padding:18px 14px 16px;background:var(--u2-side);border-right:1px solid var(--u2-line);overflow-y:auto;scrollbar-width:thin}
.u2-brand{display:flex;align-items:center;gap:10px;padding:2px 10px 18px;color:var(--u2-text);text-decoration:none;font:800 16px var(--u2-display);letter-spacing:-.01em}
.u2-brand i{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--u2-indigo),var(--u2-mint));display:grid;place-items:center;box-shadow:0 6px 18px rgba(86,112,255,.35)}
.u2-brand i svg{width:16px;height:16px;color:#fff}
.u2-sec{margin-top:14px}
.u2-sec-t{padding:0 12px 6px;font:600 10.5px var(--u2-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--u2-faint)}
.u2-shell :where(button){all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}
.u2-shell button:focus-visible,.u2-shell a:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:2px;border-radius:10px}
.u2-item{position:relative;display:flex!important;align-items:center;gap:11px;width:100%;padding:9px 12px;border-radius:10px;color:var(--u2-muted);font:500 14px var(--u2-body);transition:background .15s,color .15s}
.u2-item svg{width:18px;height:18px;flex:none;opacity:.85}
.u2-item:hover{background:rgba(var(--u2-ink),.04);color:var(--u2-text)}
.u2-item.on{background:var(--u2-indigo-soft);color:var(--u2-text)}
.u2-item.on::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--u2-indigo)}
.u2-item.on svg{opacity:1;color:var(--u2-indigo-text)}
.u2-item .u2-badge{margin-left:auto;padding:1px 7px;border-radius:99px;background:var(--u2-mint-soft);color:var(--u2-mint-text);font:600 10px var(--u2-mono)}
.u2-side-foot{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:10px}
.u2-bal{padding:14px;border-radius:14px;border:1px solid var(--u2-line);background:linear-gradient(160deg,rgba(86,112,255,.12),rgba(87,232,166,.05) 70%),var(--u2-surface)}
.u2-bal small{display:block;font:500 11px var(--u2-body);color:var(--u2-muted)}
.u2-bal strong{display:block;margin:2px 0 12px;font:600 22px var(--u2-mono);letter-spacing:-.02em;color:var(--u2-text);font-variant-numeric:tabular-nums}
.u2-bal strong span{font-size:12px;color:var(--u2-muted);margin-left:4px;font-weight:500}
.u2-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;font:600 13.5px var(--u2-body);white-space:nowrap;transition:filter .15s,background .15s,border-color .15s,transform .1s}
.u2-btn:active{transform:scale(.97)}
.u2-btn.pri{background:var(--u2-indigo);color:#fff;box-shadow:0 6px 18px rgba(86,112,255,.3)}
.u2-btn.pri:hover{filter:brightness(1.12)}
.u2-btn.mint{background:var(--u2-mint);color:#062016}
.u2-btn.mint:hover{filter:brightness(1.06)}
.u2-btn.ghost{border:1px solid var(--u2-line-2);color:var(--u2-text);background:rgba(var(--u2-ink),.02)}
.u2-btn.ghost:hover{border-color:rgba(var(--u2-ink),.24);background:rgba(var(--u2-ink),.05)}
.u2-btn svg{width:16px;height:16px}
.u2-bal .u2-btn{width:100%}
.u2-row{display:flex;align-items:center;gap:6px}
.u2-langs{display:flex;flex:1;padding:3px;border-radius:10px;border:1px solid var(--u2-line);background:rgba(var(--u2-ink),.02)}
.u2-lang{flex:1;text-align:center;padding:5px 0;border-radius:7px;font:600 11.5px var(--u2-mono);color:var(--u2-muted)}
.u2-lang.on{background:var(--u2-indigo-soft);color:var(--u2-text)}
.u2-icon{display:inline-grid!important;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--u2-line);color:var(--u2-muted)}
.u2-icon:hover{color:var(--u2-text);border-color:var(--u2-line-2)}
.u2-icon svg{width:16px;height:16px}
.u2-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:var(--u2-muted);text-decoration:none;font:500 13.5px var(--u2-body)}
.u2-link:hover{background:rgba(var(--u2-ink),.04);color:var(--u2-text)}
.u2-link svg{width:17px;height:17px}
.u2-status{display:inline-flex;align-items:center;gap:6px;color:var(--u2-mint-text)!important;font-size:12px!important}
.u2-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--u2-mint);box-shadow:0 0 8px var(--u2-mint);animation:u2pulse 2s ease-out infinite}
@keyframes u2pulse{50%{opacity:.35}}

.u2-top{position:sticky;top:0;z-index:100;align-items:center;gap:12px;height:var(--u2-top-h);margin:0 -32px 22px;padding:0 32px;background:rgba(var(--u2-deep),.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--u2-line)}
.u2-top-title{min-width:0;flex:1}
.u2-top-title h1{margin:0;font:700 19px var(--u2-display);letter-spacing:-.02em;color:var(--u2-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u2-top-title h1::after{display:none}
.u2-top-title p{margin:1px 0 0;font-size:12.5px;color:var(--u2-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u2-burger{display:none!important}
.u2-easy{display:inline-flex!important;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--u2-line);font:500 13px var(--u2-body);color:var(--u2-muted)}
.u2-easy:hover{color:var(--u2-text);border-color:var(--u2-line-2)}
.u2-sw{position:relative;width:30px;height:18px;border-radius:99px;background:var(--u2-track);transition:background .2s}
.u2-sw::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}
.u2-easy[aria-checked="true"]{color:var(--u2-text)}
.u2-easy[aria-checked="true"] .u2-sw{background:var(--u2-mint)}
.u2-easy[aria-checked="true"] .u2-sw::after{transform:translateX(12px)}
.u2-pill{display:none!important;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--u2-line-2);font:600 13px var(--u2-mono);color:var(--u2-text)}
.u2-pill small{font:500 11px var(--u2-body);color:var(--u2-muted)}

.u2-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:110;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(var(--u2-deep),.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--u2-line);justify-content:space-around}
.u2-tab{display:flex!important;flex-direction:column;align-items:center;gap:3px;flex:1;padding:6px 0;border-radius:10px;color:var(--u2-faint);font:500 10.5px var(--u2-body)}
.u2-tab svg{width:21px;height:21px}
.u2-tab.on{color:var(--u2-text)}
.u2-tab.on svg{color:var(--u2-indigo-text)}
.u2-scrim{position:fixed;inset:0;z-index:115;background:rgba(3,5,12,.6);backdrop-filter:blur(3px)}

@media(max-width:960px){
  :root{--u2-top-h:58px}
  body.u2-authed .wrap{margin-left:0;padding:0 16px calc(84px + env(safe-area-inset-bottom))}
  body.u2-authed>.tab-panel,body.u2-authed>.footer{margin-left:0;padding:0 16px}
  body.u2-authed>.footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  /* hidden drawer: no shadow, otherwise it leaks onto the screen edge (visible in the light theme) */
  .u2-side{transform:translateX(-102%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s;box-shadow:none;width:280px}
  body.u2-menu .u2-side{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:20px 0 60px rgba(0,0,0,.35)}
  body.u2-authed.u2-menu .u2-scrim{display:block}
  body.u2-authed .u2-tabbar{display:flex}
  .u2-top{margin:0 -16px 16px;padding:0 12px 0 8px;gap:8px}
  .u2-burger{display:inline-grid!important;border:0;width:40px;height:40px}
  .u2-top-title h1{font-size:17px}
  .u2-top-title p,.u2-top .u2-easy,.u2-top .u2-order{display:none!important}
  .u2-pill{display:inline-flex!important}
}

/* ---------- theme: shared components ---------- */
.card{background:var(--u2-surface);border:1px solid var(--u2-line);border-radius:16px;box-shadow:0 1px 0 rgba(var(--u2-ink),.03) inset,0 12px 32px -18px rgba(0,0,0,.6);backdrop-filter:none}
h2{font-family:var(--u2-display);color:var(--u2-text);letter-spacing:-.01em}
label{color:var(--u2-muted);font-size:13px}
input,select,textarea{background:var(--u2-input);border:1px solid var(--u2-line-2);border-radius:10px;color:var(--u2-text)}
input:hover,select:hover,textarea:hover{border-color:rgba(var(--u2-ink),.2)}
input:focus,select:focus,textarea:focus{border-color:var(--u2-indigo);box-shadow:0 0 0 3px var(--u2-indigo-soft)}
button{border-radius:10px;font-weight:600;background:var(--u2-indigo);transition:filter .15s,background .15s,border-color .15s}
button:not(:disabled):hover{filter:brightness(1.1)}
button.secondary{background:rgba(var(--u2-ink),.04);border:1px solid var(--u2-line-2);color:var(--u2-text)}
button.secondary:not(:disabled):hover{background:rgba(var(--u2-ink),.07);filter:none}
.pill{background:rgba(var(--u2-ink),.04);border-color:var(--u2-line-2)}
code,kbd,.mono{font-family:var(--u2-mono)}
table{font-variant-numeric:tabular-nums}
th{color:var(--u2-faint)!important;font:600 10.5px var(--u2-mono)!important;letter-spacing:.08em;text-transform:uppercase}
.modal-backdrop{background:rgba(3,5,12,.66)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal{background:var(--u2-surface)!important;border:1px solid var(--u2-line-2)!important;border-radius:18px!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important}
.toast-box{z-index:200}
@media(max-width:960px){body.u2-authed .toast-box{bottom:calc(76px + env(safe-area-inset-bottom))!important}}
.toast{background:var(--u2-surface-2)!important;border:1px solid var(--u2-line-2)!important;border-radius:12px!important;box-shadow:0 18px 40px rgba(0,0,0,.45)!important}
.toast.ok{border-color:rgba(87,232,166,.4)!important}
.toast.err{border-color:rgba(255,107,107,.45)!important}
.skel{background:linear-gradient(90deg,rgba(var(--u2-ink),.04),rgba(var(--u2-ink),.09),rgba(var(--u2-ink),.04))!important;background-size:200% 100%!important}

/* dashboard */
.kpi-card{background:var(--u2-surface-2)!important;border:1px solid var(--u2-line)!important;border-radius:14px!important;box-shadow:none!important}
.kpi-card :is(.kpi-value,strong){font-family:var(--u2-mono);letter-spacing:-.02em}
.wc-card{background:var(--u2-surface-2)!important;border:1px solid var(--u2-line)!important;border-radius:14px!important;box-shadow:none!important;transition:border-color .2s,transform .2s}
.wc-card:hover{border-color:rgba(86,112,255,.4)!important;transform:translateY(-2px)}
.wc-card::before{display:none!important}
.wc-assets strong,.wc-assets b,.wc-resources b{font-family:var(--u2-mono)}
.wc-address code{font-family:var(--u2-mono)}
.filter-chip{border-radius:99px!important}
.filter-chip.active{background:var(--u2-indigo-soft)!important;border-color:rgba(86,112,255,.55)!important;color:var(--u2-text)!important}
.balance-value,.balance-tariff-price,.global-balance-value{font-family:var(--u2-mono)}
.status-badge{border-radius:99px}
.status-badge.green{background:var(--u2-mint-soft);color:var(--u2-mint-text)}


/* dashboard: flatter layout, page title already lives in the top bar */
body.u2-authed #tab-dashboard .dashboard-overview{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important}
body.u2-authed #tab-dashboard .dashboard-overview::before,body.u2-authed #tab-dashboard .dashboard-overview::after{display:none!important}
body.u2-authed #tab-dashboard .dashboard-overview .dash-title{display:none}
body.u2-authed #tab-dashboard .dashboard-overview .dash-head{margin-bottom:16px}
@media(min-width:1200px){body.u2-authed .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.u2-sec{margin-top:10px}.u2-item{padding:8px 12px}

/* logged-out entry screen */
body:not(.u2-authed) .wrap{max-width:1120px;padding-top:24px}
body:not(.u2-authed) .wrap>.topbar h1{font-family:var(--u2-display);font-size:18px}
body:not(.u2-authed) .wrap>.topbar h1::after{background:var(--u2-mint);box-shadow:0 0 10px var(--u2-mint)}
.entry-shell{border-radius:22px!important;background:radial-gradient(700px 360px at 0% 0%,rgba(86,112,255,.14),transparent 60%),var(--u2-surface)!important}
.entry-headline{font-family:var(--u2-display)!important;letter-spacing:-.03em!important}
.auth-card{border-radius:14px!important;border-color:var(--u2-line-2)!important;background:var(--u2-surface-2)!important}

/* page enter animation */
body.u2-authed .tab-panel:not([hidden]),body.u2-authed #easyModePage:not([hidden]){animation:u2in .35s cubic-bezier(.2,.8,.2,1)}
@keyframes u2in{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){body.u2-authed .tab-panel:not([hidden]),.u2-side{animation:none!important;transition:none!important}}

/* ---------- dashboard overview (ui2-dashboard.js) ---------- */
body.u2-dash-on #dashSummaryGrid,body.u2-dash-on #tab-dashboard .dashboard-overview .dash-head,body.u2-dash-on #dashSavingsBlock{display:none!important}
.u2-dash{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.u2d-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:14px}
.u2d-card{position:relative;border:1px solid var(--u2-line);border-radius:18px;background:var(--u2-surface);padding:20px;min-width:0}
.u2d-label{display:flex;align-items:center;gap:8px;font:500 13px var(--u2-body);color:var(--u2-muted)}
.u2d-label svg{width:16px;height:16px;flex:none}
.u2d-muted{color:var(--u2-faint);font-size:12.5px}
.u2d-hero{padding:26px 26px 22px;overflow:hidden;border-color:rgba(86,112,255,.35);background:radial-gradient(600px 260px at 0% 0%,rgba(86,112,255,.28),transparent 65%),radial-gradient(400px 220px at 100% 100%,rgba(87,232,166,.10),transparent 70%),var(--u2-surface);box-shadow:0 30px 70px -40px rgba(86,112,255,.7)}
.u2d-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(var(--u2-ink),.06);box-shadow:0 0 0 40px rgba(var(--u2-ink),.015),0 0 0 80px rgba(var(--u2-ink),.01);pointer-events:none}
.u2d-total{display:flex;align-items:baseline;gap:2px;margin:10px 0 6px;font-family:var(--u2-mono);color:var(--u2-text);letter-spacing:-.04em;flex-wrap:wrap}
.u2d-total b{font-size:clamp(36px,4.4vw,52px);font-weight:600;line-height:1}
.u2d-total em{font-style:normal;font-size:clamp(22px,2.4vw,28px);color:var(--u2-text-2)}
.u2d-total small{margin-left:10px;font:600 14px var(--u2-body);letter-spacing:0;color:var(--u2-muted)}
.u2d-nets{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--u2-muted)}
.u2d-nets b{font:500 12.5px var(--u2-mono);color:var(--u2-text);margin-left:4px}
.u2d-bar{display:flex;gap:3px;height:8px;margin:18px 0 10px;border-radius:99px;overflow:hidden}
.u2d-bar i{display:block;min-width:4px;border-radius:2px}
.u2d-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--u2-muted)}
.u2d-legend span{display:inline-flex;align-items:center;gap:6px}
.u2d-legend i{width:8px;height:8px;border-radius:3px}
.u2d-legend b{font:500 11.5px var(--u2-mono);color:var(--u2-text)}
.u2d-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.u2d-btn{display:inline-flex;align-items:center;gap:8px;width:auto;min-height:40px;padding:0 15px;border-radius:11px;font:600 13.5px var(--u2-body);box-shadow:none;white-space:nowrap}
.u2d-btn svg{width:16px;height:16px}
.u2d-btn.pri{background:var(--u2-indigo);color:#fff;box-shadow:0 8px 22px -6px rgba(86,112,255,.65)}
.u2d-btn.ghost{background:rgba(var(--u2-ink),.05);border:1px solid var(--u2-line-2);color:var(--u2-text)}
.u2d-btn.link{background:none;color:var(--u2-muted);padding:0 8px}
.u2d-btn.link:hover{color:var(--u2-text)}
.u2d-save{display:flex;flex-direction:column;gap:8px;border-color:rgba(87,232,166,.3);background:radial-gradient(420px 220px at 100% 0%,rgba(87,232,166,.16),transparent 65%),var(--u2-surface)}
.u2d-save .u2d-label{color:var(--u2-mint-text)}
.u2d-save-v{display:flex;align-items:baseline;gap:6px;margin-top:6px;font-family:var(--u2-mono);color:var(--u2-mint-text);letter-spacing:-.03em}
.u2d-save-v b{font-size:40px;font-weight:600;line-height:1}
.u2d-save-v small{font:600 13px var(--u2-body);color:var(--u2-mint-text);letter-spacing:0}
.u2d-rail{height:6px;border-radius:9px;background:rgba(var(--u2-ink),.06);overflow:hidden;margin-top:auto}
.u2d-rail i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#2fbf85,var(--u2-mint))}
.u2d-save .u2d-btn{align-self:flex-start;margin-top:auto}
.u2d-attn{padding:16px 18px;border-color:rgba(243,185,77,.38);background:linear-gradient(90deg,rgba(243,185,77,.10),rgba(243,185,77,.02) 60%),var(--u2-surface)}
.u2d-attn-h{display:flex;align-items:center;gap:10px;color:var(--u2-amber-text);font-size:14px}
.u2d-attn-h svg{width:18px;height:18px}
.u2d-attn-list{display:flex;flex-direction:column;margin-top:10px}
.u2d-attn-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 0;border-top:1px solid rgba(243,185,77,.14)}
.u2d-attn-w{display:flex;align-items:baseline;gap:10px;min-width:0}
.u2d-attn-w b{font-weight:600;color:var(--u2-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u2d-attn-w code{font-size:12px;color:var(--u2-faint)}
.u2d-tag{padding:3px 10px;border-radius:99px;background:rgba(243,185,77,.14);color:var(--u2-amber-text);font:600 11px var(--u2-body);white-space:nowrap}
.u2d-attn-a{display:flex;gap:6px}
.u2d-attn-a button{width:auto;min-height:32px;padding:0 12px;border-radius:9px;font-size:12.5px;box-shadow:none}
.u2d-attn-a .dash-action-btn{background:var(--u2-amber);color:#231703;border:0}
.u2d-attn-a .dash-detail-btn{background:rgba(var(--u2-ink),.05);border:1px solid var(--u2-line-2);color:var(--u2-text)}
.u2d-good{display:flex;align-items:center;gap:14px;padding:14px 18px;border-color:rgba(87,232,166,.28);background:linear-gradient(90deg,rgba(87,232,166,.09),transparent 60%),var(--u2-surface)}
.u2d-good svg{width:22px;height:22px;color:var(--u2-mint-text);flex:none}
.u2d-good b{display:block;font-weight:600;color:var(--u2-text);font-size:14px}
.u2d-good span{font-size:12.5px;color:var(--u2-muted)}
.u2d-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.u2d-stat{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.u2d-stat-v{font:600 22px var(--u2-mono);letter-spacing:-.03em;color:var(--u2-text)}
.u2d-stat-v small{margin-left:5px;font:600 11.5px var(--u2-body);letter-spacing:0;color:var(--u2-muted)}
.u2d-stat-n{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--u2-faint)}
.u2d-health{display:flex;gap:2px;width:44px;height:5px;border-radius:9px;overflow:hidden}
.u2d-health i{background:var(--u2-mint)}.u2d-health i.bad{background:var(--u2-amber)}
.u2d-stat-btn{all:unset;box-sizing:border-box;cursor:pointer;padding:16px 18px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--u2-line);border-radius:18px;background:var(--u2-surface);transition:border-color .2s}
.u2d-stat-btn:hover{border-color:rgba(87,232,166,.45)}
.u2d-stat-btn:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:2px}
.u2d-link{color:var(--u2-mint-text)}
/* wallets that need attention get an amber edge */
.wc-card:has(.wc-health){border-color:rgba(243,185,77,.35)!important;box-shadow:inset 3px 0 0 var(--u2-amber)!important}
@media(max-width:1100px){.u2d-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.u2d-grid{grid-template-columns:1fr}.u2d-attn-row{grid-template-columns:minmax(0,1fr) auto}.u2d-attn-a{grid-column:1/-1}}
@media(max-width:520px){.u2d-hero{padding:20px}.u2d-actions .u2d-btn.pri{flex:1 1 100%;justify-content:center}.u2d-stats{gap:10px}.u2d-stat,.u2d-stat-btn{padding:14px}.u2d-stat-v{font-size:18px}}
.u2d-pct{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--u2-mint-text)}
.u2d-pct b{padding:3px 9px;border-radius:99px;background:rgba(87,232,166,.16);color:var(--u2-mint-text);font:600 12px var(--u2-mono)}

/* ---------- Auto Energy (ui2-autoenergy.js) ---------- */
#tab-auto-energy .ae-header{display:none!important}
#tab-auto-energy .ae-shell{font-size:13.5px;color:var(--u2-text)}
#tab-auto-energy .ae-shell.u2-ae-has #ae-wallet-summary{display:none!important}
.u2-ae{margin-bottom:14px}
.u2-ae-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px;border-radius:18px;overflow:hidden}
.u2-ae-hero.on{border:1px solid rgba(87,232,166,.32);background:radial-gradient(560px 260px at 0% 0%,rgba(87,232,166,.16),transparent 65%),radial-gradient(500px 260px at 100% 100%,rgba(86,112,255,.14),transparent 70%),var(--u2-surface)}
.u2-ae-hero.off{border:1px solid rgba(86,112,255,.35);background:radial-gradient(600px 280px at 0% 0%,rgba(86,112,255,.26),transparent 65%),radial-gradient(420px 240px at 100% 100%,rgba(87,232,166,.10),transparent 70%),var(--u2-surface);box-shadow:0 30px 70px -40px rgba(86,112,255,.7)}
.u2-ae-state{display:flex;align-items:center;gap:10px;font:700 24px var(--u2-display);letter-spacing:-.02em;color:var(--u2-text)}
.u2-ae-dot{position:relative;width:12px;height:12px;border-radius:50%;background:var(--u2-mint);box-shadow:0 0 12px var(--u2-mint)}
.u2-ae-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--u2-mint);opacity:0;animation:u2ring 2s ease-out infinite}
.u2-ae-dot.wait{background:var(--u2-amber);box-shadow:0 0 12px var(--u2-amber)}.u2-ae-dot.wait::after{border-color:var(--u2-amber)}
@keyframes u2ring{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(1.6)}}
.u2-ae-main p{margin:8px 0 0;color:var(--u2-text-2);font-size:14px;line-height:1.55;max-width:560px}
.u2-ae-main h2{margin:10px 0 0;font:700 clamp(24px,2.6vw,32px) var(--u2-display);letter-spacing:-.03em;color:var(--u2-text)}
.u2-ae-kicker{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:99px;border:1px solid var(--u2-line-2);font:600 11px var(--u2-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--u2-muted)}
.u2-ae-kicker svg{width:13px;height:13px;color:var(--u2-mint-text)}
.u2-ae-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.u2-ae-kpis{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px}
.u2-ae-kpi{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:rgba(var(--u2-deep),.45);border:1px solid var(--u2-line)}
.u2-ae-kpi span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--u2-muted)}
.u2-ae-kpi span svg{width:14px;height:14px}
.u2-ae-kpi strong{font:600 20px var(--u2-mono);letter-spacing:-.02em;color:var(--u2-text);white-space:nowrap}
.u2-ae-kpi strong small{margin-left:5px;font:600 11px var(--u2-body);color:var(--u2-muted)}
.u2-ae-kpi em{font-style:normal;font-size:11px;color:var(--u2-faint)}
.u2-ae-steps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;list-style:none;font-size:13px;color:var(--u2-text)}
.u2-ae-steps li{display:flex;align-items:center;gap:8px}
.u2-ae-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--u2-indigo-soft);color:var(--u2-indigo-text);font:600 11px var(--u2-mono)}
.u2-ae-price{display:flex;flex-direction:column;gap:10px;min-width:230px}
.u2-ae-price div{display:flex;flex-direction:column;padding:14px 16px;border-radius:14px;background:rgba(var(--u2-deep),.45);border:1px solid var(--u2-line)}
.u2-ae-price strong{font:600 22px var(--u2-mono);letter-spacing:-.02em;color:var(--u2-mint-text)}
.u2-ae-price div+div strong{color:var(--u2-text);font-size:18px}
.u2-ae-price span{font-size:12px;color:var(--u2-muted)}
.u2-ae-setup-title{margin:-2px 0 14px;font:700 16px var(--u2-display);color:var(--u2-text)}
/* restyle shared Auto Energy blocks with the UI 2 palette */
#tab-auto-energy .ae-card{background:var(--u2-surface)!important;border:1px solid var(--u2-line)!important;border-radius:18px!important;box-shadow:none!important}
#tab-auto-energy .ae-shell button{border-radius:10px;border-color:var(--u2-line-2);background:rgba(var(--u2-ink),.04);color:var(--u2-text)}
#tab-auto-energy .ae-shell button:hover:not(:disabled){background:rgba(var(--u2-ink),.08);border-color:rgba(var(--u2-ink),.22);filter:none}
#tab-auto-energy .ae-shell #ae-enable{min-height:44px;border:0;background:var(--u2-indigo);box-shadow:0 8px 22px -8px rgba(86,112,255,.7);color:#fff}
#tab-auto-energy .ae-shell #ae-enable:hover:not(:disabled){background:#6b82ff}
#tab-auto-energy .ae-shell #ae-add-wallet{background:var(--u2-indigo-soft);border-color:rgba(86,112,255,.5)}
#tab-auto-energy .ae-shell input,#tab-auto-energy .ae-shell select{border-radius:10px;border-color:var(--u2-line-2);background:var(--u2-input)}
#tab-auto-energy .ae-shell input:focus{border-color:var(--u2-indigo);box-shadow:0 0 0 3px var(--u2-indigo-soft)}
#tab-auto-energy .ae-shell h2{font-family:var(--u2-display);letter-spacing:-.01em}
#tab-auto-energy .ae-sub{border-radius:12px;transition:background .15s}
#tab-auto-energy .ae-sub:hover{background:rgba(var(--u2-ink),.025)}
#tab-auto-energy .ae-wallet-expand{font-family:var(--u2-mono)!important}
#tab-auto-energy .ae-wallet-status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:3px 10px;border-radius:99px;background:rgba(var(--u2-ink),.05);font-weight:600;font-size:11.5px}
#tab-auto-energy .ae-wallet-status.active{background:var(--u2-mint-soft);color:var(--u2-mint-text)}
#tab-auto-energy .ae-wallet-status.pending_activation,#tab-auto-energy .ae-wallet-status.disabling{background:rgba(243,185,77,.14);color:var(--u2-amber-text)}
#tab-auto-energy .ae-billing strong,#tab-auto-energy .ae-tx-amount{font-family:var(--u2-mono)}
#tab-auto-energy .ae-tx-amount.ae-tx-debit{color:var(--u2-coral-text)}
#tab-auto-energy .ae-operation-icon.ae-icon-energy{background:var(--u2-indigo-soft);color:var(--u2-indigo-text)}
#tab-auto-energy .ae-operation-icon.ae-icon-open{background:var(--u2-mint-soft);color:var(--u2-mint-text)}
#tab-auto-energy .ae-day-heading{font:600 10.5px var(--u2-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--u2-faint)}
@media(max-width:900px){.u2-ae-hero{grid-template-columns:1fr;padding:20px}.u2-ae-price{min-width:0}.u2-ae-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.u2-ae-state{font-size:20px}.u2-ae-kpi strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.u2-ae-dot::after{animation:none}}
#tab-auto-energy .ae-shell.u2-ae-has .ae-explainer>h2,#tab-auto-energy .ae-shell.u2-ae-has .ae-setup-form>h2{display:none}

/* dashboard v2: USDT and TRX as equal balances */
.u2d-bals{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:14px}
.u2d-bal{min-width:0;padding-right:24px}
.u2d-bal+.u2d-bal{padding:0 0 0 24px;border-left:1px solid rgba(var(--u2-ink),.08)}
.u2d-coin{display:flex;align-items:center;gap:8px;font:600 13px var(--u2-body);color:var(--u2-text)}
.u2d-coin-ico{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:700 13px var(--u2-body);color:#fff}
.u2d-bal-usdt .u2d-coin-ico{background:#26a17b}
.u2d-bal-trx .u2d-coin-ico{background:#eb0029}
.u2d-bals .u2d-total{margin:10px 0 6px}
.u2d-bals .u2d-total b{font-size:clamp(28px,3vw,42px)}
.u2d-bals .u2d-total em{font-size:clamp(18px,1.8vw,24px)}
.u2d-bals .u2d-bar{margin:14px 0 8px;height:6px}
.u2d-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.u2d-stats .u2d-stat,.u2d-stats .u2d-stat-btn{padding:12px 16px;gap:3px}
.u2d-stats .u2d-stat-v{font-size:17px}
@media(max-width:1100px){.u2d-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.u2d-bals{grid-template-columns:1fr;gap:18px}.u2d-bal{padding:0}.u2d-bal+.u2d-bal{padding:18px 0 0;border-left:0;border-top:1px solid rgba(var(--u2-ink),.08)}.u2d-stats{grid-template-columns:1fr 1fr}.u2d-stats>:last-child{grid-column:1/-1}}

/* Auto Energy v2: connect form sits next to the status block, always in reach */
#tab-auto-energy .ae-shell{grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);align-items:stretch}
#tab-auto-energy .ae-shell>*{grid-column:1/-1}
#tab-auto-energy .ae-shell>#ae-message{order:-3}
#tab-auto-energy .ae-shell>.u2-ae{grid-column:1;order:-2;margin:0;display:flex}
#tab-auto-energy .ae-shell>.u2-ae>.u2-ae-hero{flex:1}
#tab-auto-energy .ae-shell>.ae-setup{grid-column:2;order:-1;border-color:rgba(86,112,255,.45)!important;background:radial-gradient(420px 220px at 100% 0%,rgba(86,112,255,.14),transparent 65%),var(--u2-surface)!important;box-shadow:0 24px 60px -36px rgba(86,112,255,.8)!important}
#tab-auto-energy .ae-setup .ae-setup-columns{display:flex;flex-direction:column;gap:14px;padding:0}
#tab-auto-energy .ae-setup .ae-setup-overview{order:2}
#tab-auto-energy .ae-setup .ae-explainer,#tab-auto-energy .ae-setup #ae-terms{display:none}
#tab-auto-energy .ae-setup .ae-setup-form{border:0!important;padding:0!important}
#tab-auto-energy .ae-setup #ae-conditions-card{margin:0!important}
#tab-auto-energy .ae-shell.u2-ae-has .ae-setup-form>h2{display:none}
#tab-auto-energy .ae-setup-form>h2{font-size:18px!important;margin:0 0 12px!important}
.u2-ae-hero{grid-template-columns:1fr;align-content:start}
.u2-ae-price{flex-direction:row;flex-wrap:wrap;min-width:0}
.u2-ae-price div{flex:1 1 140px}
.u2-ae-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:901px){.u2-ae-actions [data-ae2="add"]{display:none}}
@media(max-width:900px){#tab-auto-energy .ae-shell{grid-template-columns:1fr}#tab-auto-energy .ae-shell>.u2-ae,#tab-auto-energy .ae-shell>.ae-setup{grid-column:1}}
#tab-auto-energy #ae-wallet-summary{display:none!important}

/* ---------- Fee calculator (ui2-calculator.js) ---------- */
#feeCard.u2-fee{padding:0;overflow:hidden;background:var(--u2-surface)}
#feeCard.u2-fee>h2{display:none}
#feeCard.u2-fee .calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"head res" "from res" "arrow res" "to res" "act res" ". res";grid-template-rows:auto auto auto auto auto 1fr;gap:0}
.u2-fee-head{grid-area:head;padding:26px 26px 18px}
.u2-fee-head h3{margin:0;font:700 22px var(--u2-display);letter-spacing:-.02em;color:var(--u2-text)}
.u2-fee-head p{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--u2-muted)}
#feeCard .u2-fee-from,#feeCard .u2-fee-to{margin:0 26px;padding:14px 16px 16px;border:1px solid var(--u2-line-2);border-radius:14px;background:var(--u2-sunken)}
#feeCard .u2-fee-from{grid-area:from}
#feeCard .u2-fee-to{grid-area:to;border-color:rgba(86,112,255,.45);box-shadow:0 0 0 3px rgba(86,112,255,.08)}
.u2-fee-tag{display:inline-block;margin-bottom:6px;font:600 10.5px var(--u2-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--u2-faint)}
.u2-fee-tag.to{color:var(--u2-indigo-text)}
#feeCard .u2-fee-from label,#feeCard .u2-fee-to label{margin:0;font:600 14px var(--u2-body);color:var(--u2-text)}
#feeCard .recipient-label::before{display:none}
#feeCard .recipient-hint{margin:3px 0 10px;font-size:12px;line-height:1.45;color:var(--u2-faint)}
#feeCard .u2-fee-from input,#feeCard .u2-fee-to input{height:44px;font:500 13px var(--u2-mono)}
.u2-fee-arrow{grid-area:arrow;display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 0}
.u2-fee-arrow i{width:2px;height:12px;background:linear-gradient(var(--u2-line-2),rgba(86,112,255,.6))}
.u2-fee-arrow i:last-child{position:relative;background:rgba(86,112,255,.6)}
.u2-fee-arrow i:last-child::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(86,112,255,.8)}
.u2-fee-arrow span{padding:3px 10px;border-radius:99px;background:rgba(38,161,123,.16);border:1px solid rgba(38,161,123,.45);color:#5fd3a6;font:600 11px var(--u2-mono)}
#feeCard .u2-fee .actions,#feeCard.u2-fee .calc-grid>.actions{grid-area:act;margin:18px 26px 26px}
#feeCard.u2-fee #feeBtn{width:100%;min-height:48px;border-radius:12px;font-size:15px;box-shadow:0 10px 26px -10px rgba(86,112,255,.8)}
#feeCard.u2-fee #feeResult,.u2-fee-guide{grid-area:res;margin:0;padding:26px;border:0;border-left:1px solid var(--u2-line);border-radius:0;background:radial-gradient(500px 260px at 100% 0%,rgba(87,232,166,.08),transparent 60%),var(--u2-sunken)}
#feeCard.u2-fee .calc-grid:has(#feeResult:not([hidden])) .u2-fee-guide{display:none}
.u2-fee-gt{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px;font:600 10.5px var(--u2-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--u2-faint)}
.u2-fee-gt span{letter-spacing:0;text-transform:none;font:500 12px var(--u2-body)}
.u2-fee-g{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;margin-bottom:10px;border:1px solid var(--u2-line);border-radius:14px;background:rgba(var(--u2-ink),.02)}
.u2-fee-g>div:first-child{color:var(--u2-muted);font-size:13px}
.u2-fee-g>div:first-child b{font:600 20px var(--u2-mono);color:var(--u2-text);letter-spacing:-.02em}
.u2-fee-g>div:first-child span{display:block;margin-top:3px;font-size:12.5px;color:var(--u2-faint)}
.u2-fee-gp{text-align:right}
.u2-fee-gp strong{display:block;font:600 24px var(--u2-mono);color:var(--u2-mint-text);letter-spacing:-.02em}
.u2-fee-gp span{font-size:11.5px;color:var(--u2-faint);text-decoration:line-through;text-decoration-color:rgba(255,107,107,.5)}
.u2-fee-tip{display:flex;gap:10px;margin:16px 0 0;padding:12px 14px;border-radius:12px;background:var(--u2-indigo-soft);color:var(--u2-text-2);font-size:12.5px;line-height:1.5}
.u2-fee-tip::before{content:"i";flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--u2-indigo);color:#fff;font:700 11px var(--u2-body)}
/* result */
#feeResult .fee-result-shell{display:flex;flex-direction:column;gap:12px}
#feeResult .fee-energy-answer{border-radius:14px!important;border-color:rgba(86,112,255,.4)!important;background:radial-gradient(400px 200px at 0% 0%,rgba(86,112,255,.22),transparent 65%),var(--u2-surface)!important}
#feeResult .fee-energy-answer-value{font-family:var(--u2-mono)!important;letter-spacing:-.03em}
#feeResult .fee-energy-answer-hint{text-transform:none}
#feeResult .fee-rental-options{gap:10px}
#feeResult .fee-rental-option{border-radius:14px!important;background:var(--u2-surface-2)!important;border-color:var(--u2-line-2)!important}
#feeResult .fee-rental-option.service{border-color:rgba(87,232,166,.35)!important}
#feeResult .fee-rental-price{font-family:var(--u2-mono)!important;letter-spacing:-.02em}
#feeResult .fee-portal-action,#feeResult .fee-trx-portal-action{border-radius:11px!important}
#feeResult .fee-result-note{border-radius:12px!important;background:rgba(var(--u2-ink),.02)!important;border-color:var(--u2-line)!important;color:var(--u2-muted)}
#feeResult .fee-bandwidth-solution{border-radius:14px!important}
@media(max-width:1100px){#feeCard.u2-fee .calc-grid{grid-template-columns:1fr;grid-template-areas:"head" "from" "arrow" "to" "act" "res";grid-template-rows:auto}#feeCard.u2-fee #feeResult,.u2-fee-guide{border-left:0;border-top:1px solid var(--u2-line)}}
@media(max-width:520px){.u2-fee-head{padding:20px 18px 14px}#feeCard .u2-fee-from,#feeCard .u2-fee-to{margin:0 18px}#feeCard.u2-fee .calc-grid>.actions{margin:16px 18px 20px}#feeCard.u2-fee #feeResult,.u2-fee-guide{padding:18px}.u2-fee-g{padding:14px}.u2-fee-gp strong{font-size:20px}}

/* ---------- Balance & top-up page (ui2-topup.js) ---------- */
.u2-tp-head{position:relative;padding:26px;margin-bottom:14px;border:1px solid rgba(87,232,166,.3);border-radius:18px;overflow:hidden;background:radial-gradient(560px 260px at 0% 0%,rgba(87,232,166,.14),transparent 65%),radial-gradient(500px 260px at 100% 100%,rgba(86,112,255,.14),transparent 70%),var(--u2-surface)}
.u2-tp-head h2{margin:0;font:700 26px var(--u2-display);letter-spacing:-.025em;color:var(--u2-text)}
.u2-tp-head>p{margin:6px 0 0;max-width:640px;font-size:14px;line-height:1.55;color:var(--u2-text-2)}
.u2-tp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none}
.u2-tp-steps li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(var(--u2-deep),.45);border:1px solid var(--u2-line)}
.u2-tp-steps b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--u2-mint-soft);color:var(--u2-mint-text);font:600 12px var(--u2-mono)}
.u2-tp-steps strong{display:block;font-size:13.5px;color:var(--u2-text)}
.u2-tp-steps span{display:block;margin-top:2px;font-size:12px;color:var(--u2-muted)}
.u2-tp-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:14px;align-items:start}
.u2-tp-main .balance-panel-card{margin:0!important;border-color:rgba(86,112,255,.4)!important;box-shadow:0 24px 60px -36px rgba(86,112,255,.8)!important}
.u2-tp-main .balance-panel-card>h2{display:none}
.u2-tp-main .balance-value{font-size:44px!important;letter-spacing:-.03em}
.u2-tp-main #depositRevealBtn{min-height:46px;padding:0 22px;border:0!important;border-radius:12px!important;background:var(--u2-mint)!important;color:#062016!important;font-weight:700!important;box-shadow:0 10px 26px -10px rgba(87,232,166,.7)!important}
.u2-tp-main .wallet-block{border-radius:14px!important;background:var(--u2-sunken)!important;border-color:var(--u2-line-2)!important}
.u2-tp-main .wallet-code{font-family:var(--u2-mono)}
.u2-tp-main .qr-img{border-radius:12px;background:#fff;padding:8px}
.u2-tp-main .balance-panel-card>.actions{margin-top:14px}
.u2-tp-main #refreshBalBtn{width:auto;background:rgba(var(--u2-ink),.04);border:1px solid var(--u2-line-2);color:var(--u2-text)}
.u2-tp-side{display:flex;flex-direction:column;gap:14px}
.u2-tp-card{padding:18px;border:1px solid var(--u2-line);border-radius:18px;background:var(--u2-surface)}
.u2-tp-card h3{margin:0 0 8px;font:600 13px var(--u2-body);color:var(--u2-muted)}
.u2-tp-use,.u2-tp-link{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;padding:10px 8px;border-radius:10px}
.u2-tp-use:hover{background:rgba(var(--u2-ink),.04)}
.u2-tp-use svg,.u2-tp-link svg{flex:none;width:34px;height:34px;padding:8px;border-radius:10px;background:var(--u2-indigo-soft);color:var(--u2-indigo-text)}
.u2-tp-use strong,.u2-tp-link strong{display:block;font-size:13.5px;font-weight:600;color:var(--u2-text)}
.u2-tp-use span,.u2-tp-link span{display:block;font-size:12px;color:var(--u2-faint)}
.u2-tp-link{padding:16px 18px;border:1px solid var(--u2-line);border-radius:18px;background:var(--u2-surface)}
.u2-tp-link:hover{border-color:var(--u2-line-2)}
.u2-tp-link div{flex:1}
.u2-tp-link em{font-style:normal;font-size:12.5px;color:var(--u2-indigo-text)}
.u2-tp-use:focus-visible,.u2-tp-link:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:2px}
/* Energy tab: one-line balance instead of the full card */
#tab-energy .service-wallet-banner{display:none!important}
.u2-paybar{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px 10px 16px;border:1px solid var(--u2-line);border-radius:14px;background:var(--u2-surface);font-size:13px;color:var(--u2-muted)}
.u2-paybar b{font:600 15px var(--u2-mono);color:var(--u2-text)}
.u2-paybar-btn{all:unset;box-sizing:border-box;cursor:pointer;margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;background:var(--u2-mint-soft);color:var(--u2-mint-text);font:600 12.5px var(--u2-body)}
.u2-paybar-btn:hover{background:rgba(87,232,166,.2)}
.u2-paybar-btn svg{width:14px;height:14px}
#tab-energy .energy-main-row{grid-template-columns:1fr!important}
#tab-energy .energy-main-row>.resource-rental-card{width:100%;max-width:820px;margin:0 auto}
@media(max-width:900px){.u2-tp-steps{grid-template-columns:1fr}.u2-tp-grid{grid-template-columns:1fr}.u2-tp-head{padding:20px}.u2-tp-head h2{font-size:22px}}

/* ---------- Energy order tab (ui2-energy.js) ---------- */
#tab-energy>.balance-tariffs,#tab-energy #instrCard{display:none!important}
#tab-energy .energy-main-row.u2-en-row{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)!important;gap:14px;align-items:start}
#tab-energy .u2-en-row>.resource-rental-card{max-width:none!important;margin:0!important}
#tab-energy .resource-rental-card.u2-en{padding:24px;border-color:rgba(86,112,255,.35)!important;background:radial-gradient(520px 240px at 0% 0%,rgba(86,112,255,.14),transparent 65%),var(--u2-surface)!important;box-shadow:0 30px 70px -44px rgba(86,112,255,.8)!important}
#tab-energy .u2-en .resource-switch{justify-content:flex-start;gap:4px;width:max-content;padding:4px;margin:0 0 20px;border:1px solid var(--u2-line);border-radius:12px;background:rgba(var(--u2-deep),.5)}
#tab-energy .u2-en .resource-option{padding:7px 14px!important;border-radius:9px!important;font:600 13.5px var(--u2-body)!important;color:var(--u2-muted)!important}
#tab-energy .u2-en .resource-option::before,#tab-energy .u2-en .resource-option::after{display:none!important}
#tab-energy .u2-en .resource-option[aria-selected=true]{background:var(--u2-indigo-soft)!important;color:var(--u2-text)!important}
#tab-energy .u2-en #resource-energy-panel>label{display:none}
.u2-en-step{display:flex;align-items:center;gap:10px;margin:22px 0 10px;font:600 14px var(--u2-body);color:var(--u2-text)}
.u2-en-step:first-child{margin-top:0}
.u2-en-step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--u2-indigo-soft);color:var(--u2-indigo-text);font:600 12px var(--u2-mono)}
#tab-energy .u2-en #wallet{height:48px;font:500 14px var(--u2-mono)}
#tab-energy .u2-en #resource-energy-panel>.recipient-hint{margin-top:8px!important;font-size:12px;color:var(--u2-faint)}
.u2-en-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.u2-en-chips-t{margin-right:4px;font-size:12px;color:var(--u2-faint)}
.u2-en-chip{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid var(--u2-line-2);border-radius:99px;font-size:12.5px;color:var(--u2-text);transition:border-color .15s,background .15s}
.u2-en-chip:hover{border-color:rgba(var(--u2-ink),.25)}
.u2-en-chip.on{border-color:var(--u2-indigo);background:var(--u2-indigo-soft)}
.u2-en-chip i{width:7px;height:7px;border-radius:50%;background:var(--u2-mint)}
.u2-en-chip i.low{background:var(--u2-amber)}
.u2-en-chip b{font-weight:600}
.u2-en-chip code{font-size:11px;color:var(--u2-faint)}
.u2-en-chip:focus-visible,.u2-en-pkg:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:2px}
#tab-energy .u2-en #energy{display:none}
.u2-en-pkgs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.u2-en-pkg{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 16px 14px;border:1px solid var(--u2-line-2);border-radius:14px;background:rgba(var(--u2-deep),.45);transition:border-color .15s,background .15s,box-shadow .15s}
.u2-en-pkg:hover{border-color:rgba(var(--u2-ink),.25)}
.u2-en-pkg.on{border-color:var(--u2-indigo);background:linear-gradient(160deg,rgba(86,112,255,.18),rgba(86,112,255,.04));box-shadow:0 0 0 3px rgba(86,112,255,.15)}
.u2-en-radio{position:absolute;top:16px;right:16px;width:18px;height:18px;border-radius:50%;border:2px solid var(--u2-line-2)}
.u2-en-pkg.on .u2-en-radio{border-color:var(--u2-indigo);box-shadow:inset 0 0 0 3px var(--u2-surface-2);background:var(--u2-indigo)}
.u2-en-pkg-e{font-size:13px;color:var(--u2-muted)}
.u2-en-pkg-e b{font:600 22px var(--u2-mono);letter-spacing:-.02em;color:var(--u2-text)}
.u2-en-pkg-d{font-size:12.5px;color:var(--u2-faint)}
.u2-en-pkg-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:8px}
.u2-en-pkg-p strong{font:600 20px var(--u2-mono);color:var(--u2-mint-text);letter-spacing:-.02em}
.u2-en-pkg-p s{font-size:12px;color:var(--u2-faint);text-decoration-color:rgba(255,107,107,.6)}
.u2-en-pkg-p i{font-style:normal;padding:2px 7px;border-radius:99px;background:var(--u2-mint-soft);color:var(--u2-mint-text);font:600 11px var(--u2-mono)}
.u2-en-pkg-p em{font-style:normal;font-size:12.5px;color:var(--u2-faint)}
#tab-energy .u2-en #energyHelp{margin-top:10px;border-radius:12px!important;border-color:var(--u2-line)!important;background:rgba(var(--u2-ink),.02)!important}
#tab-energy .u2-en .order-extra{margin-top:0!important;padding:14px!important;border:1px solid var(--u2-line-2)!important;border-radius:14px!important;background:rgba(var(--u2-deep),.45)!important}
#tab-energy .u2-en .order-extra:has(input:checked){border-color:rgba(243,185,77,.5)!important;background:rgba(243,185,77,.07)!important}
#tab-energy .u2-en #trxGuarantee{appearance:none;flex:none;position:relative;width:34px!important;height:20px!important;margin-top:1px!important;padding:0;border-radius:99px;background:var(--u2-track);cursor:pointer;transition:background .2s}
#tab-energy .u2-en #trxGuarantee::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}
#tab-energy .u2-en #trxGuarantee:checked{background:var(--u2-amber)}
#tab-energy .u2-en #trxGuarantee:checked::after{transform:translateX(14px)}
#tab-energy .u2-en #trxGuaranteeTitle{font-weight:600!important;color:var(--u2-text)}
.u2-en-checkout{display:flex;align-items:center;gap:16px;margin:22px -24px 0;padding:18px 24px;border-top:1px solid var(--u2-line);background:rgba(var(--u2-deep),.35)}
.u2-en-checkout #orderPriceBox{margin:0!important;flex:1}
.u2-en-checkout #orderPriceBox .pill{display:flex;flex-direction:column;gap:0;padding:0;border:0;background:none;font-size:12px;color:var(--u2-muted)}
.u2-en-checkout #orderTotalPrice{font:600 26px var(--u2-mono);letter-spacing:-.03em;color:var(--u2-text)}
.u2-en-checkout .actions{margin:0!important;flex:0 0 auto}
#tab-energy .u2-en-checkout #orderBtn{width:auto!important;min-width:200px;min-height:50px;padding:0 28px;border:0!important;border-radius:12px!important;background:var(--u2-indigo)!important;font-size:15px!important;box-shadow:0 10px 26px -10px rgba(86,112,255,.9)!important}
#tab-energy .u2-en .order-data-note{margin-top:10px;text-align:center;font-size:11.5px;color:var(--u2-faint)}
.u2-en-side{display:flex;flex-direction:column;gap:14px}
.u2-en-box{padding:18px;border:1px solid var(--u2-line);border-radius:18px;background:var(--u2-surface)}
.u2-en-box h3{margin:0 0 12px;font:600 13px var(--u2-body);color:var(--u2-muted)}
.u2-en-how{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.u2-en-how li{display:flex;gap:12px;align-items:flex-start}
.u2-en-how b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--u2-mint-soft);color:var(--u2-mint-text);font:600 12px var(--u2-mono)}
.u2-en-how strong{display:block;font-size:13.5px;color:var(--u2-text)}
.u2-en-how span{display:block;margin-top:2px;font-size:12px;color:var(--u2-muted)}
.u2-en-warn{border-color:rgba(243,185,77,.3);background:rgba(243,185,77,.06);color:var(--u2-amber-text);font-size:12.5px;line-height:1.55}
.u2-en-calc{all:unset;box-sizing:border-box;cursor:pointer;display:block;padding:16px 18px;border:1px solid var(--u2-line);border-radius:18px;background:var(--u2-surface)}
.u2-en-calc:hover{border-color:var(--u2-line-2)}
.u2-en-calc strong{display:block;font-size:13.5px;color:var(--u2-text)}
.u2-en-calc span{font-size:12.5px;color:var(--u2-indigo-text)}
@media(max-width:1000px){#tab-energy .energy-main-row.u2-en-row{grid-template-columns:1fr!important}}
@media(max-width:560px){#tab-energy .resource-rental-card.u2-en{padding:18px}.u2-en-pkgs{grid-template-columns:1fr}.u2-en-checkout{flex-direction:column;align-items:stretch;margin:20px -18px 0;padding:16px 18px}#tab-energy .u2-en-checkout #orderBtn{width:100%!important}}
#tab-energy .u2-en-checkout #orderPriceBox{margin:0!important}
#tab-energy .u2-en-checkout #orderPriceBox>.pill{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2px!important;width:auto!important;padding:0!important;border:0!important;background:none!important;font-size:12px!important;color:var(--u2-muted)!important}
#tab-energy .u2-en-checkout #orderTotalPrice{font:600 28px var(--u2-mono)!important;letter-spacing:-.03em!important;color:var(--u2-text)!important}
#tab-energy .u2-en .order-data-note{margin-top:12px!important;padding:0!important;border:0!important;background:none!important;text-align:center;font-size:11.5px!important;color:var(--u2-faint)!important}
@media(max-width:560px){#tab-energy .u2-en-checkout #orderPriceBox>.pill{flex-direction:row!important;align-items:baseline!important;justify-content:space-between!important;width:100%!important}}
@media(max-width:560px){#tab-energy .u2-en-checkout #orderPriceBox{flex:none!important;width:100%}}

/* ================= Focus pass =================
   Colour has one job each: indigo = the thing to press, mint = money saved / positive,
   amber = needs attention, red = negative. Everything else stays neutral. */
:root{--u2-neutral-card:var(--u2-surface)}

/* shell: one primary per screen lives in the page, so the top-bar shortcut is secondary */
.u2-btn.pri.u2-order{background:rgba(var(--u2-ink),.04);border:1px solid var(--u2-line-2);color:var(--u2-text);box-shadow:none}
.u2-btn.pri.u2-order:hover{background:rgba(var(--u2-ink),.08);filter:none}
.u2-btn.pri.u2-order svg{color:var(--u2-indigo-text)}
body[data-u2tab="energy"] .u2-order,body[data-u2tab="easy"] .u2-order{display:none!important}
.u2-bal{background:var(--u2-surface)}
.u2-btn.mint{background:rgba(var(--u2-ink),.05);border:1px solid var(--u2-line-2);color:var(--u2-text)}
.u2-btn.mint svg{color:var(--u2-mint-text)}
.u2-btn.mint:hover{background:rgba(var(--u2-ink),.09);filter:none}
body[data-u2tab="topup"] #u2Topup{display:none!important}

/* dashboard: hero stays the focus, savings is calm with only its number in mint */
.u2d-save{border-color:var(--u2-line);background:var(--u2-surface)}
.u2d-save .u2d-label{color:var(--u2-muted)}
.u2d-save .u2d-label svg{color:var(--u2-mint-text)}
.u2d-pct{color:var(--u2-muted)}
.u2d-hero::after{display:none}
.u2d-stat-btn .u2d-link{color:var(--u2-muted)}

/* auto energy: status block calm, the connect form carries the action */
.u2-ae-hero.on{border-color:var(--u2-line);background:var(--u2-surface)}
.u2-ae-hero.off{border-color:var(--u2-line);background:radial-gradient(520px 240px at 0% 0%,rgba(86,112,255,.10),transparent 65%),var(--u2-surface);box-shadow:none}
.u2-ae-kpi,.u2-ae-price div{background:rgba(var(--u2-ink),.02)}
.u2-ae-price strong,.u2-ae-price div+div strong{color:var(--u2-text)}
.u2-ae-steps b{background:rgba(var(--u2-ink),.06);color:var(--u2-muted)}
.u2-ae-kicker svg{color:var(--u2-muted)}
#tab-auto-energy .ae-shell>.ae-setup{background:var(--u2-surface)!important;border-color:rgba(86,112,255,.4)!important;box-shadow:none!important}

/* top-up page: the reveal button is the one primary action */
.u2-tp-head{border-color:var(--u2-line);background:var(--u2-surface)}
.u2-tp-steps li{background:rgba(var(--u2-ink),.02)}
.u2-tp-steps b{background:rgba(var(--u2-ink),.06);color:var(--u2-muted)}
.u2-tp-main .balance-panel-card{border-color:var(--u2-line)!important;box-shadow:none!important;background:var(--u2-surface)!important}
.u2-tp-main #depositRevealBtn{background:var(--u2-indigo)!important;color:#fff!important;box-shadow:0 10px 26px -10px rgba(86,112,255,.9)!important}
.u2-tp-use svg,.u2-tp-link svg{background:rgba(var(--u2-ink),.05);color:var(--u2-muted)}
.u2-tp-link em{color:var(--u2-muted)}
.u2-paybar-btn{background:none;color:var(--u2-muted);padding:0 8px}
.u2-paybar-btn:hover{background:rgba(var(--u2-ink),.05);color:var(--u2-text)}

/* calculator: guide is information, not a call to action */
.u2-fee-gp strong{color:var(--u2-text)}
.u2-fee-tip{background:rgba(var(--u2-ink),.03);color:var(--u2-muted)}
.u2-fee-tip::before{background:rgba(var(--u2-ink),.12)}
#feeCard.u2-fee #feeResult,.u2-fee-guide{background:var(--u2-sunken)}
.u2-fee-arrow span{background:rgba(var(--u2-ink),.04);border-color:var(--u2-line-2);color:var(--u2-muted)}
#feeCard .u2-fee-to{box-shadow:none}

/* energy tab: neutral form; the current step and the ready order button carry the colour */
#tab-energy .resource-rental-card.u2-en{border-color:var(--u2-line)!important;background:var(--u2-surface)!important;box-shadow:none!important}
.u2-en-step b{background:rgba(var(--u2-ink),.06);color:var(--u2-faint);transition:background .2s,color .2s}
.u2-en-step span{color:var(--u2-muted);transition:color .2s}
.u2-en-step.now b{background:var(--u2-indigo);color:#fff;box-shadow:0 0 0 4px rgba(86,112,255,.18)}
.u2-en-step.now span{color:var(--u2-text)}
.u2-en-step.done b{background:var(--u2-mint-soft);color:var(--u2-mint-text)}
.u2-en-step.done span{color:var(--u2-text)}
#tab-energy .u2-en:not(.u2-ready) #wallet{border-color:rgba(86,112,255,.55);box-shadow:0 0 0 3px rgba(86,112,255,.12)}
.u2-en-chip i{background:var(--u2-line-2)}
.u2-en-chip i.low{background:var(--u2-amber)}
.u2-en-pkg-p strong{color:var(--u2-text)}
.u2-en-pkg-p i{background:none;padding:0;color:var(--u2-mint-text);font-weight:500}
.u2-en-pkg.on{background:rgba(86,112,255,.08);box-shadow:none}
.u2-en-pkg.on .u2-en-pkg-p strong{color:var(--u2-text)}
.u2-en-checkout{background:none}
#tab-energy .u2-en:not(.u2-ready) .u2-en-checkout #orderBtn{background:rgba(var(--u2-ink),.06)!important;color:var(--u2-muted)!important;box-shadow:none!important}
#tab-energy .u2-en.u2-ready .u2-en-checkout #orderBtn{background:var(--u2-indigo)!important;color:#fff!important;box-shadow:0 10px 26px -10px rgba(86,112,255,.9)!important}
.u2-en-how b{background:rgba(var(--u2-ink),.06);color:var(--u2-muted)}
.u2-en-warn{border-color:var(--u2-line);background:var(--u2-surface);color:var(--u2-muted);display:flex;gap:10px}
.u2-en-warn::before{content:"!";flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(243,185,77,.18);color:var(--u2-amber-text);font:700 11px var(--u2-body)}
.u2-en-calc span{color:var(--u2-muted)}

/* ================= Motion (ui2-motion.js) ================= */
@keyframes u2rise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes u2grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes u2pop{0%{transform:scale(.4)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes u2glow{0%{box-shadow:0 0 0 0 rgba(86,112,255,.55),0 10px 26px -10px rgba(86,112,255,.9)}100%{box-shadow:0 0 0 14px rgba(86,112,255,0),0 10px 26px -10px rgba(86,112,255,.9)}}
html.u2-motion body.u2-authed .tab-panel:not([hidden]),html.u2-motion body.u2-authed #easyModePage:not([hidden]){animation:none}
html.u2-motion .u2-in{animation:u2rise .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--u2i,0) * 45ms)}
/* sidebar highlight that slides between items */
html.u2-motion .u2-pill-hl{position:absolute;left:14px;right:14px;top:0;z-index:0;border-radius:10px;background:var(--u2-indigo-soft);pointer-events:none;opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),height .35s,opacity .2s}
html.u2-motion .u2-pill-hl::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--u2-indigo)}
html.u2-motion .u2-item{z-index:1}
html.u2-motion .u2-item.on{background:transparent}
html.u2-motion .u2-item.on::before{display:none}
html.u2-motion .u2-item svg{transition:transform .2s}
html.u2-motion .u2-item:hover svg{transform:translateX(2px)}
/* press feedback */
html.u2-motion :is(.u2-btn,.u2d-btn,.u2-en-pkg,.u2-en-chip,.u2-tab,.u2-paybar-btn,.u2-tp-use,.u2-tp-link,.u2-en-calc,#orderBtn,#feeBtn,#ae-enable,#depositRevealBtn):active{transform:scale(.97)}
html.u2-motion :is(.u2-btn,.u2d-btn,.u2-en-pkg,.u2-en-chip,.u2-tab,.u2-paybar-btn,#orderBtn,#feeBtn,#ae-enable,#depositRevealBtn){transition:transform .12s ease,background .2s,border-color .2s,box-shadow .2s,filter .2s,color .2s}
/* cards lift a little on hover */
html.u2-motion :is(.u2d-stat,.u2d-stat-btn,.u2-en-pkg,.u2-tp-link,.u2-en-calc,.u2-fee-g){transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s}
html.u2-motion :is(.u2d-stat,.u2d-stat-btn,.u2-en-pkg,.u2-tp-link,.u2-en-calc,.u2-fee-g):hover{transform:translateY(-2px)}
/* cursor light */
html.u2-motion :is(.u2d-stat,.u2d-save,.u2-en-pkg,.u2-tp-use,.u2-tp-link,.u2-en-box,.u2-ae-kpi,.u2-en-calc,.u2-fee-g){background-image:radial-gradient(260px circle at var(--mx,-300px) var(--my,-300px),rgba(var(--u2-ink),.055),transparent 60%)}
html.u2-motion .wc-card{background-image:radial-gradient(300px circle at var(--mx,-300px) var(--my,-300px),rgba(86,112,255,.08),transparent 60%)!important}
/* dashboard: bars grow on first show */
html.u2-motion .u2-dash.u2-grow .u2d-bar i,html.u2-motion .u2-dash.u2-grow .u2d-rail i{transform-origin:left;animation:u2grow .9s cubic-bezier(.2,.8,.2,1) both}
html.u2-motion .u2-dash.u2-grow .u2d-bar i:nth-child(2){animation-delay:.08s}
html.u2-motion .u2-dash.u2-grow .u2d-bar i:nth-child(3){animation-delay:.16s}
html.u2-motion .u2-dash.u2-grow .u2d-bar i:nth-child(4){animation-delay:.24s}
/* energy tab: step check pops, package radio pops, the order button glows once when it becomes ready */
html.u2-motion .u2-en-step.done b{animation:u2pop .4s cubic-bezier(.2,.8,.2,1)}
html.u2-motion .u2-en-step.now b{animation:u2pop .4s cubic-bezier(.2,.8,.2,1)}
html.u2-motion .u2-en-pkg.on .u2-en-radio{animation:u2pop .35s cubic-bezier(.2,.8,.2,1)}
html.u2-motion #tab-energy .u2-en.u2-ready .u2-en-checkout #orderBtn{animation:u2glow 1.1s ease-out 1}
html.u2-motion .u2-en-chip.on i{animation:u2pop .35s}
/* toggles and switches glide */
html.u2-motion .u2-sw::after,html.u2-motion #tab-energy .u2-en #trxGuarantee::after{transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
@media(prefers-reduced-motion:reduce){.u2-pill-hl{display:none}}

/* ---------- AML check tab (ui2-aml.js) ---------- */
#tab-aml.u2-aml .aml-intro{display:none!important}
#tab-aml.u2-aml .aml-card{background:var(--u2-surface)!important;border:1px solid var(--u2-line)!important;border-radius:18px!important;box-shadow:none!important}
#tab-aml.u2-aml .aml-card::before,#tab-aml.u2-aml .aml-card::after{display:none!important}
#tab-aml.u2-aml .aml-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)!important;gap:14px!important;align-items:start}
#tab-aml .u2-aml-form>h2,#tab-aml .u2-aml-form>.aml-section-copy{display:none}
.u2-aml-head h2{margin:0;font:700 22px var(--u2-display)!important;letter-spacing:-.02em;color:var(--u2-text)!important}
.u2-aml-head p{margin:6px 0 18px;font-size:13.5px;line-height:1.55;color:var(--u2-muted)}
#tab-aml .aml-address-shell{border-radius:14px!important;border:1px solid rgba(86,112,255,.5)!important;background:var(--u2-input)!important;box-shadow:0 0 0 3px rgba(86,112,255,.1)!important}
#tab-aml .aml-address-shell label{color:var(--u2-muted)!important;font-weight:500!important}
#tab-aml #amlAddress{font:500 14px var(--u2-mono)!important;color:var(--u2-text)!important;background:transparent!important}
#tab-aml .aml-paste{border-radius:9px!important;background:rgba(var(--u2-ink),.06)!important;border:1px solid var(--u2-line-2)!important;color:var(--u2-text)!important}
#tab-aml .u2-aml-row{grid-template-columns:1fr!important;margin-top:12px!important}
#tab-aml .u2-aml-row .u2-aml-select{display:none}
#tab-aml .u2-aml-row select{max-width:320px}
.u2-aml-pick{margin-top:16px}
.u2-aml-pick-t{margin-bottom:8px;font-size:13px;color:var(--u2-muted)}
.u2-aml-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.u2-aml-card{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--u2-line-2);border-radius:14px;background:rgba(var(--u2-deep),.45);transition:border-color .15s,background .15s,transform .2s}
.u2-aml-card:hover{border-color:rgba(var(--u2-ink),.25)}
.u2-aml-card.on{border-color:var(--u2-indigo);background:rgba(86,112,255,.08)}
.u2-aml-card.off{opacity:.5;cursor:not-allowed}
.u2-aml-card:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:2px}
.u2-aml-radio{position:absolute;top:16px;right:16px;width:18px;height:18px;border-radius:50%;border:2px solid var(--u2-line-2)}
.u2-aml-card.on .u2-aml-radio{border-color:var(--u2-indigo);background:var(--u2-indigo);box-shadow:inset 0 0 0 3px var(--u2-surface-2)}
.u2-aml-tier{width:max-content;padding:2px 8px;border-radius:99px;background:rgba(var(--u2-ink),.06);font:600 10.5px var(--u2-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--u2-muted)}
.u2-aml-card b{margin-top:4px;font:600 16px var(--u2-body);color:var(--u2-text)}
.u2-aml-desc{font-size:12.5px;line-height:1.45;color:var(--u2-faint)}
.u2-aml-card strong{margin-top:8px;font:600 18px var(--u2-mono);letter-spacing:-.02em;color:var(--u2-text)}
html.u2-motion .u2-aml-card.on .u2-aml-radio{animation:u2pop .35s cubic-bezier(.2,.8,.2,1)}
html.u2-motion .u2-aml-card:hover{transform:translateY(-2px)}
#tab-aml .aml-price-grid{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:18px -24px 0!important;padding:16px 24px 0!important;border-top:1px solid var(--u2-line)!important;font-size:12.5px;color:var(--u2-muted)}
#tab-aml .aml-price-grid strong{font:600 14px var(--u2-mono)!important;color:var(--u2-text)!important;margin-right:14px}
#tab-aml .aml-price-grid strong:empty,#tab-aml #amlPrice{background:none!important}
#tab-aml #amlRun{width:100%;min-height:50px;margin-top:14px!important;border:0!important;border-radius:12px!important;font-size:15px!important;background:rgba(var(--u2-ink),.06)!important;color:var(--u2-muted)!important;box-shadow:none!important;opacity:1!important}
#tab-aml #amlRun.u2-ready{background:var(--u2-indigo)!important;color:#fff!important;box-shadow:0 10px 26px -10px rgba(86,112,255,.9)!important}
html.u2-motion #tab-aml #amlRun.u2-ready{animation:u2glow 1.1s ease-out 1}
/* side: report contents */
#tab-aml aside.aml-card>h2,#tab-aml aside.aml-card>.aml-section-copy,#tab-aml #amlProviders{display:none!important}
.u2-aml-info h3{margin:0 0 12px;font:600 13px var(--u2-body);color:var(--u2-muted)}
.u2-aml-info ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.u2-aml-info li{display:flex;gap:12px;align-items:flex-start}
.u2-aml-info li i{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--u2-mint-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357e8a6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.u2-aml-info strong{display:block;font-size:13.5px;color:var(--u2-text)}
.u2-aml-info span{display:block;margin-top:2px;font-size:12px;color:var(--u2-muted)}
#tab-aml .aml-report-note{margin-top:16px!important;padding:12px 14px!important;border:0!important;border-radius:12px!important;background:rgba(var(--u2-ink),.03)!important}
#tab-aml .aml-report-note-icon{background:rgba(var(--u2-ink),.06)!important;color:var(--u2-muted)!important;border:0!important}
#tab-aml .aml-report-note b{color:var(--u2-text)!important}
/* history */
#tab-aml .u2-aml-history .dash-head{display:flex!important;align-items:center;gap:8px;margin-bottom:12px}
#tab-aml .u2-aml-history .dash-title{display:none!important}
.u2-aml-hbar{flex:1}
.u2-aml-hbar h2{margin:0;font:700 18px var(--u2-display)!important;color:var(--u2-text)!important}
.u2-aml-ftoggle{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--u2-line-2);border-radius:10px;font:500 13px var(--u2-body);color:var(--u2-text)}
.u2-aml-ftoggle:hover{background:rgba(var(--u2-ink),.05)}
.u2-aml-ftoggle svg{width:15px;height:15px;color:var(--u2-muted)}
.u2-aml-ftoggle b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--u2-indigo);color:#fff;font:600 11px var(--u2-mono)}
#tab-aml #amlRefresh{width:auto!important;height:36px;min-height:0!important;padding:0 12px!important;border-radius:10px!important;background:rgba(var(--u2-ink),.04)!important;border:1px solid var(--u2-line-2)!important;color:var(--u2-text)!important;font-size:13px!important}
#tab-aml .u2-aml-history:not(.u2-f-open) #amlHistoryFilters{display:none!important}
#tab-aml #amlHistoryFilters{margin-bottom:12px;padding:14px;border:1px solid var(--u2-line);border-radius:14px;background:rgba(var(--u2-deep),.4)}
#tab-aml #amlHistoryFilters :is(input,select){height:38px;font-size:13px}
#tab-aml .aml-filter-hint{font-size:11.5px!important;color:var(--u2-faint)!important}
#tab-aml .aml-orders{display:flex;flex-direction:column;gap:0}
#tab-aml .aml-order{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto auto!important;align-items:center!important;gap:14px!important;margin:0!important;padding:12px 10px!important;border:0!important;border-top:1px solid var(--u2-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important;cursor:pointer;transition:background .15s}
#tab-aml .aml-order:first-child{border-top:0!important}
#tab-aml .aml-order:hover{background:rgba(var(--u2-ink),.025)!important}
#tab-aml .aml-network{width:40px!important;height:40px!important;border-radius:10px!important;background:rgba(var(--u2-ink),.05)!important;border:0!important;color:var(--u2-muted)!important;font:600 10.5px var(--u2-mono)!important}
#tab-aml .aml-order .aml-address{font:500 13px var(--u2-mono)!important;color:var(--u2-text)!important}
#tab-aml .aml-order small{text-transform:capitalize;font-size:12px!important;color:var(--u2-faint)!important}
#tab-aml .aml-order .aml-tag{border-radius:99px!important;font-size:11px!important;padding:3px 10px!important;background:rgba(var(--u2-ink),.05)!important;border:0!important;color:var(--u2-muted)!important}
#tab-aml .aml-order-metrics{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}
#tab-aml .aml-order-metrics>b{font:600 13px var(--u2-mono)!important;color:var(--u2-text)!important;min-width:70px;text-align:right}
#tab-aml .aml-report-download{width:auto!important;height:30px;min-height:0!important;padding:0 10px!important;border-radius:8px!important;background:rgba(var(--u2-ink),.05)!important;border:1px solid var(--u2-line-2)!important;color:var(--u2-text)!important;font-size:12px!important}
#tab-aml .aml-pagination{display:flex!important;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--u2-line);font-size:12.5px;color:var(--u2-muted)}
#tab-aml .aml-pagination label{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px}
#tab-aml .aml-pagination select{width:auto;height:32px;padding:0 8px;font-size:12.5px}
#tab-aml .aml-pagination #amlPageMeta{margin-right:auto}
#tab-aml .aml-pagination button{width:auto!important;height:32px;min-height:0!important;padding:0 12px!important;border-radius:9px!important;font-size:12.5px!important}
@media(max-width:1000px){#tab-aml.u2-aml .aml-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){.u2-aml-cards{grid-template-columns:1fr}#tab-aml .aml-order{grid-template-columns:40px minmax(0,1fr)!important}#tab-aml .aml-order>.aml-provider-col,#tab-aml .aml-order>.aml-order-metrics{grid-column:2}#tab-aml .aml-order-metrics{justify-content:flex-start}#tab-aml .aml-order-metrics>b{min-width:0;text-align:left}#tab-aml .aml-price-grid{margin:16px -16px 0!important;padding:14px 16px 0!important}}
#tab-aml #amlFiltersReset{width:auto!important;height:38px;min-height:0!important;padding:0 14px!important;border-radius:10px!important;font-size:13px!important;background:rgba(var(--u2-ink),.04)!important;border:1px solid var(--u2-line-2)!important;color:var(--u2-text)!important;justify-self:start}
/* AML history: fixed columns so rows line up; date column added by ui2-aml.js */
#tab-aml .aml-order{grid-template-columns:40px minmax(0,1fr) 150px 120px 90px 160px 72px!important;column-gap:16px!important}
#tab-aml .aml-order>span:nth-child(2){min-width:0}
#tab-aml .aml-order .aml-address{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-aml .aml-order>.aml-provider-col{display:flex!important;justify-content:flex-start}
#tab-aml .aml-order .aml-order-metrics{display:contents!important}
#tab-aml .aml-order .aml-order-metrics>b{text-align:right;min-width:0!important}
#tab-aml .aml-order .aml-order-metrics>:nth-child(2){justify-self:start;white-space:nowrap}
#tab-aml .aml-order .aml-report-download,#tab-aml .aml-order .u2-aml-nopdf{justify-self:end}
.u2-aml-date{display:flex;flex-direction:column;line-height:1.3}
.u2-aml-date b{font-size:13px;font-weight:600;color:var(--u2-text)}
.u2-aml-date small{font-size:11.5px!important;text-transform:none!important;color:var(--u2-faint)!important}
@media(max-width:1180px){#tab-aml .aml-order{grid-template-columns:40px minmax(0,1fr) 130px 110px 84px 150px 64px!important;column-gap:12px!important}}
@media(max-width:900px){
  #tab-aml .aml-order{grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-areas:"net addr date" "net status status" "net cost cost"!important;row-gap:8px!important}
  #tab-aml .aml-order>.aml-network{grid-area:net;align-self:start}
  #tab-aml .aml-order>span:nth-child(2){grid-area:addr}
  #tab-aml .aml-order>.u2-aml-date{grid-area:date;text-align:right;align-items:flex-end}
  #tab-aml .aml-order>.aml-provider-col{grid-area:status}
  #tab-aml .aml-order .aml-order-metrics{display:flex!important;grid-area:cost;align-items:center;gap:10px}
  #tab-aml .aml-order .aml-order-metrics>b{text-align:left}
  #tab-aml .aml-order .aml-report-download{margin-left:auto}
}
/* after the entrance: stay visible, never replay ui.html's .card fade-in */
html.u2-motion .u2-done{animation:none;opacity:1;transform:none}

/* ================= Wallet cards (dashboard) ================= */
body.u2-authed #tab-dashboard .dashboard-section{padding:22px!important;background:var(--u2-surface)!important;border:1px solid var(--u2-line)!important;border-radius:18px!important;box-shadow:none!important}
body.u2-authed #tab-dashboard .dash-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:18px}
body.u2-authed #tab-dashboard .dash-toolbar>h2{flex:1 0 100%;margin:0!important;font:700 18px var(--u2-display)!important;color:var(--u2-text)!important}
body.u2-authed #tab-dashboard .wc-filters{display:flex!important;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;width:100%}
body.u2-authed #tab-dashboard .wc-filter-selects{display:flex!important;gap:8px}
body.u2-authed #tab-dashboard .wc-filter-selects label{margin:0;font-size:11px;color:var(--u2-faint)}
body.u2-authed #tab-dashboard .wc-filter-selects select{height:34px;min-width:130px;padding:0 30px 0 10px;font-size:12.5px;border-radius:9px}
body.u2-authed #tab-dashboard .filter-chip{height:32px;font-size:12.5px!important}
body.u2-authed #tab-dashboard .table-wrap{border:0!important;background:none!important;padding:0!important}

#tab-dashboard .wc-card{gap:14px!important;padding:18px!important;border-radius:16px!important;background-color:var(--u2-surface-2)!important;border:1px solid var(--u2-line)!important;box-shadow:none!important;transition:border-color .2s,transform .2s!important}
#tab-dashboard .wc-card:hover{border-color:rgba(var(--u2-ink),.16)!important;transform:translateY(-2px)}
#tab-dashboard .wc-card .wc-header{display:flex!important;align-items:center;gap:12px;margin:0!important}
#tab-dashboard .wc-card .wallet-network-logo{display:grid!important;place-items:center;flex:none;width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(235,0,41,.12)!important;color:#ff5a6e!important;border:0!important}
#tab-dashboard .wc-card.network-ethereum .wallet-network-logo{background:rgba(98,126,234,.16)!important;color:var(--u2-indigo-text)!important}
#tab-dashboard .wc-card .wallet-network-logo svg{width:20px!important;height:20px!important}
#tab-dashboard .wc-card .wc-title{all:unset;cursor:pointer;flex:1;min-width:0;font:600 15.5px var(--u2-body)!important;color:var(--u2-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tab-dashboard .wc-card .wc-title:hover{text-decoration:underline;text-decoration-color:rgba(var(--u2-ink),.3);text-underline-offset:3px}
#tab-dashboard .wc-card .wc-network{padding:3px 8px!important;border-radius:99px!important;background:rgba(var(--u2-ink),.05)!important;font:600 10px var(--u2-mono)!important;letter-spacing:.06em;color:var(--u2-faint)!important}
#tab-dashboard .wc-card .wc-address{display:flex!important;align-items:center;gap:4px;margin:-10px 0 0 50px!important}
#tab-dashboard .wc-card .wc-address code{font:500 12px var(--u2-mono)!important;color:var(--u2-faint)!important;background:none!important;padding:0!important}
#tab-dashboard .wc-card .wc-icon{display:inline-grid!important;place-items:center;width:24px!important;height:24px!important;min-height:0!important;padding:0!important;border-radius:7px!important;background:none!important;border:0!important;color:var(--u2-faint)!important;font-size:12px!important;opacity:.55;transition:opacity .15s,background .15s}
#tab-dashboard .wc-card:hover .wc-icon{opacity:1}
#tab-dashboard .wc-card .wc-icon:hover{background:rgba(var(--u2-ink),.07)!important;color:var(--u2-text)!important}
#tab-dashboard .wc-card .wc-assets{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important}
#tab-dashboard .wc-card .wc-asset{min-width:0;padding:12px 14px!important;border-radius:12px!important;background:rgba(var(--u2-deep),.45)!important;border:1px solid var(--u2-line)!important}
#tab-dashboard .wc-card .wc-asset-label{display:flex!important;align-items:center;gap:6px;font:600 10.5px var(--u2-mono)!important;letter-spacing:.06em;color:var(--u2-muted)!important;text-transform:uppercase}
#tab-dashboard .wc-card .wc-asset-label::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#eb0029}
#tab-dashboard .wc-card .wc-asset:first-child .wc-asset-label::before{background:#26a17b}
#tab-dashboard .wc-card.network-ethereum .wc-asset:last-child .wc-asset-label::before{background:#627eea}
#tab-dashboard .wc-card .wc-amount summary{list-style:none;cursor:pointer}
#tab-dashboard .wc-card .wc-amount summary::-webkit-details-marker{display:none}
#tab-dashboard .wc-card .wc-amount b{display:block;margin-top:4px;font:600 21px var(--u2-mono)!important;letter-spacing:-.03em;color:var(--u2-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tab-dashboard .wc-card .wc-exact{margin-top:4px;font:500 11px var(--u2-mono)!important;color:var(--u2-faint)!important}
#tab-dashboard .wc-card .wc-resources{display:flex!important;gap:0!important;margin:0!important;padding:0!important;border-radius:10px!important;overflow:hidden;border:1px solid var(--u2-line)!important;background:none!important;font-size:11.5px!important;color:var(--u2-faint)!important}
#tab-dashboard .wc-card .wc-resources span{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:8px 12px}
#tab-dashboard .wc-card .wc-resources span+span{border-left:1px solid var(--u2-line)}
#tab-dashboard .wc-card .wc-resources b{font:600 12.5px var(--u2-mono)!important;color:var(--u2-text)!important}
#tab-dashboard .wc-card .wc-status{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px!important;margin:0!important}
#tab-dashboard .wc-card .wc-status>span:not(.wc-aml),#tab-dashboard .wc-card .wc-aml>span{display:inline-flex!important;align-items:center;gap:5px;height:24px;padding:0 9px!important;border-radius:99px!important;border:0!important;background:rgba(var(--u2-ink),.04)!important;color:var(--u2-faint)!important;font-size:11.5px!important;white-space:nowrap}
#tab-dashboard .wc-card .wc-aml{display:contents!important}
#tab-dashboard .wc-card .wc-status>.wc-aml.unchecked,#tab-dashboard .wc-card .wc-status>span.wc-aml:not(:has(span)){display:inline-flex!important;align-items:center;height:24px;padding:0 9px;border-radius:99px;background:rgba(var(--u2-ink),.04);color:var(--u2-faint)!important;font-size:11.5px!important}
#tab-dashboard .wc-card .wc-freshness.fresh{color:var(--u2-muted)!important}
#tab-dashboard .wc-card .wc-health{background:rgba(243,185,77,.14)!important;color:var(--u2-amber-text)!important;font-weight:600!important;text-transform:none!important}
#tab-dashboard .wc-card .wc-health.error{background:rgba(255,107,107,.14)!important;color:var(--u2-coral-text)!important}
#tab-dashboard .wc-card .wc-risk{font-weight:600!important}
#tab-dashboard .wc-card .wc-risk.low{background:var(--u2-mint-soft)!important;color:var(--u2-mint-text)!important}
#tab-dashboard .wc-card .wc-risk.medium{background:rgba(243,185,77,.14)!important;color:var(--u2-amber-text)!important}
#tab-dashboard .wc-card .wc-risk.high{background:rgba(255,107,107,.14)!important;color:var(--u2-coral-text)!important}
#tab-dashboard .wc-card .wc-actions{display:flex!important;align-items:center;gap:6px!important;margin:auto 0 0!important;padding:14px 0 0!important;border-top:1px solid var(--u2-line)!important}
#tab-dashboard .wc-card .wc-action{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;flex:1;width:auto!important;height:34px!important;min-height:0!important;padding:0 10px!important;border-radius:9px!important;border:1px solid var(--u2-line-2)!important;background:rgba(var(--u2-ink),.03)!important;color:var(--u2-text)!important;font:500 12.5px var(--u2-body)!important;box-shadow:none!important;white-space:nowrap}
#tab-dashboard .wc-card .wc-action:hover:not(:disabled){background:rgba(var(--u2-ink),.08)!important;border-color:rgba(var(--u2-ink),.22)!important;filter:none}
#tab-dashboard .wc-card .wc-more summary{display:grid!important;place-items:center;width:34px!important;height:34px!important;border-radius:9px!important;border:1px solid var(--u2-line-2)!important;color:var(--u2-muted)!important;cursor:pointer;list-style:none;background:none!important}
#tab-dashboard .wc-card .wc-more summary::-webkit-details-marker{display:none}
#tab-dashboard .wc-card .wc-more summary:hover{background:rgba(var(--u2-ink),.06)!important;color:var(--u2-text)!important}
#tab-dashboard .wc-card .wc-menu{border-radius:12px!important;background:var(--u2-surface-2)!important;border:1px solid var(--u2-line-2)!important;box-shadow:0 18px 40px rgba(0,0,0,.5)!important}
#tab-dashboard .wc-card .wc-menu button{border-radius:8px!important;background:none!important;color:var(--u2-text)!important;font-size:13px!important;text-align:left;box-shadow:none!important}
#tab-dashboard .wc-card .wc-menu button:hover{background:rgba(var(--u2-ink),.06)!important}
/* the wallet that needs attention: amber edge, its Energy button is the one to press */
#tab-dashboard .wc-card:has(.wc-health:not(.error)){border-color:rgba(243,185,77,.4)!important;box-shadow:inset 3px 0 0 var(--u2-amber)!important}
#tab-dashboard .wc-card:has(.wc-health:not(.error)) .wc-actions .dash-action-btn{background:var(--u2-amber)!important;border-color:var(--u2-amber)!important;color:#231703!important;font-weight:600!important}
@media(max-width:520px){body.u2-authed #tab-dashboard .dashboard-section{padding:16px!important}#tab-dashboard .wc-card .wc-amount b{font-size:18px!important}#tab-dashboard .wc-card .wc-action{font-size:12px!important;padding:0 6px!important}body.u2-authed #tab-dashboard .wc-filter-selects{flex-wrap:wrap}body.u2-authed #tab-dashboard .wc-filter-selects select{min-width:0}}
#tab-dashboard .wc-card .wc-status>span.wc-health{background:rgba(243,185,77,.14)!important;color:var(--u2-amber-text)!important;font-weight:600!important;text-transform:none!important}
#tab-dashboard .wc-card .wc-status>span.wc-health.error{background:rgba(255,107,107,.14)!important;color:var(--u2-coral-text)!important}
#tab-dashboard .wc-card .wc-status>span.wc-freshness.fresh{color:var(--u2-muted)!important}
@media(max-width:520px){#tab-dashboard .wc-card .wc-actions{flex-wrap:wrap}#tab-dashboard .wc-card .wc-action{flex:1 1 calc(50% - 3px)!important}#tab-dashboard .wc-card .wc-more{flex:1 1 calc(50% - 3px)}#tab-dashboard .wc-card .wc-more summary{width:100%!important}}

/* ---- dashboard update feedback (ui2-dashboard.js) ---- */
.u2d-label .u2d-upd{margin-left:auto;font-size:12px;color:var(--u2-faint)}
.u2d-sync{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:99px;background:var(--u2-indigo-soft);color:var(--u2-indigo-text);font:600 11.5px var(--u2-body);white-space:nowrap}
.u2d-sync.ok{background:var(--u2-mint-soft);color:var(--u2-mint-text)}
.u2d-sync svg{width:13px;height:13px}
.u2d-spin{flex:none;width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:u2spin .7s linear infinite}
@keyframes u2spin{to{transform:rotate(360deg)}}
.u2d-btn.is-busy{opacity:1!important;cursor:progress;color:var(--u2-indigo-text);border-color:rgba(86,112,255,.45)}
.u2-dash .u2d-bals,.u2-dash .u2d-save-v,.u2-dash .u2d-pct,.u2-dash .u2d-stats,.u2-dash .u2d-attn{transition:opacity .3s,filter .3s}
.u2-dash.is-updating .u2d-bals,.u2-dash.is-updating .u2d-save-v,.u2-dash.is-updating .u2d-pct,.u2-dash.is-updating .u2d-stats,.u2-dash.is-updating .u2d-attn{opacity:.4;filter:grayscale(.8)}
.u2-dash.is-updating .u2d-bals{pointer-events:none}
.u2-dash.is-updating .u2d-hero::before,.u2-dash.is-updating .u2d-save::before{content:"";position:absolute;left:0;top:0;height:3px;width:35%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,transparent,var(--u2-indigo),var(--u2-indigo-text));animation:u2bar 1.15s cubic-bezier(.4,0,.2,1) infinite;z-index:2}
.u2d-save{position:relative;overflow:hidden}
@keyframes u2bar{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
.u2-dash.is-updating .u2d-bals::after{content:"";position:absolute;inset:-6px;background:linear-gradient(100deg,transparent 30%,rgba(var(--u2-ink),.07) 50%,transparent 70%);background-size:250% 100%;animation:u2shimmer 1.3s linear infinite;pointer-events:none;border-radius:12px}
.u2d-bals{position:relative}
@keyframes u2shimmer{from{background-position:120% 0}to{background-position:-130% 0}}
.u2-dash.just-updated .u2d-total b{animation:u2flash 1.6s ease-out}
@keyframes u2flash{0%{color:var(--u2-mint-text);text-shadow:0 0 18px rgba(87,232,166,.5)}100%{color:var(--u2-text);text-shadow:none}}
@media(max-width:520px){.u2d-label{flex-wrap:wrap}.u2d-label .u2d-upd{margin-left:0;flex-basis:100%;order:3}}
@media(prefers-reduced-motion:reduce){.u2-dash.is-updating .u2d-hero::before,.u2-dash.is-updating .u2d-save::before{animation:none;width:100%;opacity:.6}.u2-dash.is-updating .u2d-bals::after{display:none}.u2d-spin{animation-duration:1.6s}.u2-dash.just-updated .u2d-total b{animation:none}}

/* ---- wallet cards: drag to reorder (ui2-wallet-order.js) ---- */
#tab-dashboard .wc-card .wc-drag{all:unset;box-sizing:border-box;display:grid;place-items:center;flex:none;width:28px;height:28px;margin-left:2px;border-radius:8px;color:var(--u2-faint);cursor:grab;touch-action:none;opacity:.55;transition:opacity .15s,background .15s,color .15s}
#tab-dashboard .wc-card:hover .wc-drag{opacity:1}
#tab-dashboard .wc-card .wc-drag:hover{background:rgba(var(--u2-ink),.07);color:var(--u2-text)}
#tab-dashboard .wc-card .wc-drag:focus-visible{opacity:1;outline:2px solid var(--u2-indigo);outline-offset:1px}
#tab-dashboard .wc-card .wc-drag svg{width:16px;height:16px;fill:currentColor}
@media(hover:none){#tab-dashboard .wc-card .wc-drag{opacity:.9;width:34px;height:34px}}
.wc-ghost{position:fixed!important;z-index:9000;margin:0!important;pointer-events:none;transform:rotate(1.5deg) scale(1.03);box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(86,112,255,.6)!important;border-color:rgba(86,112,255,.6)!important;background-color:var(--u2-surface-2)!important;opacity:.97;transition:none}
.wc-ghost .wc-drag{cursor:grabbing}
#tab-dashboard tr.wc-placeholder .wc-card{opacity:.25;border-style:dashed!important;border-color:rgba(86,112,255,.55)!important;box-shadow:none!important;transform:none!important}
#tab-dashboard tr.wc-placeholder .wc-card>*{visibility:hidden}
body.wc-dragging,body.wc-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
body.wc-dragging #tab-dashboard .wc-card:hover{transform:none}
@media(prefers-reduced-motion:reduce){.wc-ghost{transform:none}}
html:has(body.wc-dragging),body.wc-dragging,body.wc-dragging *{overflow-anchor:none!important}

/* ---- wallet cards: slimmer layout (more data per pixel) ---- */
#walletsTable tbody{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:10px!important;align-items:stretch!important}
#tab-dashboard .wc-card{gap:10px!important;padding:14px 14px 12px!important;border-radius:14px!important}
#tab-dashboard .wc-card .wc-header{gap:10px!important}
#tab-dashboard .wc-card .wallet-network-logo{width:30px!important;height:30px!important;border-radius:9px!important}
#tab-dashboard .wc-card .wallet-network-logo svg{width:16px!important;height:16px!important}
#tab-dashboard .wc-card .wc-title{font-size:14.5px!important}
#tab-dashboard .wc-card .wc-network{padding:2px 7px!important;font-size:9.5px!important}
#tab-dashboard .wc-card .wc-drag{width:24px!important;height:24px!important}
#tab-dashboard .wc-card .wc-address{margin:-10px 0 0 40px!important;gap:2px!important}
#tab-dashboard .wc-card .wc-address code{font-size:11.5px!important}
#tab-dashboard .wc-card .wc-icon{width:20px!important;height:20px!important;font-size:11px!important}
/* balances: two plain columns with a hairline between, no boxed tiles */
#tab-dashboard .wc-card .wc-assets{gap:0!important;padding:10px 0!important;border-top:1px solid var(--u2-line);border-bottom:1px solid var(--u2-line)}
#tab-dashboard .wc-card .wc-asset{padding:0 12px 0 0!important;border:0!important;border-radius:0!important;background:none!important}
#tab-dashboard .wc-card .wc-asset+.wc-asset{padding:0 0 0 12px!important;border-left:1px solid var(--u2-line)!important}
#tab-dashboard .wc-card .wc-asset-label{font-size:10px!important}
#tab-dashboard .wc-card .wc-asset-label::before{width:6px;height:6px}
#tab-dashboard .wc-card .wc-amount b{margin-top:2px!important;font-size:18px!important}
/* resources: one quiet line */
#tab-dashboard .wc-card .wc-resources{border:0!important;border-radius:0!important;gap:14px!important;font-size:11.5px!important}
#tab-dashboard .wc-card .wc-resources span{flex:0 1 auto;padding:0!important;gap:5px;justify-content:flex-start}
#tab-dashboard .wc-card .wc-resources span+span{border-left:0!important;padding-left:14px!important;position:relative}
#tab-dashboard .wc-card .wc-resources span+span::before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:var(--u2-faint)}
#tab-dashboard .wc-card .wc-resources b{font-size:12px!important}
/* status chips */
#tab-dashboard .wc-card .wc-status{gap:4px!important}
#tab-dashboard .wc-card .wc-status>span:not(.wc-aml),#tab-dashboard .wc-card .wc-aml>span,#tab-dashboard .wc-card .wc-status>.wc-aml.unchecked,#tab-dashboard .wc-card .wc-status>span.wc-aml:not(:has(span)){height:20px!important;padding:0 7px!important;font-size:11px!important}
/* actions: one compact row, no divider */
#tab-dashboard .wc-card .wc-actions{gap:5px!important;padding:2px 0 0!important;border-top:0!important;flex-wrap:nowrap!important}
#tab-dashboard .wc-card .wc-action{height:30px!important;padding:0 8px!important;border-radius:8px!important;font-size:12px!important;flex:1 1 0!important;min-width:0!important}
#tab-dashboard .wc-card .wc-more{flex:none!important}
#tab-dashboard .wc-card .wc-more summary{width:30px!important;height:30px!important;border-radius:8px!important}
@media(max-width:520px){
  #walletsTable tbody{grid-template-columns:1fr!important}
  #tab-dashboard .wc-card .wc-amount b{font-size:17px!important}
  #tab-dashboard .wc-card .wc-actions{flex-wrap:nowrap!important}
  #tab-dashboard .wc-card .wc-action{flex:1 1 0!important;font-size:11.5px!important;padding:0 4px!important}
  #tab-dashboard .wc-card .wc-more{flex:none!important}
  #tab-dashboard .wc-card .wc-more summary{width:30px!important}
}
@media(max-width:520px){#tab-dashboard .wc-card .wc-actions{gap:4px!important}#tab-dashboard .wc-card .wc-action{font-size:11px!important;padding:0 3px!important;overflow:hidden;text-overflow:ellipsis}#tab-dashboard .wc-card .dash-aml-btn{flex-grow:1.25!important}}

/* ---- wallet list toolbar: compact, filters folded (ui2-wallet-order.js) ---- */
body.u2-authed #tab-dashboard .u2-wl .dash-toolbar{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"title chips btn" "sel sel sel";align-items:center;gap:10px 14px;margin-bottom:14px}
body.u2-authed #tab-dashboard .u2-wl .dash-toolbar>h2{grid-area:title;flex:none!important}
body.u2-authed #tab-dashboard .u2-wl .wc-filters{display:contents!important}
body.u2-authed #tab-dashboard .u2-wl #walletCategoryFilters{grid-area:chips;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;margin:0;padding:2px}
body.u2-authed #tab-dashboard .u2-wl #walletCategoryFilters::-webkit-scrollbar{display:none}
body.u2-authed #tab-dashboard .u2-wl #walletCategoryFilters .filter-chip{flex:none;height:30px;padding:0 11px}
body.u2-authed #tab-dashboard .u2-wl .wc-filter-selects{grid-area:sel;display:none!important;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--u2-line);border-radius:12px;background:rgba(var(--u2-deep),.4)}
body.u2-authed #tab-dashboard .u2-wl.u2-wl-open .wc-filter-selects{display:flex!important}
body.u2-authed #tab-dashboard .u2-wl .wc-filter-selects label{flex:1 1 160px}
body.u2-authed #tab-dashboard .u2-wl .wc-filter-selects select{width:100%}
.u2-wl-fbtn{all:unset;box-sizing:border-box;grid-area:btn;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid var(--u2-line-2);border-radius:9px;font:500 12.5px var(--u2-body);color:var(--u2-text);white-space:nowrap}
.u2-wl-fbtn:hover{background:rgba(var(--u2-ink),.05)}
.u2-wl-fbtn:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:2px}
.u2-wl-fbtn svg{width:15px;height:15px;color:var(--u2-muted)}
.u2-wl-fbtn b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--u2-indigo);color:#fff;font:600 11px var(--u2-mono)}
body.u2-authed #tab-dashboard .u2-wl-open .u2-wl-fbtn{background:var(--u2-indigo-soft);border-color:rgba(86,112,255,.5)}
@media(max-width:620px){
  body.u2-authed #tab-dashboard .u2-wl .dash-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title btn" "chips chips" "sel sel";gap:10px}
  body.u2-authed #tab-dashboard .u2-wl #walletCategoryFilters{margin:0 -16px;padding:2px 16px}
}
/* old-cabinet click ripple: keep it inside the new buttons (they reset overflow with all:unset) */
:is(.u2-wl-fbtn,.u2-en-chip,.u2-en-pkg,.u2-aml-card,.u2-tp-use,.u2-tp-link,.u2-en-calc,.u2d-stat-btn,.u2-aml-ftoggle,.u2-paybar-btn,.wc-drag,.u2-tab,.u2-lang,.u2-easy,.u2-pill,.u2-icon){position:relative;overflow:hidden}
.u2-shell .u2-item .ripple{display:none}

/* ================= Theme switching ================= */
html.u2-theme-switching *,html.u2-theme-switching *::before,html.u2-theme-switching *::after{transition:background-color .3s ease,border-color .3s ease,color .2s ease,fill .3s ease!important}
.u2-theme svg,.u2-theme-old svg{width:16px;height:16px}
.u2-theme-old{display:inline-grid!important;place-items:center;width:36px!important;min-width:0!important;padding:0!important}

/* ================= Light theme: older cabinet parts =================
   ui.html and the shared auto-energy/bandwidth files hard-code dark colours,
   so these rules re-colour them only when the light theme is on. */
html[data-theme="light"] body{background:var(--u2-bg)}
html[data-theme="light"] body::before{background:radial-gradient(900px 500px at 70% -10%,rgba(79,95,232,.07),transparent 65%)}
html[data-theme="light"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background-color:var(--u2-input)!important;color:var(--u2-text)!important;border-color:var(--u2-line-2)!important}
html[data-theme="light"] :is(input,textarea)::placeholder{color:var(--u2-faint)!important}
html[data-theme="light"] select option{background:#fff;color:#0f172a}
html[data-theme="light"] :is(.card,.modal,details):not(.u2-ae-hero){color:var(--u2-text)}
html[data-theme="light"] button.secondary:not(.u2d-btn){background:var(--u2-surface)!important;border:1px solid var(--u2-line-2)!important;color:var(--u2-text)!important}
html[data-theme="light"] .pill{background:var(--u2-sunken)!important;border-color:var(--u2-line-2)!important;color:var(--u2-text)!important}
html[data-theme="light"] :is(.ok,.v.ok){color:#047857!important}
html[data-theme="light"] :is(.err,.v.err){color:#dc2626!important}
html[data-theme="light"] .warn{color:#b45309!important}
html[data-theme="light"] .muted{color:var(--u2-muted)!important}
html[data-theme="light"] thead th,html[data-theme="light"] th{background:var(--u2-sunken)!important;color:var(--u2-muted)!important}
html[data-theme="light"] td{color:var(--u2-text)}
html[data-theme="light"] .modal-message:not(.err){background:var(--u2-sunken)!important;color:var(--u2-text)!important;border-color:var(--u2-line)!important}
html[data-theme="light"] .toast{background:#fff!important;color:var(--u2-text)!important}
html[data-theme="light"] .toast :is(.t-title,.t-body){color:inherit!important}
html[data-theme="light"] .footer :is(.footer-brand span,.footer-links a){color:var(--u2-muted)!important}
html[data-theme="light"] .skel{background:linear-gradient(90deg,#eef1f6,#e2e6ee,#eef1f6)!important;background-size:200% 100%!important}

/* sign-in screen */
html[data-theme="light"] .wrap>.topbar h1{color:var(--u2-text)}
html[data-theme="light"] .service-status-link,html[data-theme="light"] .service-status-link span{color:#047857!important}
html[data-theme="light"] .lang-btn,html[data-theme="light"] #homeBtn,html[data-theme="light"] .lang-choice{background:#fff!important;border-color:var(--u2-line-2)!important;color:var(--u2-text)!important;box-shadow:none!important}
html[data-theme="light"] .lang-btn span{color:inherit!important}
html[data-theme="light"] .lang-choice .lang-btn{background:transparent!important}
html[data-theme="light"] .lang-choice .lang-btn.active{background:var(--u2-indigo-soft)!important;outline:none!important}
html[data-theme="light"] .entry-shell{background:#fff!important;border-color:var(--u2-line)!important;box-shadow:0 30px 70px -40px rgba(15,23,42,.35)!important}
html[data-theme="light"] .entry-story{background:radial-gradient(600px 300px at 0% 0%,rgba(79,95,232,.10),transparent 65%),#f7f8fd!important;color:var(--u2-text)!important}
html[data-theme="light"] .entry-methods{background:#fff!important;color:var(--u2-text)!important}
html[data-theme="light"] .entry-story :is(div,p,span,h2,h3){color:var(--u2-text)!important}
html[data-theme="light"] .entry-story :is(p,.entry-feature p,.entry-trust span){color:var(--u2-muted)!important}
html[data-theme="light"] .entry-story>div:first-child{color:var(--u2-indigo-text)!important}
html[data-theme="light"] .entry-headline span+span{color:var(--u2-indigo)!important}
html[data-theme="light"] .entry-methods :is(h2,p){color:var(--u2-text)!important}
html[data-theme="light"] .entry-methods-head p,html[data-theme="light"] .auth-alternative{color:var(--u2-muted)!important}
html[data-theme="light"] .auth-card{background:var(--u2-surface-2)!important;border-color:var(--u2-line-2)!important}
html[data-theme="light"] .auth-card :is(.auth-card-title,.auth-card-title span){color:var(--u2-text)!important}
html[data-theme="light"] .auth-card :is(.auth-card-desc,.auth-mini){color:var(--u2-muted)!important}
html[data-theme="light"] .auth-badge{background:var(--u2-mint-soft)!important;color:var(--u2-mint-text)!important;border-color:transparent!important}
html[data-theme="light"] .auth-mark-telegram{background:rgba(42,171,238,.14)!important;color:#0e7ab8!important}
html[data-theme="light"] .telegram-login-btn{background:#2aabee!important;border-color:#2aabee!important;color:#fff!important}
html[data-theme="light"] .telegram-login-btn span{color:#fff!important}
html[data-theme="light"] .auth-api-details,html[data-theme="light"] .auth-api-details summary{color:var(--u2-text)!important}
html[data-theme="light"] .api-key-panel :is(label,.reveal-btn){color:var(--u2-muted)!important}
html[data-theme="light"] .reveal-btn{background:transparent!important}

/* dashboard leftovers */
html[data-theme="light"] #tab-dashboard .filter-chip{color:var(--u2-muted)!important;background:#fff!important;border-color:var(--u2-line-2)!important}
html[data-theme="light"] #tab-dashboard .filter-chip.active{color:var(--u2-text)!important;background:var(--u2-indigo-soft)!important;border-color:rgba(79,95,232,.5)!important}
html[data-theme="light"] #tab-dashboard .wc-exact{background:transparent!important}

/* energy */
html[data-theme="light"] #tab-energy .energy-help,html[data-theme="light"] #tab-energy .energy-help summary,html[data-theme="light"] #tab-energy .energy-help summary span{color:var(--u2-text)!important;background:var(--u2-surface)!important}
html[data-theme="light"] #tab-energy :is(.recipient-label,.recipient-hint,#trxGuaranteeHint){color:var(--u2-muted)!important}
html[data-theme="light"] #tab-energy #orderCalcBtn{background:#fff!important;color:var(--u2-text)!important;border:1px solid var(--u2-line-2)!important}
html[data-theme="light"] #tab-energy .calc-result{background:var(--u2-sunken)!important;color:var(--u2-text)!important}

/* auto energy (shared auto-energy.css is dark-only) */
html[data-theme="light"] #tab-auto-energy .ae-shell{color:var(--u2-text)}
html[data-theme="light"] #tab-auto-energy .ae-shell :is(h2,label,summary,strong,b,.ae-heading h2,.ae-transactions-header h2,.ae-operation-name span,.ae-operation-detail strong,.ae-billing,.ae-billing strong,.ae-wallet-billing,.ae-wallet-actions>button,.ae-wallet-menu>div button,#ae-consent-text,.ae-payment-preview p,.ae-payment-preview strong){color:var(--u2-text)!important}
html[data-theme="light"] #tab-auto-energy .ae-shell :is(p,.ae-hint,.ae-pause,.ae-operation-detail span,.ae-day-heading,.ae-muted,.ae-payment-preview span,.ae-operation-description,.ae-operation-date){color:var(--u2-muted)!important}
html[data-theme="light"] #tab-auto-energy :is(.ae-help p,.ae-wallet-menu>div){background:#fff!important;border-color:var(--u2-line-2)!important;color:var(--u2-text)!important;box-shadow:0 12px 30px rgba(15,23,42,.15)!important}
html[data-theme="light"] #tab-auto-energy .ae-icon-button{color:var(--u2-muted)!important}
html[data-theme="light"] #tab-auto-energy .ae-wallet-status.disabled,html[data-theme="light"] #tab-auto-energy .ae-wallet-status.activation_failed{color:var(--u2-muted)!important}
html[data-theme="light"] #tab-auto-energy .ae-tx-amount{color:var(--u2-text)!important}
html[data-theme="light"] #tab-auto-energy .ae-tx-amount.ae-tx-debit{color:#dc2626!important}
html[data-theme="light"] #tab-auto-energy :is(.ae-sub,.ae-charge,.ae-operation-detail){border-color:var(--u2-line)!important;background-color:transparent}
html[data-theme="light"] #tab-auto-energy .ae-consent{background:transparent!important}
html[data-theme="light"] .u2-ae-kpi em{color:var(--u2-muted)}

/* aml */
html[data-theme="light"] #tab-aml :is(label,.aml-pagination label,#amlPageMeta,.aml-price-grid span,.aml-report-note p,.aml-order-loading,.aml-order-score.na){color:var(--u2-muted)!important}
html[data-theme="light"] #tab-aml .aml-address-shell{background:#fff!important}

/* sanctions */
html[data-theme="light"] #tab-sanctions,html[data-theme="light"] #tab-sanctions .card{background:var(--u2-surface)!important;color:var(--u2-text)!important}
html[data-theme="light"] #tab-sanctions .sanctions-entry{background:#fff!important;border-color:var(--u2-line-2)!important}
html[data-theme="light"] #tab-sanctions #sanctionsPaste{background:var(--u2-sunken)!important;color:var(--u2-text)!important;border:1px solid var(--u2-line-2)!important}
html[data-theme="light"] #tab-sanctions :is(h2,h3,strong,b,label,p,span,div){color:inherit}

/* activity */
html[data-theme="light"] :is(#tab-activity,#easyModePage) :is(.activity-title,.activity-list-head h2,.tx-kind,.tx-kpi .k){color:var(--u2-text)!important}
html[data-theme="light"] :is(#tab-activity,#easyModePage) :is(.activity-subtitle,.activity-count,.activity-count span,.tx-meta){color:var(--u2-muted)!important}
html[data-theme="light"] :is(#tab-activity,#easyModePage) :is(.tx-kpi,.tx-item){background:var(--u2-surface)!important;border-color:var(--u2-line)!important}
html[data-theme="light"] :is(#tab-activity,#easyModePage) .tx-kpi .v small{color:inherit!important;opacity:.75}
html[data-theme="light"] :is(#tab-activity,#easyModePage) .tx-item.in .tx-amount-value{color:#047857!important}
html[data-theme="light"] :is(#tab-activity,#easyModePage) .tx-item.out .tx-amount-value{color:#dc2626!important}
html[data-theme="light"] :is(#tab-activity,#easyModePage) .tx-icon{background:var(--u2-sunken)!important;color:var(--u2-text)!important}
html[data-theme="light"] :is(#tab-activity,#easyModePage) .activity-refresh{background:#fff!important;color:var(--u2-text)!important;border:1px solid var(--u2-line-2)!important}

/* top-up (balance card rendered by ui.html) */
html[data-theme="light"] #balanceBox :is(.balance-kicker,.wallet-only-note,.deposit-speed-body,.balance-value .unit){color:var(--u2-muted)!important}
html[data-theme="light"] #balanceBox :is(.wallet-label,.deposit-speed-title,.balance-value,.balance-name){color:var(--u2-text)!important}
html[data-theme="light"] #balanceBox .trx-only-badge{background:var(--u2-mint-soft)!important;color:var(--u2-mint-text)!important;border-color:transparent!important}
html[data-theme="light"] #balanceBox .deposit-buy-guide,html[data-theme="light"] #balanceBox .deposit-buy-guide span{color:var(--u2-indigo-text)!important}
html[data-theme="light"] #balanceBox :is(.deposit-speed-note,.wallet-block,.balance-overview){background:var(--u2-sunken)!important;border-color:var(--u2-line)!important}
html[data-theme="light"] #balanceBox .deposit-speed-icon{background:var(--u2-indigo-soft)!important;color:var(--u2-indigo-text)!important}
html[data-theme="light"] #balanceBox .wallet-code{background:#fff!important;color:var(--u2-text)!important}
html[data-theme="light"] #balanceBox .balance-glow::after{display:none}

/* partner / referrals */
html[data-theme="light"] .referral-scope-note{background:var(--u2-sunken)!important;border-color:var(--u2-line)!important}
html[data-theme="light"] .referral-scope-note :is(strong,.referral-scope-copy strong){color:var(--u2-text)!important}
html[data-theme="light"] .referral-scope-note :is(span,.referral-scope-icon){color:var(--u2-muted)!important}

/* subrent */
html[data-theme="light"] #tab-subrent .subrent-hero{background:radial-gradient(600px 300px at 0% 0%,rgba(79,95,232,.10),transparent 65%),#fff!important;border-color:var(--u2-line)!important}
html[data-theme="light"] #tab-subrent :is(.subrent-hero h2,.subrent-hero h1,.subrent-live-price span,.subrent-live-price strong,.subrent-yield-card strong,.subrent-yield-price,.subrent-wallets-heading,.subrent-count){color:var(--u2-text)!important}
html[data-theme="light"] #tab-subrent :is(.subrent-eyebrow,.subrent-yield-kicker,.subrent-hero p){color:var(--u2-muted)!important}
html[data-theme="light"] #tab-subrent .subrent-test-badge{background:rgba(245,158,11,.14)!important;color:#b45309!important}
html[data-theme="light"] #tab-subrent .subrent-yield-card{background:var(--u2-sunken)!important;border-color:var(--u2-line)!important}
html[data-theme="light"] #tab-subrent :is(.subrent-guide-toggle,.subrent-guide-toggle span){background:#fff!important;color:var(--u2-text)!important;border-color:var(--u2-line-2)!important}
html[data-theme="light"] #tab-subrent :is(.subrent-add,.subrent-add span){color:#fff!important}
html[data-theme="light"] #tab-subrent td{color:var(--u2-text)!important}

/* api docs: code blocks stay dark on purpose, the rest follows the theme */
html[data-theme="light"] #tab-api :is(.api-docs-intro h2,.api-endpoint-head h3,.api-path,.api-order-guidance p,.api-order-guidance strong,.api-auth-note b,.api-field>code){color:var(--u2-text)!important}
html[data-theme="light"] #tab-api :is(.dash-sub,.api-endpoint-desc,.api-auth-note span,.api-field>span,.api-toc-num,.api-toc-link code,.api-scenario){color:var(--u2-muted)!important}
html[data-theme="light"] #tab-api :is(.api-toc,.api-auth-note,.api-base,.api-scenario,.api-order-guidance,.api-field,.api-endpoint){background:var(--u2-surface-2)!important;border-color:var(--u2-line)!important}
html[data-theme="light"] #tab-api .api-base code{color:var(--u2-indigo-text)!important;background:transparent!important}
html[data-theme="light"] #tab-api :is(.api-method,.api-public){background:var(--u2-indigo-soft)!important;color:var(--u2-indigo-text)!important}
html[data-theme="light"] #tab-api .api-method.post{background:rgba(16,185,129,.14)!important;color:#047857!important}
html[data-theme="light"] #tab-api .api-required{color:#dc2626!important}
html[data-theme="light"] #tab-api .api-combination-list code{background:var(--u2-sunken)!important;color:var(--u2-text)!important}
html[data-theme="light"] #tab-api pre.api-code{background:#0f172a!important;color:#e2e8f0!important}
html[data-theme="light"] #tab-api #dashApiKeysBox .modal-message{background:var(--u2-sunken)!important;color:var(--u2-text)!important}
html[data-theme="light"] .auth-api-body .auth-card-desc{color:var(--u2-muted)!important}
html[data-theme="light"] .telegram-login-btn{background:#1f8fd0!important;border-color:#1f8fd0!important}
html[data-theme="light"] #tab-auto-energy :is(.ae-connection-id,.ae-delegation a){color:var(--u2-indigo-text)!important}
html[data-theme="light"] #tab-auto-energy .ae-operation-status{color:#b45309!important}
html[data-theme="light"] #tab-subrent .subrent-add{background:var(--u2-indigo)!important;border-color:var(--u2-indigo)!important}
html[data-theme="light"] #tab-api :is(.api-base span,.api-toc-link span span,.api-coverage-price span,dd){color:var(--u2-muted)!important}
html[data-theme="light"] #tab-api :is(.api-auth-note code,.api-coverage-price code,dt code){background:var(--u2-sunken)!important;color:var(--u2-text)!important}
html[data-theme="light"] #tab-api :is(.api-order-guidance a,.api-order-guidance a span,.api-order-guidance a code){color:var(--u2-indigo-text)!important}
html[data-theme="light"] #tab-api :is(.api-combinations b,.api-coverage-details summary){color:var(--u2-text)!important}

/* light theme: dialogs, easy mode, bandwidth form */
html[data-theme="light"] .modal :is(h2,h3,label,b,strong,.mini-label,.dash-order-duration b,.rowline,.rowline span){color:var(--u2-text)!important}
html[data-theme="light"] .modal :is(p,.wallet-form-hint,.order-data-note,.aml-note,.dash-order-status,.dash-order-duration span,.dash-order-disclosure summary,.dash-order-disclosure p,.topup-warning-list li){color:var(--u2-muted)!important}
html[data-theme="light"] .modal :is(.btn:not(.primary),.small-btn,.link-btn,#dashOrderCancel){background:#fff!important;border:1px solid var(--u2-line-2)!important;color:var(--u2-text)!important;box-shadow:none!important}
html[data-theme="light"] .modal :is(.btn.primary,#dashOrderSubmit,#dashDetailRent){background:var(--u2-indigo)!important;border-color:var(--u2-indigo)!important;color:#fff!important}
html[data-theme="light"] .modal .dash-order-link{color:var(--u2-indigo-text)!important;background:none!important;border:0!important}
html[data-theme="light"] .modal :is(.dash-order-support,.dash-order-checkout,.resource-card,.mini-stat,.order-confirm-details,.topup-warning-list li,.breakable-value){background:var(--u2-sunken)!important;border-color:var(--u2-line)!important;color:var(--u2-text)!important}
html[data-theme="light"] .modal :is(.dash-order-support-label,.dash-order-support p,.dash-order-prices,.dash-order-prices div,.resource-card .v,.resource-card .k,.mini-val){color:var(--u2-text)!important}
html[data-theme="light"] .modal .dash-order-prices b,html[data-theme="light"] .modal .dash-order-total b{color:var(--u2-text)!important}
html[data-theme="light"] #dashboardEnergyModal #dashOrderTrxGuarantee{background:var(--u2-track)!important;border-color:transparent!important}
html[data-theme="light"] #dashboardEnergyModal #dashOrderTrxGuarantee:checked{background:var(--u2-indigo)!important}
html[data-theme="light"] .modal .status-badge.red{background:rgba(220,38,38,.1)!important;color:#dc2626!important;border-color:rgba(220,38,38,.3)!important}
html[data-theme="light"] .modal .topup-modal-icon{background:rgba(245,158,11,.14)!important;color:#b45309!important}
html[data-theme="light"] .modal .dash-aml-btn{color:#047857!important}
/* easy mode */
html[data-theme="light"] #easyModePage :is(h2,strong,.easy-field b,.easy-calc-state,.easy-balance-inline-label){color:var(--u2-text)!important}
html[data-theme="light"] #easyModePage :is(p,.easy-trust span,.easy-widget-subtitle,.easy-balance-topup-note){color:var(--u2-muted)!important}
html[data-theme="light"] #easyModePage :is(.easy-mode-hero,.easy-widget,.easy-trust,.easy-calc-state){background:var(--u2-surface)!important;border-color:var(--u2-line)!important}
html[data-theme="light"] #easyModePage :is(.easy-small-btn,.easy-transfer-flow span,.wallet-reveal-btn){background:var(--u2-sunken)!important;border:1px solid var(--u2-line-2)!important;color:var(--u2-text)!important}
html[data-theme="light"] #easyModePage .wallet-reveal-btn span{color:var(--u2-text)!important}
html[data-theme="light"] #easyModePage :is(.easy-mode-badge,.easy-step-number){background:var(--u2-indigo-soft)!important;color:var(--u2-indigo-text)!important}
/* bandwidth form (shared resource-rental.css is dark-only) */
html[data-theme="light"] #bandwidth-rental :is(label,.rental-period strong,.rental-total span,#bandwidth-total){color:var(--u2-text)!important}
html[data-theme="light"] #bandwidth-rental :is(.rental-hint,.rental-label-row span,.rental-period span,.rental-clock,.rental-total small,.rental-message){color:var(--u2-muted)!important}
html[data-theme="light"] #bandwidth-rental .rental-submit{background:var(--u2-indigo)!important;border-color:var(--u2-indigo)!important;color:#fff!important}
html[data-theme="light"] .bandwidth-order-dialog{background:#fff!important;color:var(--u2-text)!important;border-color:var(--u2-line-2)!important}

/* light-theme repair classes (set by ui2-lightfix.js only in the light theme) */
html[data-theme="light"] .u2-lf-grad{background-image:none!important}
html[data-theme="light"] .u2-lf-grad:not(.u2-lf-bg){background-color:var(--u2-surface-2)!important}
html[data-theme="light"] .u2-lf-bg{background-color:var(--u2-sunken)!important;box-shadow:none!important}
html[data-theme="light"] .u2-lf-bd{border-color:var(--u2-line-2)!important}
html[data-theme="light"] .u2-lf-tx{color:var(--u2-lf-c)!important}
/* light theme: pseudo-element decorations the repair pass cannot reach */
html[data-theme="light"] #tab-sanctions::after{background:linear-gradient(180deg,rgba(79,95,232,.10),rgba(79,95,232,.02) 45%)!important;box-shadow:none!important}
html[data-theme="light"] .aml-risk-ring::before{background:#fff!important;border-color:var(--u2-line)!important}
html[data-theme="light"] .aml-risk-ring b{color:var(--u2-text)!important}
/* statement dialog: toolbar buttons keep their natural width */
#statementModal .modal>.dash-toolbar{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
#statementModal .modal>.dash-toolbar button{width:auto!important;flex:none}
#statementModal .modal>.dash-toolbar button{min-height:0!important;height:34px;padding:0 14px!important;font-size:13px!important}
/* referrals: unit after the number, compact refresh button */
.ref-summary .v small,.ref-summary .v span+small{margin-left:4px}
#tab-partner .dash-toolbar>button,#tab-partner .dash-toolbar .dash-actions>button{width:auto!important;min-height:0!important;height:36px;padding:0 14px!important;font-size:13px!important}
/* SubRent "add wallet" form: a clearly outlined card in both themes */
#tab-subrent .subrent-form-card{border:1.5px solid var(--u2-line-2)!important;border-radius:18px!important;background:var(--u2-surface)!important;box-shadow:0 18px 50px -30px rgba(15,23,42,.45)!important}
html[data-theme="light"] #tab-subrent .subrent-form-card{border-color:rgba(79,95,232,.35)!important;box-shadow:0 18px 50px -30px rgba(15,23,42,.3),0 0 0 4px rgba(79,95,232,.06)!important}
#tab-subrent .subrent-form-heading{border-bottom-color:var(--u2-line)!important}

/* ================= Statement dialog (ui2-statement.js) ================= */
#statementModal.st-v2 .modal{width:min(880px,calc(100vw - 32px))!important;max-width:none!important;padding:0!important;display:flex;flex-direction:column;max-height:calc(100dvh - 40px)!important;overflow:hidden!important}
#statementModal.st-v2 .modal>.dash-toolbar{padding:18px 22px 0;margin:0!important}
#statementModal.st-v2 #statementModalTitle{margin:0;font:700 18px var(--u2-display)!important;color:var(--u2-text)!important}
#statementModal.st-v2 #statementModalBody{flex:1;overflow:auto;padding:0 22px 22px}
.st-tabs{position:sticky;top:0;z-index:3;display:flex;gap:4px;margin:12px -22px 16px;padding:0 22px;border-bottom:1px solid var(--u2-line);background:var(--u2-surface)}
.st-tab{all:unset;cursor:pointer;padding:10px 12px;margin-bottom:-1px;border-bottom:2px solid transparent;font:600 13.5px var(--u2-body);color:var(--u2-muted)}
.st-tab:hover{color:var(--u2-text)}
.st-tab.on{color:var(--u2-text);border-bottom-color:var(--u2-indigo)}
.st-tab:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:-2px;border-radius:6px}
.st-loading{display:grid;place-items:center;min-height:200px}
.st-spin{display:inline-block;width:22px;height:22px;border-radius:50%;border:2.5px solid var(--u2-line-2);border-top-color:var(--u2-indigo);animation:u2spin .8s linear infinite}
.st-icon{all:unset;box-sizing:border-box;cursor:pointer;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--u2-faint);vertical-align:middle}
.st-icon:hover{background:rgba(var(--u2-ink),.07);color:var(--u2-text)}
.st-icon svg{width:14px;height:14px}
.st-primary,.st-ghost{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;font:600 13.5px var(--u2-body);white-space:nowrap}
.st-primary{background:var(--u2-indigo);color:#fff;box-shadow:0 8px 20px -10px rgba(86,112,255,.8)}
.st-primary:hover{filter:brightness(1.08)}
.st-ghost{border:1px solid var(--u2-line-2);color:var(--u2-text)}
.st-ghost:hover{background:rgba(var(--u2-ink),.05)}
:is(.st-primary,.st-ghost):disabled{opacity:.45;cursor:not-allowed;filter:none}
:is(.st-primary,.st-ghost) svg{width:15px;height:15px}
.st-sm{height:32px;padding:0 12px;font-size:12.5px}
.st-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px}
.st-addr{display:flex;align-items:center;gap:4px;margin-top:8px}
.st-addr code{font:500 13.5px var(--u2-mono);color:var(--u2-text);word-break:break-all}
.st-head p{margin:2px 0 0;font-size:12.5px;color:var(--u2-muted)}
.st-actions{display:flex;flex-wrap:wrap;gap:6px}
.st-hint{margin:10px 0 16px;font-size:12px;color:var(--u2-faint)}
.st-card{margin-bottom:14px;padding:16px;border:1px solid var(--u2-line);border-radius:14px;background:var(--u2-surface-2)}
.st-card-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-bottom:12px}
.st-card-h h4,.st-sec-h h4{margin:0;font:700 15px var(--u2-body);color:var(--u2-text)}
.st-card-h>span{font-size:12px;color:var(--u2-faint)}
.st-bal{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.st-bal :is(th,td){padding:9px 8px;text-align:right;border-top:1px solid var(--u2-line);font:500 13.5px var(--u2-mono);color:var(--u2-text);background:none!important}
.st-bal thead th{border-top:0;padding-top:0;font:600 10.5px var(--u2-mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--u2-faint)!important}
.st-bal :is(th,td):first-child{text-align:left;font-family:var(--u2-body)}
.st-bal tbody th{font:600 13.5px var(--u2-body)!important;color:var(--u2-text)!important;text-transform:none!important;letter-spacing:0}
.st-bal small,.st-op-amt small,.st-kv small{margin-left:3px;font-size:.8em;color:var(--u2-faint)}
.st-pos{color:var(--u2-mint-text)}.st-neg{color:var(--u2-coral-text)}.st-zero{color:var(--u2-faint)}
.st-seg{display:inline-flex;padding:3px;border:1px solid var(--u2-line);border-radius:10px;background:rgba(var(--u2-deep),.4)}
.st-seg button{all:unset;cursor:pointer;padding:5px 10px;border-radius:7px;font:600 12px var(--u2-body);color:var(--u2-muted)}
.st-seg button.on{background:var(--u2-indigo-soft);color:var(--u2-text)}
.st-seg em{font-style:normal;margin-left:3px;color:var(--u2-faint);font-weight:500}
.st-search{display:flex;align-items:center;gap:8px;height:36px;margin-bottom:10px;padding:0 11px;border:1px solid var(--u2-line-2);border-radius:10px;background:var(--u2-input)}
.st-search svg{width:15px;height:15px;color:var(--u2-faint);flex:none}
.st-search input{all:unset;flex:1;font-size:13px;color:var(--u2-text)}
.st-day{margin:12px 0 4px;font:600 10.5px var(--u2-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--u2-faint)}
.st-day:first-child{margin-top:0}
.st-op{border-top:1px solid var(--u2-line)}
.st-day+.st-op{border-top:0}
.st-op>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:32px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:10px 4px;border-radius:10px}
.st-op>summary::-webkit-details-marker{display:none}
.st-op>summary:hover{background:rgba(var(--u2-ink),.03)}
.st-op-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(var(--u2-ink),.06);color:var(--u2-muted)}
.st-op-ic.in{background:var(--u2-mint-soft);color:var(--u2-mint-text)}
.st-op-ic.out{background:rgba(255,107,107,.12);color:var(--u2-coral-text)}
.st-op-ic svg{width:15px;height:15px}
.st-op-main{min-width:0}
.st-op-main b{display:block;font-weight:600;font-size:13.5px;color:var(--u2-text)}
.st-op-main small{display:block;font-size:12px;color:var(--u2-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-op-main i{font-style:normal;color:var(--u2-muted)}
.st-op-amt{font:600 14px var(--u2-mono);text-align:right;white-space:nowrap}
.st-chev{color:var(--u2-faint);transition:transform .2s}.st-chev svg{width:16px;height:16px}
.st-op[open] .st-chev{transform:rotate(180deg)}
.st-op-body{padding:4px 4px 14px 48px}
.st-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0}
.st-kv div{min-width:0}
.st-kv dt{font-size:11.5px;color:var(--u2-faint)}
.st-kv dd{margin:1px 0 0;font-size:13px;color:var(--u2-text);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.st-kv code,.st-cp-meta code{font:500 12px var(--u2-mono);color:var(--u2-muted);background:none!important;padding:0!important}
.st-note{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding-top:10px;border-top:1px dashed var(--u2-line)}
.st-note>span{flex:none;padding-top:5px;font-size:11.5px;color:var(--u2-faint)}
.st-note .statement-note-box{flex:1}
.st-note .statement-note-read{display:flex;align-items:center;gap:8px}
.st-note .statement-note-read span{flex:1;font-size:13px;color:var(--u2-text)}
.st-note .statement-note-empty{color:var(--u2-faint)!important}
.st-note button{width:auto!important;min-height:0!important;height:28px;padding:0 10px!important;border-radius:8px!important;font-size:12px!important}
.st-note textarea{width:100%;min-height:64px;border-radius:10px}
.st-note .statement-note-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:6px}
.st-note .statement-note-counter{margin-right:auto;font-size:11px;color:var(--u2-faint)}
.st-empty{margin:14px 0;text-align:center;font-size:13px;color:var(--u2-faint)}
.st-limits{margin-top:4px;font-size:12.5px;color:var(--u2-muted)}
.st-limits summary{cursor:pointer;color:var(--u2-muted);font-weight:600}
.st-limits ul{margin:8px 0 0;padding-left:18px;line-height:1.55}
.st-state{display:flex;flex-direction:column;align-items:center;gap:6px;margin:24px 0 8px;padding:28px;border:1px dashed var(--u2-line-2);border-radius:14px;text-align:center}
.st-state b{font-size:15px;color:var(--u2-text)}.st-state p{margin:0;font-size:13px;color:var(--u2-muted)}
.st-state.failed{border-color:rgba(255,107,107,.4)}
.st-state button{margin-top:8px;width:auto!important}
/* counterparties + address book */
.st-sec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.st-sec-h p{margin:3px 0 0;font-size:12.5px;color:var(--u2-muted);max-width:480px}
.st-progress{min-width:180px;font-size:12px;color:var(--u2-muted)}
.st-progress i{display:block;height:6px;margin-top:5px;border-radius:99px;background:var(--u2-track);overflow:hidden}
.st-progress b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--u2-indigo),var(--u2-mint))}
.st-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.st-toolbar .st-search{flex:1;min-width:200px;margin:0}
.st-cps{display:flex;flex-direction:column;gap:8px}
.st-cp,.st-bk{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(200px,260px);align-items:center;gap:12px;padding:12px;border:1px solid var(--u2-line);border-radius:12px;background:var(--u2-surface-2);transition:border-color .15s}
.st-bk{grid-template-columns:36px minmax(0,1fr) auto}
.st-cp.need{border-left:3px solid var(--u2-amber)}
.st-cp.dirty,.st-bk.dirty{border-color:rgba(86,112,255,.55)}
.st-av{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--u2-indigo-soft);color:var(--u2-indigo-text);font:700 14px var(--u2-body)}
.st-cp.need .st-av{background:rgba(243,185,77,.14);color:var(--u2-amber-text)}
.st-cp-main,.st-bk-main{min-width:0}
.st-cp-top{display:flex;align-items:center;gap:8px;min-width:0}
.st-cp-top b{font-weight:600;font-size:13.5px;color:var(--u2-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-badge{flex:none;padding:2px 8px;border-radius:99px;font:600 10.5px var(--u2-body)}
.st-badge.warn{background:rgba(243,185,77,.14);color:var(--u2-amber-text)}
.st-badge.ok{background:var(--u2-mint-soft);color:var(--u2-mint-text)}
.st-cp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;font-size:12px;color:var(--u2-faint)}
.st-chip{padding:1px 7px;border-radius:99px;background:rgba(var(--u2-ink),.06);font-size:11px;color:var(--u2-muted)}
.st-input{width:100%;height:36px;padding:0 11px;border-radius:9px;font-size:13px}
.st-bk-main .st-input{max-width:340px;font-weight:600}
.st-bk-act{display:flex;align-items:center;gap:4px}
.st-bk-del:hover{color:var(--u2-coral-text)!important}
.st-foot{position:sticky;bottom:-22px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:16px -22px -22px;padding:14px 22px;border-top:1px solid var(--u2-line);background:var(--u2-surface)}
.st-foot>span{font-size:12.5px;color:var(--u2-muted)}
.st-foot>div{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:640px){
  #statementModal.st-v2 .modal{width:100vw!important;max-height:100dvh!important;border-radius:16px 16px 0 0!important;margin-top:auto}
  #statementModal.st-v2 .modal>.dash-toolbar{padding:14px 16px 0}
  #statementModal.st-v2 #statementModalBody{padding:0 16px 16px}
  .st-tabs{margin:10px -16px 14px;padding:0 16px;overflow-x:auto}
  .st-tab{white-space:nowrap}
  .st-actions{width:100%}.st-actions .st-primary{flex:1}
  .st-kv{grid-template-columns:1fr}
  .st-op-body{padding-left:4px}
  .st-cp{grid-template-columns:36px minmax(0,1fr)}
  .st-cp .st-input{grid-column:1/-1}
  .st-foot{margin:14px -16px -16px;padding:12px 16px;bottom:-16px}
  .st-foot>div{width:100%}.st-foot>div>*{flex:1}
}

/* statements tab: "create a statement" block */
#tab-statements .dashboard-overview{padding:22px!important;border-radius:18px!important;border:1px solid rgba(86,112,255,.35)!important;background:radial-gradient(520px 220px at 0% 0%,rgba(86,112,255,.14),transparent 65%),var(--u2-surface)!important;box-shadow:none!important}
#tab-statements .dashboard-overview .dash-head{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:0!important}
#tab-statements .dashboard-overview .dash-title{display:block!important}
#tab-statements .dashboard-overview h2{margin:0!important;font:700 22px var(--u2-display)!important;color:var(--u2-text)!important}
#tab-statements .dashboard-overview .dash-sub{margin-top:4px;font-size:13.5px;color:var(--u2-muted)}
#tab-statements .statement-price-chip{display:inline-flex;margin-top:12px;padding:4px 11px;border-radius:99px;background:var(--u2-mint-soft)!important;border:0!important;color:var(--u2-mint-text)!important;font:600 12.5px var(--u2-mono)!important}
#tab-statements .statement-create-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:220px;padding:0!important;border:0!important;background:none!important}
#tab-statements .statement-create-card small{font-size:12px;color:var(--u2-muted)}
#tab-statements #statementCreateBtn{width:100%;min-height:46px;border:0!important;border-radius:12px!important;background:var(--u2-indigo)!important;color:#fff!important;font-size:14.5px!important;box-shadow:0 10px 26px -10px rgba(86,112,255,.9)!important}
@media(max-width:640px){#tab-statements .statement-create-card{width:100%}}
/* statements list: one compact toolbar row, small row buttons */
#tab-statements .dashboard-section{padding:18px!important;border-radius:18px!important}
#tab-statements .dashboard-section>.dash-toolbar:first-child{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
#tab-statements .dashboard-section>.dash-toolbar:first-child h2{flex:1 1 auto;margin:0!important;font:700 17px var(--u2-display)!important;color:var(--u2-text)!important}
#tab-statements .dashboard-section>.dash-toolbar:first-child .dash-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px}
#tab-statements .dashboard-section>.dash-toolbar:first-child :is(select,input){width:auto!important;height:36px!important;min-height:0!important;padding:0 10px!important;font-size:13px!important;border-radius:9px!important}
#tab-statements #statementWalletFilter{min-width:240px}
#tab-statements .dashboard-section :is(.dash-toolbar,td) button{width:auto!important;height:32px!important;min-height:0!important;padding:0 12px!important;border-radius:8px!important;font-size:12.5px!important}
#tab-statements .dashboard-section td:last-child{white-space:nowrap;text-align:right}
@media(max-width:640px){#tab-statements .dashboard-section>.dash-toolbar:first-child .dash-actions{width:100%}#tab-statements .dashboard-section>.dash-toolbar:first-child :is(select,input){flex:1 1 140px;min-width:0!important}}
@media(max-width:640px){
  #tab-statements .dashboard-section{padding:14px!important}
  #tab-statements .table-wrap{overflow:visible!important;margin:0!important}
  #tab-statements #statementsTable tr{max-width:100%;box-sizing:border-box}
  #tab-statements #statementsTable td{min-width:0!important;overflow-wrap:anywhere;white-space:normal!important}
  #tab-statements #statementsTable td .status-badge{width:auto!important;display:inline-flex}
  #tab-statements #statementsTable td:last-child{display:flex!important;flex-wrap:wrap;gap:6px;justify-content:flex-start}
  #tab-statements #statementsTable td:last-child::before{display:none}
}
/* Auto Energy consent checkbox: visible in both themes, clear checked state */
#tab-auto-energy .ae-shell .ae-consent input{width:20px!important;height:20px!important;border:1.5px solid var(--u2-line-2)!important;border-radius:6px!important;background:var(--u2-input)!important;box-shadow:none!important}
html[data-theme="light"] #tab-auto-energy .ae-shell .ae-consent input{border-color:#9aa3b5!important}
#tab-auto-energy .ae-shell .ae-consent input:hover{border-color:var(--u2-indigo)!important}
#tab-auto-energy .ae-shell .ae-consent input:checked{background:var(--u2-indigo)!important;border-color:var(--u2-indigo)!important;box-shadow:0 0 0 3px var(--u2-indigo-soft)!important}
#tab-auto-energy .ae-shell .ae-consent input::after{border-color:#fff!important}
#tab-auto-energy .ae-shell .ae-consent input:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:2px}

/* ================= AML: form + history left, result panel right (ui2-aml-panel.js) ================= */
#tab-aml.u2-aml-v2 .aml-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;align-items:start}
.u2-aml-left{display:flex;flex-direction:column;gap:14px;min-width:0}
#tab-aml.u2-aml-v2 .u2-aml-aside{position:sticky;top:calc(var(--u2-top-h) + 14px);min-height:420px}
#tab-aml.u2-aml-v2 .u2-aml-aside.has-sel>:not(.u2-amlp){display:none!important}
/* history rows in the narrower column: network · address · date · result */
#tab-aml.u2-aml-v2 .aml-order{grid-template-columns:40px minmax(0,1fr) auto auto!important;column-gap:12px!important;grid-template-areas:none!important;row-gap:0!important}
#tab-aml.u2-aml-v2 .aml-order>*{grid-area:auto!important}
#tab-aml.u2-aml-v2 .aml-order>.aml-provider-col,#tab-aml.u2-aml-v2 .aml-order .aml-order-metrics>b,#tab-aml.u2-aml-v2 .aml-order .aml-report-download,#tab-aml.u2-aml-v2 .aml-order .u2-aml-nopdf{display:none!important}
#tab-aml.u2-aml-v2 .aml-order .aml-order-metrics{display:flex!important;justify-content:flex-end}
#tab-aml.u2-aml-v2 .aml-order .u2-aml-date{text-align:right;align-items:flex-end}
#tab-aml.u2-aml-v2 .aml-order.u2-sel{background:var(--u2-indigo-soft)!important;box-shadow:inset 3px 0 0 var(--u2-indigo)!important;border-radius:10px!important}
#tab-aml.u2-aml-v2 .aml-order-score{padding:3px 9px;border-radius:99px;font:600 11.5px var(--u2-body)!important;white-space:nowrap}
#tab-aml.u2-aml-v2 .aml-order-score.low{background:var(--u2-mint-soft)!important;color:var(--u2-mint-text)!important}
#tab-aml.u2-aml-v2 .aml-order-score.medium{background:rgba(243,185,77,.14)!important;color:var(--u2-amber-text)!important}
#tab-aml.u2-aml-v2 .aml-order-score.high{background:rgba(255,107,107,.14)!important;color:var(--u2-coral-text)!important}
#tab-aml.u2-aml-v2 #amlHistoryFilters{grid-template-columns:1fr 1fr!important}
/* panel */
.u2-amlp-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.u2-amlp-h h3{margin:0;font:700 16px var(--u2-body);color:var(--u2-text)}
.u2-amlp-addr{display:flex;align-items:center;gap:2px}
.u2-amlp-addr code{font:500 13px var(--u2-mono);color:var(--u2-text);background:none!important}
.u2-amlp-ic{all:unset;cursor:pointer;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--u2-faint)}
.u2-amlp-ic:hover{background:rgba(var(--u2-ink),.07);color:var(--u2-text)}
.u2-amlp-ic svg{width:14px;height:14px}
.u2-amlp-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.u2-amlp-meta span{padding:2px 8px;border-radius:99px;background:rgba(var(--u2-ink),.06);font-size:11.5px;color:var(--u2-muted)}
.u2-amlp-gw{position:relative;width:min(260px,100%);margin:18px auto 6px}
.u2-amlp-g{display:block;width:100%;overflow:visible}
.u2-amlp-g path{fill:none;stroke-width:14;stroke-linecap:round}
.u2-amlp-g .trk{stroke:var(--u2-track)}
.u2-amlp-g .val{stroke:var(--u2-faint);transition:stroke-dasharray 1s cubic-bezier(.2,.8,.2,1)}
.u2-amlp-g .val.low{stroke:var(--u2-mint)}.u2-amlp-g .val.medium{stroke:var(--u2-amber)}.u2-amlp-g .val.high{stroke:var(--u2-coral)}
.u2-amlp-num{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.u2-amlp-num strong{font:700 46px/1 var(--u2-mono);letter-spacing:-.03em;color:var(--u2-text)}
.u2-amlp-num small{font:500 12px var(--u2-mono);color:var(--u2-faint)}
.u2-amlp-lvl{padding:3px 12px;border-radius:99px;font:600 12.5px var(--u2-body);background:rgba(var(--u2-ink),.07);color:var(--u2-muted)}
.u2-amlp-lvl.low{background:var(--u2-mint-soft);color:var(--u2-mint-text)}
.u2-amlp-lvl.medium{background:rgba(243,185,77,.14);color:var(--u2-amber-text)}
.u2-amlp-lvl.high{background:rgba(255,107,107,.14);color:var(--u2-coral-text)}
.u2-amlp>h4{margin:18px 0 10px;font:600 12.5px var(--u2-body);color:var(--u2-muted)}
.u2-amlp-bar{margin-bottom:10px}
.u2-amlp-bar p{display:flex;justify-content:space-between;gap:10px;margin:0 0 5px;font-size:13px;color:var(--u2-text)}
.u2-amlp-bar p b{font:600 12.5px var(--u2-mono);color:var(--u2-muted)}
.u2-amlp-bar i{display:block;height:6px;border-radius:99px;background:var(--u2-track);overflow:hidden}
.u2-amlp-bar i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--u2-indigo),var(--u2-mint));transition:width .8s cubic-bezier(.2,.8,.2,1)}
.u2-amlp-bar i b.bad{background:var(--u2-coral)}
.u2-amlp-muted{font-size:12.5px;color:var(--u2-faint)}
.u2-amlp-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.u2-amlp-flag{padding:4px 10px;border-radius:99px;font:600 12px var(--u2-body)}
.u2-amlp-flag.ok{background:var(--u2-mint-soft);color:var(--u2-mint-text)}
.u2-amlp-flag.warn{background:rgba(243,185,77,.14);color:var(--u2-amber-text)}
.u2-amlp-flag.bad{background:rgba(255,107,107,.14);color:var(--u2-coral-text)}
.u2-amlp-act{display:flex;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--u2-line)}
.u2-amlp-act button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:10px;font:600 13px var(--u2-body)}
.u2-amlp-act .u2-amlp-full{flex:1;background:var(--u2-indigo-soft);color:var(--u2-indigo-text);border:1px solid rgba(86,112,255,.4)}
.u2-amlp-act .u2-amlp-full:hover{background:rgba(86,112,255,.2)}
.u2-amlp-act .u2-amlp-pdf{border:1px solid var(--u2-line-2);color:var(--u2-text)}
.u2-amlp-act .u2-amlp-pdf:hover{background:rgba(var(--u2-ink),.05)}
.u2-amlp-state{display:flex;flex-direction:column;align-items:center;gap:8px;margin:28px 0;padding:24px;text-align:center}
.u2-amlp-state b{font-size:15px;color:var(--u2-text)}.u2-amlp-state p{margin:0;font-size:13px;color:var(--u2-muted)}
.u2-amlp-state.bad b{color:var(--u2-coral-text)}
.u2-amlp-spin{width:26px;height:26px;border-radius:50%;border:3px solid var(--u2-track);border-top-color:var(--u2-indigo);animation:u2spin .8s linear infinite}
html.u2-motion .u2-amlp:not([hidden]){animation:u2rise .35s cubic-bezier(.2,.8,.2,1)}
@media(max-width:1000px){
  #tab-aml.u2-aml-v2 .aml-grid{grid-template-columns:1fr!important}
  .u2-aml-left{display:contents}
  #tab-aml.u2-aml-v2 .aml-grid>.u2-aml-left>.aml-card:first-child{order:1}
  #tab-aml.u2-aml-v2 .u2-aml-aside{order:2;position:static;min-height:0;scroll-margin-top:calc(var(--u2-top-h) + 10px)}
  #tab-aml.u2-aml-v2 .aml-grid>.u2-aml-left>.aml-card:last-child{order:3}
}
@media(max-width:560px){#tab-aml.u2-aml-v2 .aml-order{grid-template-columns:36px minmax(0,1fr) auto!important}#tab-aml.u2-aml-v2 .aml-order>.u2-aml-date{display:none!important}}
.u2-amlp-act button:focus-visible{outline:2px solid var(--u2-indigo);outline-offset:2px}

/* ---- language + theme in the top-right corner ---- */
.u2-prefs{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:10px;border-left:1px solid var(--u2-line)}
.u2-prefs .u2-icon{width:38px;height:38px;border-radius:10px}
.u2-langmenu{position:relative}
.u2-langbtn{font:600 12px var(--u2-mono);color:var(--u2-text)!important;letter-spacing:.04em}
.u2-langpop{position:absolute;right:0;top:calc(100% + 6px);z-index:130;min-width:160px;padding:5px;border:1px solid var(--u2-line-2);border-radius:12px;background:var(--u2-surface);box-shadow:0 18px 40px rgba(0,0,0,.35)}
html[data-theme="light"] .u2-langpop{box-shadow:0 18px 40px rgba(15,23,42,.15)}
.u2-langpop[hidden]{display:none}
.u2-langpop .u2-lang{display:flex!important;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;text-align:left;font:500 13.5px var(--u2-body);color:var(--u2-text)}
.u2-langpop .u2-lang b{width:24px;font:600 11.5px var(--u2-mono);color:var(--u2-faint)}
.u2-langpop .u2-lang:hover,.u2-langpop .u2-lang:focus-visible{background:rgba(var(--u2-ink),.06);outline:none}
.u2-langpop .u2-lang.on{background:var(--u2-indigo-soft)}
.u2-langpop .u2-lang.on b{color:var(--u2-indigo-text)}
html.u2-motion .u2-langpop:not([hidden]){animation:u2rise .18s ease-out}
.u2-side-foot .u2-row{justify-content:flex-end}
@media(max-width:960px){
  .u2-prefs{gap:4px;margin-left:0;padding-left:6px}
  .u2-prefs .u2-icon{width:34px;height:34px}
  .u2-top .u2-pill{padding:0 9px}
}
@media(max-width:380px){.u2-top .u2-pill small{display:none}}
.u2-classic svg{color:var(--u2-faint)}

/* ---- "new cabinet" banner above the top bar ---- */
.u2-newbar{display:none}
body.u2-authed .u2-newbar:not([hidden]){display:flex;align-items:center;gap:10px;margin:0 -32px;padding:9px 32px;background:linear-gradient(90deg,rgba(86,112,255,.22),rgba(87,232,166,.12));border-bottom:1px solid rgba(86,112,255,.3);font-size:13.5px;color:var(--u2-text)}
.u2-newbar-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--u2-mint);box-shadow:0 0 0 4px var(--u2-mint-soft)}
.u2-newbar-t{font-weight:500}
.u2-newbar-a{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:9px;background:var(--u2-surface);border:1px solid var(--u2-line-2);color:var(--u2-text);text-decoration:none;font-weight:600;font-size:13px;white-space:nowrap}
.u2-newbar-a:hover{border-color:var(--u2-indigo);color:var(--u2-indigo-text)}
.u2-newbar-a svg{width:15px;height:15px}
.u2-newbar-x{margin-left:auto;display:grid!important;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--u2-muted)}
.u2-newbar-x:hover{background:rgba(var(--u2-ink),.07);color:var(--u2-text)}
.u2-newbar-x svg{width:15px;height:15px}
@media(max-width:960px){body.u2-authed .u2-newbar:not([hidden]){margin:0 -16px;padding:8px 12px 8px 16px;font-size:12.5px;gap:8px}.u2-newbar-a{height:28px;padding:0 10px;font-size:12.5px}}
@media(max-width:420px){.u2-newbar-t{display:none}}
/* the classic cabinet's "New cabinet" button makes no sense inside the new one */
.to-new-cabinet{display:none!important}

/* Mobile Chrome: html/body{height:100%} + body{overflow-x:hidden} (from ui.html) make the fixed bottom bar
   lag above the screen edge when the address bar hides. Let the page scroll normally and clip sideways
   overflow on the content containers instead. */
@media(max-width:960px){
  html:has(body.u2-authed),body.u2-authed{height:auto;min-height:100%}
  body.u2-authed{overflow-x:visible}
  body.u2-authed>.wrap,body.u2-authed>.tab-panel,body.u2-authed>.footer{overflow-x:clip}
  body.u2-authed .u2-tabbar{transform:translateZ(0);will-change:transform}
}