@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap');

:root, #appRoot.theme-dark {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --nav-h: 54px; --maxw: 420px; --topbar-h: 48px; --status-h: 36px;
  --bg-0: #1c2a4a; --bg-1: #233356; --bg-2: #2a3d63; --bg-3: #324775;
  --card: rgba(255,255,255,0.07); --card2: rgba(255,255,255,0.11);
  --nav-bg: rgba(20,30,55,0.97);
  --bd: rgba(255,255,255,0.10); --bd2: rgba(255,255,255,0.18); --line: rgba(255,255,255,0.08);
  --tx: #f0f4ff; --tx-2: #a3b3d4; --tx-3: #6b7da3;
  --gold: #f2c94c; --gold-d: #c99a20;
  --gold-glow: rgba(242,201,76,0.16); --gold-bd: rgba(242,201,76,0.32);
  --blue: #5b8cff; --blue-d: #3460d8;
  --green: #2ecc97; --green-d: #059a60; --green-dim: rgba(46,204,151,0.15);
  --red: #f06b7a; --red-d: #c23048; --red-dim: rgba(240,107,122,0.15);
  --amber: #f5a62a; --amber-dim: rgba(245,166,42,0.15);
  --sh-xs: 0 1px 4px rgba(0,0,0,0.35);
  --sh-sm: 0 3px 14px rgba(0,0,0,0.45);
  --sh-md: 0 8px 28px rgba(0,0,0,0.55);
  --sh-lg: 0 18px 52px rgba(0,0,0,0.65);
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:22px; --r-2xl:28px;
  --bg: radial-gradient(ellipse 110% 55% at 50% -5%, rgba(91,140,255,0.20) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 85% 90%, rgba(242,201,76,0.08) 0%, transparent 55%),
        linear-gradient(180deg, #1c2a4a 0%, #182441 100%);
}

#appRoot.theme-light {
  --bg-0: #f4f6fb; --bg-1: #ebeff7; --bg-2: #e2e8f2; --bg-3: #d6deeb;
  --card: #ffffff; --card2: #ffffff;
  --nav-bg: rgba(255,255,255,0.98);
  --bd: rgba(15,30,60,0.10); --bd2: rgba(15,30,60,0.16); --line: rgba(15,30,60,0.08);
  --tx: #0a1428; --tx-2: #3d4a68; --tx-3: #7a85a0;
  --gold-glow: rgba(201,154,32,0.12); --gold-bd: rgba(201,154,32,0.30);
  --sh-xs: 0 1px 3px rgba(15,30,60,0.06);
  --sh-sm: 0 2px 10px rgba(15,30,60,0.08);
  --sh-md: 0 6px 22px rgba(15,30,60,0.10);
  --sh-lg: 0 16px 44px rgba(15,30,60,0.13);
  --bg: #f4f6fb;
}

*,*::before,*::after { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin:0; padding:0; overflow-x:clip; } /* UNO_OVERFLOW_CLIP_FIX_V1: clip (nu hidden) ca sticky p7aHero3 sa functioneze */
body {
  min-height: 100vh;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  background: var(--bg); background-attachment: fixed;
  color: var(--tx); -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; color: inherit; }
::-webkit-scrollbar { width:3px; height:3px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--bd2); border-radius: 99px; }

.safe-top { height: max(var(--safe-top),4px); }
.safe-bottom { height: var(--safe-bottom); }
#appRoot { max-width: var(--maxw); margin: 0 auto; min-height: 100vh; position: relative; }
.appFrame { padding: 8px 12px calc(var(--nav-h) + 12px + var(--safe-bottom)); }

.topbar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; margin-bottom: 8px; padding-top: 0; min-height: var(--topbar-h);
}
/* UNO_UNARIS_BRANDWRAP_GAP_V1 + FLUSH — text lipit de moneda */
.brandWrap { min-width: 0; flex: 1; display: flex; align-items: center; gap: 4px; }
/* UNO_UNARIS_COIN_SQUARE_C — cerc pătrat in card pătrat */
.brandLogo {
  width: 52px; height: 52px; box-sizing: border-box;
  padding: 3px; border-radius: var(--r-sm);
  background: var(--card); border: 1px solid var(--bd);
  box-shadow: var(--sh-xs);
  object-fit: contain; flex: 0 0 auto;
}
/* UNO_UNARIS_TITLE_GOLD_V2 — gradient auriu ca .heroValue */
.brandText h1 {
  margin: 0; font-size: 14px; line-height: 1; font-weight: 800;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, var(--gold), var(--gold-d));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.brandSub { margin-top: 2px; font-size: 10px; color: var(--tx-2); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.topTools { display: flex; gap: 7px; }
.miniTool {
  min-width: 32px; height: 32px; padding: 0 9px;
  border-radius: var(--r-xs); border: 1px solid var(--bd2);
  background: var(--card2); color: var(--tx-2);
  font-size: 11.5px; font-weight: 700; cursor: pointer;
  transition: all 0.18s; box-shadow: var(--sh-xs);
}
.miniTool:hover { border-color: var(--gold); color: var(--gold); }

.statusRow { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 8px; min-height: var(--status-h); }
.pill {
  min-height: 26px; padding: 0 10px; border-radius: 99px;
  display: flex; align-items: center; gap: 6px;
  border: 1px solid var(--bd); background: var(--card);
  font-size: 9.5px; font-weight: 700; letter-spacing: 0.07em;
  text-transform: uppercase; color: var(--tx-2);
}
#appRoot.theme-dark .pill { backdrop-filter: blur(10px); }
.dot { width: 6px; height: 6px; border-radius: 99px; background: var(--amber); flex: 0 0 auto; animation: pulse-dot 2s ease infinite; }
@keyframes pulse-dot { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.4; transform:scale(0.75); } }
.pill.good .dot { background: var(--green); animation: none; }
.pill.warn .dot { background: var(--amber); }
.pill.bad .dot { background: var(--red); }

.screen { display: block; }
.pageBlock { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; } /* UNO_PAGEBLOCK_NOOVERFLOW_V1: constrange coloana global (portrait+landscape) ca un card lat sa nu depaseasca viewport */
.heroCard, .sectionCard, .metricCard, .kvCard, .tokenItem, .emptyCard, .modal {
  background: var(--card); border: 1px solid var(--bd); box-shadow: var(--sh-xs);
}
#appRoot.theme-dark .heroCard,
#appRoot.theme-dark .sectionCard,
#appRoot.theme-dark .metricCard,
#appRoot.theme-dark .kvCard,
#appRoot.theme-dark .tokenItem,
#appRoot.theme-dark .emptyCard,
#appRoot.theme-dark .modal {
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.heroCard {
  border-radius: 12px; padding: 14px 14px 14px 18px;
  border-top-color: var(--gold-bd); box-shadow: var(--sh-sm);
  position: relative; overflow: hidden;
}
.heroCard::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, var(--gold), var(--gold-d));
}
#appRoot.theme-dark .heroCard { background: linear-gradient(155deg, var(--gold-glow) 0%, var(--card) 45%); }
.sectionCard { border-radius: 12px; padding: 12px; }
.metricCard { border-radius: 8px; padding: 9px 11px; transition: transform 0.15s, box-shadow 0.15s; }
.metricCard:hover { transform: translateY(-1px); box-shadow: var(--sh-md); }
.kvCard { border-radius: 8px; padding: 10px 12px; }
.tokenItem { border-radius: 8px; padding: 10px 12px; transition: transform 0.15s, box-shadow 0.15s; cursor: pointer; }
.tokenItem:hover { transform: translateY(-1px); box-shadow: var(--sh-md); }
.emptyCard { border-radius: 12px; padding: 12px; }

.heroTop { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.eyebrow { font-size: 9.5px; color: var(--tx-2); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 8px; }
.heroValue {
  font-size: 32px; line-height: 1; font-weight: 800; letter-spacing: -0.05em;
  background: linear-gradient(135deg, var(--gold), var(--gold-d));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  font-variant-numeric: tabular-nums;
}
#appRoot.theme-light .heroValue {
  background: linear-gradient(135deg, #8a5a00, #5e3d00);
  -webkit-background-clip: text; background-clip: text;
}
.heroSub { margin-top: 6px; color: var(--tx-2); font-size: 10.5px; line-height: 1.5; font-weight: 500; word-break: break-all; }
.metricGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 8px; }
.metricK { font-size: 9px; color: var(--tx-3); font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; margin-bottom: 3px; }
.metricV { font-size: 13px; line-height: 1; font-weight: 800; letter-spacing: -0.02em; color: var(--tx); font-variant-numeric: tabular-nums; }

.sectionHead { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.sectionTitle { font-size: 14px; line-height: 1; font-weight: 800; letter-spacing: -0.03em; color: var(--tx); }
.sectionSub { margin-top: 3px; color: var(--tx-2); font-size: 11px; line-height: 1.45; font-weight: 500; }
.linkBtn {
  border: 0; background: transparent; color: var(--gold-d);
  font-size: 11px; font-weight: 700; cursor: pointer;
  letter-spacing: 0.05em; text-transform: uppercase; transition: color 0.18s;
}
#appRoot.theme-dark .linkBtn { color: var(--gold); }
.linkBtn:hover { color: var(--gold); }

.quickGrid { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }
.quickBtn {
  min-height: 58px; padding: 7px 4px;
  border-radius: 8px; border: 1px solid var(--bd);
  background: var(--card); color: var(--tx);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 4px; text-align: center;
  font-size: 9.5px; font-weight: 600; cursor: pointer;
  transition: all 0.18s; box-shadow: var(--sh-xs);
  line-height: 1.15;
}
.quickBtn:hover { border-color: var(--bd2); transform: translateY(-1px); box-shadow: var(--sh-sm); }
.quickBtn:active { transform: scale(0.97); }
.quickIco {
  width: 28px; height: 28px; border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; background: var(--card2); border: 1px solid var(--bd);
  font-weight: 700;
}
.quickBtn.send-style    .quickIco { background: var(--red-dim); color: var(--red); border-color: rgba(240,107,122,0.30); }
.quickBtn.receive-style .quickIco { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.quickBtn.buy-style     .quickIco { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.quickBtn.sell-style    .quickIco { background: var(--red-dim); color: var(--red); border-color: rgba(240,107,122,0.30); }
.quickBtn.deposit-style .quickIco { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.quickBtn.send2-style   .quickIco { background: var(--red-dim); color: var(--red); border-color: rgba(240,107,122,0.30); }
.quickBtn.swap-style    .quickIco { background: linear-gradient(135deg, var(--green-dim), var(--red-dim)); color: var(--gold); border-color: var(--gold-bd); }
.quickBtn.redeem-style  .quickIco { background: var(--gold-glow); color: var(--gold); border-color: var(--gold-bd); }
.quickBtn.faucet-style  .quickIco { background: var(--gold-glow); color: var(--gold); border-color: var(--gold-bd); }
.quickBtn.refresh-style .quickIco { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.quickBtn.refresh-style.error .quickIco { background: var(--red-dim); color: var(--red); border-color: rgba(240,107,122,0.30); }
.quickBtn.mining-style  .quickIco { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.quickBtn.accounts-style .quickIco { background: rgba(91,140,255,0.16); color: var(--blue); border-color: rgba(91,140,255,0.30); }
.quickBtn.buy .quickIco  { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.quickBtn.sell .quickIco { background: var(--red-dim); color: var(--red); border-color: rgba(240,107,122,0.30); }

.list { display: grid; gap: 8px; }
.tokenRow { display: flex; align-items: center; gap: 11px; }
.tokenLeft { min-width: 0; flex: 1; display: flex; align-items: center; gap: 11px; }
.tokenMeta { min-width: 0; flex: 1; }
.tokenRight { min-width: 80px; text-align: right; }
.tokenTitle { font-size: 14px; line-height: 1.1; font-weight: 800; letter-spacing: -0.02em; color: var(--tx); }
.tokenSub { margin-top: 3px; color: var(--tx-2); font-size: 11px; line-height: 1.4; font-weight: 500; word-break: break-word; }
.tokenPrice { font-size: 13.5px; line-height: 1; font-weight: 800; letter-spacing: -0.02em; color: var(--tx); }
.tokenChg { margin-top: 4px; font-size: 11px; font-weight: 700; }
.tokenChg.up { color: var(--green); }
.tokenChg.down { color: var(--red); }
.tokenChg.flat { color: var(--tx-3); }
.avatar {
  width: 40px; height: 40px; border-radius: var(--r-sm);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 800; color: #fff; flex: 0 0 auto;
  background: linear-gradient(135deg, var(--blue), var(--blue-d));
  box-shadow: 0 4px 12px rgba(91,140,255,0.28);
}

.tagRow { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.tag {
  min-height: 24px; padding: 0 10px; border-radius: 99px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  border: 1px solid var(--bd2); background: var(--card); color: var(--tx-2);
}
.tabs { display: flex; gap: 0; overflow: auto; padding-bottom: 0; scrollbar-width: none; border-bottom: 1px solid var(--line); margin-bottom: 8px; }
.tabs::-webkit-scrollbar { display: none; }
.tab {
  min-height: 36px; padding: 0 14px; white-space: nowrap; border-radius: 0;
  border: 0; border-bottom: 2px solid transparent; background: transparent;
  color: var(--tx-2); font-size: 12px; font-weight: 700; cursor: pointer;
  letter-spacing: 0.02em; transition: color 0.18s, border-color 0.18s;
}
.tab.active {
  background: transparent;
  border-bottom-color: var(--gold); color: var(--tx);
  box-shadow: none;
}

.btn {
  min-height: 44px; padding: 0 16px; border-radius: var(--r-sm);
  border: 1px solid transparent;
  font-size: 13px; font-weight: 700; letter-spacing: 0.01em;
  cursor: pointer; transition: all 0.18s;
}
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: scale(0.98); }
.btn:disabled { opacity: 0.38; cursor: not-allowed; transform: none !important; }
.btn.primary { background: linear-gradient(135deg, var(--blue), var(--blue-d)); color: #fff; box-shadow: 0 4px 18px rgba(91,140,255,0.40); }
.btn.gold { background: linear-gradient(135deg, var(--gold), var(--gold-d)); color: #111; box-shadow: 0 4px 18px rgba(242,201,76,0.35); }
.btn.buy { background: linear-gradient(135deg, var(--green), var(--green-d)); color: #fff; box-shadow: 0 4px 18px rgba(46,204,151,0.35); }
.btn.sell { background: linear-gradient(135deg, var(--red), var(--red-d)); color: #fff; box-shadow: 0 4px 18px rgba(240,107,122,0.35); }
.btn.ghost { background: var(--card2); border-color: var(--bd2); color: var(--tx); box-shadow: var(--sh-xs); }
.btn.ghost:hover { border-color: var(--gold); }

.buySellRow { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.field { display: grid; gap: 5px; margin-bottom: 12px; }
.field label { font-size: 10px; color: var(--tx-3); font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; }
.twoCol { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.actionRow { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.input, select.input, textarea.input {
  width: 100%; min-height: 44px; padding: 0 13px;
  border-radius: var(--r-sm); border: 1px solid var(--bd2);
  background: var(--card); color: var(--tx);
  outline: none; font-size: 14px;
  transition: border-color 0.18s, box-shadow 0.18s;
}
#appRoot.theme-light .input,
#appRoot.theme-light select.input,
#appRoot.theme-light textarea.input { background: #fff; }
.input:focus, select.input:focus, textarea.input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px var(--gold-glow); }
textarea.input { min-height: 110px; padding: 13px; resize: vertical; }
.monoBox {
  min-height: 44px; padding: 11px 13px; border-radius: var(--r-sm);
  border: 1px solid var(--bd); background: var(--card);
  color: var(--tx-2); font-size: 11px; line-height: 1.5;
  font-family: 'DM Mono', ui-monospace, monospace;
  word-break: break-all; letter-spacing: 0.02em;
}
#appRoot.theme-light .monoBox { background: #f4f6fb; color: var(--tx-2); }
.help { color: var(--tx-3); font-size: 11px; line-height: 1.5; font-weight: 500; }
.kvRow { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 9px 0; font-size: 12px; }
.kvRow + .kvRow { border-top: 1px solid var(--line); }
.kvRow span { color: var(--tx-2); font-weight: 600; }
.kvRow strong { color: var(--tx); text-align: right; font-weight: 700; word-break: break-word; }

.notice {
  padding: 11px 13px; border-radius: var(--r-md);
  border: 1px solid var(--gold-bd);
  background: linear-gradient(135deg, rgba(242,201,76,0.08), rgba(242,201,76,0.02));
  color: var(--tx); font-size: 11.5px; line-height: 1.5; font-weight: 500;
}
.auditRow { display: grid; gap: 8px; }
.auditItem { display: flex; gap: 11px; align-items: flex-start; padding: 12px; border-radius: var(--r-md); border: 1px solid var(--bd); background: var(--card); }
.auditMark { width: 28px; height: 28px; border-radius: 99px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; flex: 0 0 auto; }
.auditMark.ok { background: var(--green-dim); color: var(--green); }
.auditMark.warn { background: var(--amber-dim); color: var(--amber); }
.auditMark.bad { background: var(--red-dim); color: var(--red); }
.auditTxt strong { display: block; font-size: 13px; font-weight: 700; color: var(--tx); }
.auditTxt span { display: block; margin-top: 3px; color: var(--tx-2); font-size: 11px; line-height: 1.4; font-weight: 500; }
.emptyTitle { font-size: 14px; font-weight: 800; margin-bottom: 5px; letter-spacing: -0.02em; color: var(--tx); }
.emptySub { color: var(--tx-2); font-size: 11px; line-height: 1.5; font-weight: 500; }

.bottomBar {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: 0; z-index: 40; width: 100%; max-width: var(--maxw);
  height: calc(var(--nav-h) + var(--safe-bottom));
  padding: 6px 4px calc(6px + var(--safe-bottom));
  display: grid; grid-template-columns: repeat(6,1fr); gap: 2px;
  background: var(--nav-bg);
  border-top: 1px solid var(--bd2);
  box-shadow: 0 -4px 18px rgba(0,0,0,0.25);
}
#appRoot.theme-dark .bottomBar { backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); }
#appRoot.theme-light .bottomBar { box-shadow: 0 -2px 16px rgba(0,0,0,0.06); }
.navBtn {
  border: 0; background: transparent; border-radius: var(--r-xs);
  color: var(--tx-3);
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 3px; cursor: pointer;
  transition: all 0.18s; position: relative;
}
.navBtn.active { color: var(--gold); }
#appRoot.theme-light .navBtn.active { color: var(--gold-d); }
.navBtn.active::after {
  content: ''; position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
  width: 18px; height: 2px; border-radius: 99px;
  background: linear-gradient(90deg, var(--gold), var(--gold-d));
}
.navBtn:not(.active):hover { color: var(--tx-2); }
.navIcon { font-size: 16px; line-height: 1; }
.navTxt { font-size: 9px; line-height: 1; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }

.modalBack {
  display: none; position: fixed; inset: 0; z-index: 70; overflow: auto;
  padding: calc(16px + env(safe-area-inset-top, 0px)) 12px calc(16px + env(safe-area-inset-bottom, 0px)); /* UNO_MODAL_SAFEAREA_V1: modalul nu mai intra sub status bar (X tap-abil) si nu mai e taiat de bara de jos */
  background: rgba(6,12,28,0.72);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
#appRoot.theme-light .modalBack { background: rgba(0,10,30,0.40); }
.modal {
  width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 18px;
  border-radius: var(--r-2xl); border: 1px solid var(--bd2);
  box-shadow: var(--sh-lg);
  animation: modal-in 0.26s cubic-bezier(0.34,1.56,0.64,1);
}
#appRoot.theme-dark .modal { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); }
@keyframes modal-in { from { opacity: 0; transform: translateY(18px) scale(0.97); } to { opacity: 1; transform: none; } }
.modalHeader { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.modalHeader h3 { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -0.04em; color: var(--tx); }
.xbtn { width: 32px; height: 32px; border-radius: var(--r-xs); border: 1px solid var(--bd2); background: var(--card2); color: var(--tx-2); font-size: 18px; cursor: pointer; transition: all 0.18s; display: flex; align-items: center; justify-content: center; }
.xbtn:hover { border-color: var(--red); color: var(--red); }
.modalActions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 13px; }
.modalActions.three { grid-template-columns: 1fr 1fr 1fr; }
.qrBox { min-height: 148px; margin-top: 13px; display: none; align-items: center; justify-content: center; border-radius: var(--r-xl); border: 1px dashed var(--bd2); background: var(--card); }
.qrBox img { display: block; border-radius: var(--r-sm); background: #fff; }
.scanBox { display: none; margin-top: 13px; }
.toast {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(var(--nav-h) + 14px + var(--safe-bottom));
  z-index: 99; display: none;
  min-width: 220px; max-width: calc(var(--maxw) - 28px);
  padding: 11px 16px; border-radius: var(--r-md);
  background: var(--bg-1); color: var(--tx);
  border: 1px solid var(--bd2); box-shadow: var(--sh-lg);
  font-size: 12.5px; font-weight: 600;
  animation: toast-in 0.28s cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes toast-in { from { opacity: 0; transform: translateX(-50%) translateY(8px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }

.unoThemeDarkV3 {
  --mkt-text: #f0f4ff !important;
  --mkt-muted: rgba(163,179,212,0.85) !important;
  --mkt-soft: rgba(255,255,255,0.08) !important;
  --mkt-line: rgba(255,255,255,0.10) !important;
  --mkt-chip: rgba(255,255,255,0.10) !important;
  --mkt-chip-text: #a3b3d4 !important;
  --mkt-card: rgba(255,255,255,0.07) !important;
  --mkt-input: rgba(15,25,55,0.80) !important;
}
.unoThemeLightV3 {
  --mkt-text: #0a1428 !important;
  --mkt-muted: #3d4a68 !important;
  --mkt-soft: #f4f6fb !important;
  --mkt-line: #e2e8f2 !important;
  --mkt-chip: #f4f6fb !important;
  --mkt-chip-text: #3d4a68 !important;
  --mkt-card: #ffffff !important;
  --mkt-input: #f8f9fc !important;
}
.unoMarketV3, .unoTokenV3 { background: transparent !important; color: var(--tx) !important; }
.unoMktTitleV3 { color: var(--tx) !important; font-weight: 800 !important; letter-spacing: -0.04em !important; }
.unoMktSearchV3 {
  background: var(--card2) !important; border: 1px solid var(--bd2) !important;
  color: var(--tx) !important; border-radius: var(--r-sm) !important;
  box-shadow: var(--sh-xs) !important;
}
.unoMktTabsV3 button { font-weight: 700 !important; }
.unoMktTabsV3 button.active { color: var(--tx) !important; }
.unoMktChipV3 {
  border-radius: var(--r-sm) !important; font-weight: 700 !important;
  font-size: 12px !important; padding: 7px 13px !important;
}
.unoMktChipV3.active {
  background: linear-gradient(135deg, var(--gold), var(--gold-d)) !important;
  color: #111 !important;
  box-shadow: 0 3px 10px rgba(242,201,76,0.30) !important;
}
#appRoot.theme-dark .unoMktChipV3:not(.active) {
  background: rgba(255,255,255,0.09) !important; color: var(--tx-2) !important;
}
#appRoot.theme-light .unoMktChipV3:not(.active) {
  background: var(--card2) !important; color: var(--tx-2) !important;
  border: 1px solid var(--bd2) !important;
}
.unoMktRowV3 {
  border-bottom: 1px solid var(--mkt-line) !important;
  padding: 11px 4px !important; background: transparent !important;
}
.unoMktRowV3:last-child { border-bottom: none !important; }
.unoMktSymbolV3 { font-size: 14px !important; font-weight: 800 !important; letter-spacing: -0.02em !important; color: var(--tx) !important; }
.unoMktMetaV3 { font-size: 11px !important; font-weight: 500 !important; margin-top: 3px !important; color: var(--tx-2) !important; }
.unoMktLastV3 { font-size: 14px !important; font-weight: 800 !important; color: var(--tx) !important; }
.unoMktLiveV3 { color: var(--green) !important; font-size: 10px !important; font-weight: 700 !important; }
.unoMktChangeV3 { font-size: 11px !important; margin-top: 3px !important; color: var(--tx-2) !important; }

.unoTokenTabsV3 { border-bottom: 1px solid var(--mkt-line) !important; }
.unoTokenTabsV3 button { font-weight: 700 !important; color: var(--tx-2) !important; font-size: 12.5px !important; padding: 8px 12px !important; }
.unoTokenTabsV3 button.active { color: var(--tx) !important; }
.unoTokenTabsV3 button.active::after { background: var(--gold) !important; }
.unoTokenHeaderV3 { padding: 8px 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.unoTokenHeaderV3 .unoTokenSymV3 { font-size: 17px !important; font-weight: 800 !important; letter-spacing: -0.03em !important; color: var(--tx) !important; }
.unoTokenHeaderV3 .unoTokenPairV3 { font-size: 11.5px !important; color: var(--tx-2) !important; font-weight: 600 !important; margin-top: 2px !important; }
.unoPriceMainV3 { font-size: 1.5rem !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: var(--tx) !important; }
.unoPriceMetaV3 { font-size: 11px !important; color: var(--tx-2) !important; margin-top: 3px !important; }
.unoMetricV3 {
  background: var(--card2) !important; border: 1px solid var(--bd) !important;
  border-radius: var(--r-md) !important; padding: 10px 12px !important;
}
.unoMetricV3 .unoMetricLabelV3 { font-size: 10.5px !important; color: var(--tx-2) !important; font-weight: 600 !important; }
.unoMetricV3 .unoMetricValueV3 { font-size: 13px !important; font-weight: 800 !important; color: var(--tx) !important; margin-top: 2px !important; }
.unoIntervalRowV3 { gap: 6px !important; }
.unoIntervalRowV3 button {
  background: var(--card2) !important; border: 1px solid var(--bd2) !important;
  color: var(--tx-2) !important; border-radius: var(--r-xs) !important;
  font-weight: 700 !important; padding: 6px 12px !important;
  min-width: 42px !important; height: 32px !important; font-size: 11.5px !important;
}
.unoIntervalRowV3 button.active {
  border-color: var(--gold) !important; color: var(--gold) !important;
  background: var(--gold-glow) !important;
}
.unoTokenActionsV3 button { border-radius: var(--r-sm) !important; font-weight: 700 !important; }
.unoBtnGoldV3 { background: linear-gradient(135deg, var(--gold), var(--gold-d)) !important; color: #111 !important; }
.unoBtnGreyV3 { background: var(--card2) !important; border: 1px solid var(--bd2) !important; color: var(--tx) !important; }

.unoChartCardV8 {
  background: var(--card2) !important;
  border: 1px solid var(--bd) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--sh-sm) !important;
  height: 380px !important;
  overflow-x: auto !important; overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
.unoChartCardV8::-webkit-scrollbar { display: none !important; }
#appRoot.theme-dark .unoChartCardV8 { background: rgba(15,25,55,0.65) !important; }
.unoChartSvgV8 { width: 100% !important; min-width: 700px !important; height: 100% !important; }
.unoChartGridLineV8 { stroke: var(--bd2) !important; }
#appRoot.theme-light .unoChartGridLineV8 { stroke: rgba(15,30,60,0.06) !important; }
.unoChartBadgeV8 {
  background: var(--card2) !important;
  border: 1px solid var(--bd) !important;
  color: var(--tx-2) !important;
  border-radius: var(--r-sm) !important;
}
#appRoot.theme-dark .unoChartBadgeV8 { background: rgba(15,25,55,0.92) !important; backdrop-filter: blur(8px) !important; }
.unoChartPriceLabelV8 { fill: var(--tx) !important; }
.unoChartTimeLabelV8 { fill: var(--tx-2) !important; }
.unoChartEmptyV8 { color: var(--tx-2) !important; }
.unoChartLastDashV8 { stroke: var(--gold) !important; opacity: 0.65 !important; }
.unoChartModeBtnV8 {
  background: var(--card2) !important; border: 1px solid var(--bd2) !important;
  color: var(--tx-2) !important; border-radius: var(--r-sm) !important; font-weight: 700 !important;
}
.unoChartModeBtnV8.on { background: var(--gold-glow) !important; border-color: var(--gold) !important; color: var(--gold) !important; }
#appRoot.theme-light .unoChartModeBtnV8.on { background: var(--tx) !important; color: #fff !important; border-color: var(--tx) !important; }
.unoChartBoxV3 { background: var(--card2) !important; border: 1px solid var(--bd) !important; height: 380px !important; }
.unoChartStatusV3 { background: var(--card2) !important; border-color: var(--bd) !important; color: var(--tx-2) !important; }

.unoSheetShadeV3 { background: rgba(6,12,28,0.72) !important; backdrop-filter: blur(14px) !important; }
.unoTradeSheetV3 {
  background: var(--bg-0) !important; color: var(--tx) !important;
  border-top: 1px solid var(--bd2) !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: 0 -16px 52px rgba(0,0,0,0.55) !important;
}
#appRoot.theme-light .unoTradeSheetV3 {
  background: #fff !important; border-top: 1px solid var(--bd2) !important;
  box-shadow: 0 -8px 32px rgba(0,0,0,0.12) !important;
}
.unoSheetHandleV3 { background: var(--bd2) !important; }
.unoSheetCloseV3 { background: var(--card2) !important; border: 1px solid var(--bd2) !important; color: var(--tx) !important; border-radius: var(--r-xs) !important; }
.unoSheetTabsV3 { border: 1px solid var(--bd2) !important; border-radius: 22px !important; padding: 3px !important; }
.unoSheetTabsV3 button { color: var(--tx-2) !important; }
.unoSheetTabsV3 button.active { background: linear-gradient(135deg, var(--gold), var(--gold-d)) !important; color: #111 !important; }
.unoSheetTokenV3 { border-bottom-color: var(--line) !important; }
.unoSheetAmountGridV3 { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 8px !important; margin: 12px 0 !important; }
.unoSheetAmountGridV3 button {
  height: 42px !important; background: var(--card2) !important;
  border: 1px solid var(--bd2) !important; color: var(--tx) !important;
  border-radius: var(--r-xs) !important;
  font-weight: 800 !important; font-size: 12.5px !important;
  cursor: pointer; transition: all 0.18s;
}
.unoSheetAmountGridV3 button:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
.unoSheetInputV3 {
  background: var(--card) !important; border: 1px solid var(--bd2) !important;
  color: var(--tx) !important; border-radius: var(--r-sm) !important;
  font-size: 16px !important; font-weight: 700 !important;
  padding: 12px 14px !important;
}
#appRoot.theme-light .unoSheetInputV3 { background: #f8f9fc !important; }
.unoSheetInputV3:focus { border-color: var(--gold) !important; box-shadow: 0 0 0 3px var(--gold-glow) !important; }
.unoSheetInputV3::placeholder { color: var(--tx-3) !important; }
.unoPayRowV3 { background: var(--card2) !important; border: 1px solid var(--bd) !important; color: var(--tx) !important; border-radius: var(--r-sm) !important; }
#unoSheetQuoteV4, .unoSheetQuoteLineV4 {
  background: var(--gold-glow) !important;
  border: 1px solid var(--gold-bd) !important;
  color: var(--tx) !important; font-weight: 700 !important;
  padding: 10px 12px !important; border-radius: var(--r-sm) !important;
  font-size: 13px !important;
}
.unoSheetRouteLineV5 { font-size: 11.5px !important; color: var(--tx-2) !important; margin-top: 8px !important; font-weight: 600 !important; }
.unoMktNoticeV3 {
  background: var(--card) !important; border: 1px solid var(--bd) !important;
  color: var(--tx-2) !important; border-radius: var(--r-sm) !important;
  padding: 10px 12px !important; font-size: 11.5px !important;
}
#unoSwapSubmitV6, .unoBtnGoldV3 { background: linear-gradient(135deg, var(--gold), var(--gold-d)) !important; color: #111 !important; }
#unoSwapSubmitV6:disabled { opacity: 0.45 !important; cursor: not-allowed !important; }
.unoSheetSelectWrapV5 {
  background: var(--card2) !important; border: 1px solid var(--bd2) !important;
  color: var(--tx) !important; border-radius: var(--r-sm) !important;
}
.unoSheetSelectLabelV5 { color: var(--tx-2) !important; }
.unoSheetSelectV5 { background: transparent !important; color: var(--tx) !important; font-weight: 800 !important; border: 0 !important; }
.unoSheetSelectV5 option { background: var(--bg-1) !important; color: var(--tx) !important; }

/* UNO_SHEET_SELECT_LIGHT_V2: sheet-ul real e .unoTradeSheetV3 (background:#fff injectat din app.js, MEREU alb).
   Select-ul folosea var(--card2)/var(--tx) (dark) -> bara neagra pe alb. Il facem light, scopat pe
   containerul mereu-alb -> citibil mereu, fara dependenta de tema. Specificitate (0,2,0)+!important
   bate baza (0,1,0); egaleaza la light valoarea #appRoot.theme-light. */
/* UNO_SHEET_SELECT_LIGHT_V2.1: gatuit pe html:has(#appRoot.theme-light) (pattern existent L1202).
   Adauga fundalul light al wrap-ului (ce lipsea -> textul setat de L1203 era inchis pe navy = invizibil).
   DARK neatins: has(theme-light) e fals -> select ramane base (navy + text deschis). */
html:has(#appRoot.theme-light) .unoTradeSheetV3 .unoSheetSelectWrapV5 { background:#f4f6fb !important; border:1px solid rgba(15,30,60,0.16) !important; }
html:has(#appRoot.theme-light) .unoTradeSheetV3 select.unoSheetSelectV5 { background-color:#ffffff !important; color:#0a1428 !important; } /* UNO_SHEET_SELECT_LIGHT_V2.2: bate L5410 (branding navy) -> select alb+text inchis pe light; pastreaza sageata aurie (nu shorthand) */
html:has(#appRoot.theme-light) .unoTradeSheetV3 .unoSheetSelectV5 option { background:#ffffff !important; color:#0a1428 !important; }

html body.mcmNoTop {
  background: var(--bg) !important;
  background-attachment: fixed !important;
  color: var(--tx) !important;
}
html body.mcmNoTop .screen,
html body.mcmNoTop #screen { background: transparent !important; }
html body.mcmNoTop .sectionCard,
html body.mcmNoTop .tokenItem,
html body.mcmNoTop .metricCard,
html body.mcmNoTop .kvCard,
html body.mcmNoTop .emptyCard,
html body.mcmNoTop .mcmSlim {
  background: var(--card) !important;
  border: 1px solid var(--bd) !important;
  color: var(--tx) !important;
  box-shadow: var(--sh-sm) !important;
  text-shadow: none !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
html #appRoot.theme-light body.mcmNoTop .sectionCard,
html #appRoot.theme-light body.mcmNoTop .tokenItem,
html #appRoot.theme-light body.mcmNoTop .metricCard,
html #appRoot.theme-light body.mcmNoTop .mcmSlim {
  background: #fff !important;
  border-color: var(--bd) !important;
  backdrop-filter: none !important;
}
html body.mcmNoTop .sectionCard { border-radius: var(--r-xl) !important; padding: 15px !important; }
html body.mcmNoTop .tokenItem { border-radius: var(--r-md) !important; padding: 13px !important; }
html body.mcmNoTop .metricCard { border-radius: var(--r-md) !important; padding: 12px !important; }
html body.mcmNoTop .mcmSlim { border-radius: var(--r-xl) !important; padding: 12px 15px !important; }
html body.mcmNoTop .sectionTitle,
html body.mcmNoTop .tokenTitle,
html body.mcmNoTop .metricV,
html body.mcmNoTop label,
html body.mcmNoTop .mcmLabel,
html body.mcmNoTop h1, html body.mcmNoTop h2, html body.mcmNoTop h3 {
  color: var(--tx) !important; text-shadow: none !important;
}
html body.mcmNoTop .sectionSub,
html body.mcmNoTop .tokenSub,
html body.mcmNoTop .metricK,
html body.mcmNoTop .help { color: var(--tx-2) !important; }
html body.mcmNoTop input,
html body.mcmNoTop select,
html body.mcmNoTop textarea,
html body.mcmNoTop .input {
  background: var(--card) !important;
  color: var(--tx) !important;
  -webkit-text-fill-color: var(--tx) !important;
  border: 1px solid var(--bd2) !important;
  box-shadow: none !important;
}
html #appRoot.theme-light body.mcmNoTop input,
html #appRoot.theme-light body.mcmNoTop select,
html #appRoot.theme-light body.mcmNoTop textarea,
html #appRoot.theme-light body.mcmNoTop .input {
  background: #fff !important; color: var(--tx) !important;
  -webkit-text-fill-color: var(--tx) !important; border-color: var(--bd2) !important;
}
html body.mcmNoTop input::placeholder,
html body.mcmNoTop textarea::placeholder {
  color: var(--tx-3) !important;
  -webkit-text-fill-color: var(--tx-3) !important;
}
html body.mcmNoTop input:focus,
html body.mcmNoTop select:focus,
html body.mcmNoTop textarea:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px var(--gold-glow) !important;
}
html body.mcmNoTop .notice {
  background: linear-gradient(135deg, rgba(242,201,76,0.08), rgba(242,201,76,0.02)) !important;
  border: 1px solid var(--gold-bd) !important;
  color: var(--tx) !important;
}
html body.mcmNoTop .mcmTitleBlock { padding: 4px 2px 6px !important; }
html body.mcmNoTop .mcmTitleBlock .sectionTitle {
  font-size: 1.85rem !important; letter-spacing: -0.05em !important;
  line-height: 1.03 !important; color: var(--tx) !important;
}
html body.mcmNoTop .bottomBar,
html body.mcmNoTop .bottomNav,
html body.mcmNoTop nav.bottomNav {
  background: var(--nav-bg) !important;
  border-top: 1px solid var(--bd2) !important;
}
html body.mcmNoTop .btn.primary, html body.mcmNoTop button.primary { box-shadow: 0 4px 18px rgba(91,140,255,0.40) !important; }
html body.mcmNoTop .btn.sell, html body.mcmNoTop button.sell { box-shadow: 0 4px 18px rgba(240,107,122,0.35) !important; }
html body.mcmNoTop .unoAssetIconV8B4 { border: 1px solid var(--bd2) !important; box-shadow: var(--sh-sm) !important; }

.swapConfirm-back {
  display: none; position: fixed; inset: 0; z-index: 100;
  background: rgba(6,12,28,0.78);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  padding: 20px 14px; overflow: auto;
}
.swapConfirm-back.show { display: flex; align-items: center; justify-content: center; }
.swapConfirm-modal {
  width: 100%; max-width: 380px;
  background: var(--bg-1); color: var(--tx);
  border: 1px solid var(--bd2); border-radius: var(--r-2xl);
  box-shadow: var(--sh-lg); padding: 22px;
  animation: modal-in 0.26s cubic-bezier(0.34,1.56,0.64,1);
}
#appRoot.theme-light .swapConfirm-modal { background: #fff; border-color: var(--bd2); }
.swapConfirm-icon {
  width: 56px; height: 56px; margin: 0 auto 14px;
  border-radius: 99px;
  background: linear-gradient(135deg, var(--gold), var(--gold-d));
  display: flex; align-items: center; justify-content: center;
  font-size: 26px; color: #111;
  box-shadow: 0 6px 20px rgba(242,201,76,0.40);
}
.swapConfirm-title {
  text-align: center; font-size: 18px; font-weight: 800;
  letter-spacing: -0.04em; color: var(--tx); margin: 0 0 14px;
}
.swapConfirm-body {
  background: var(--card2); border: 1px solid var(--bd);
  border-radius: var(--r-md); padding: 14px;
  margin-bottom: 14px;
}
#appRoot.theme-light .swapConfirm-body { background: #f4f6fb; }
.swapConfirm-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 7px 0; font-size: 13px;
}
.swapConfirm-row + .swapConfirm-row { border-top: 1px solid var(--line); }
.swapConfirm-row .lbl { color: var(--tx-2); font-weight: 600; }
.swapConfirm-row .val { color: var(--tx); font-weight: 800; word-break: break-all; text-align: right; max-width: 65%; }
.swapConfirm-row .val.green { color: var(--green); }
.swapConfirm-row .val.gold { color: var(--gold-d); }
#appRoot.theme-dark .swapConfirm-row .val.gold { color: var(--gold); }
.swapConfirm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.swapConfirm-actions .btn { width: 100%; }

@media (max-width: 370px) {
  .quickGrid { grid-template-columns: repeat(3,1fr); }
  .twoCol { grid-template-columns: 1fr; }
  .modalActions.three { grid-template-columns: 1fr; }
  .heroValue { font-size: 28px; }
  html body.mcmNoTop .sectionCard { padding: 10px !important; }
}

/* ════════════════════════════════════════════
   FIX LIGHT MODE — topbar și Market background
═══════════════════════════════════════════════ */

/* Body & shell în light = alb solid peste tot */
#appRoot.theme-light,
#appRoot.theme-light body,
html:has(#appRoot.theme-light) body {
  background: #f4f6fb !important;
}

/* Topbar wrapper și status pills în light */
#appRoot.theme-light .topbar { background: transparent !important; }
#appRoot.theme-light .brandText h1 {
  background: linear-gradient(135deg, #8a5a00, #5e3d00);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  /* UNO_UNARIS_TITLE_GOLD_V2 */
}
#appRoot.theme-light .brandSub { color: #3d4a68 !important; }
#appRoot.theme-light .miniTool {
  background: #ffffff !important;
  border-color: rgba(15,30,60,0.16) !important;
  color: #3d4a68 !important;
}

/* Status pills (ONLINE / UNLOCKED) în light */
#appRoot.theme-light .pill {
  background: #ffffff !important;
  border-color: rgba(15,30,60,0.10) !important;
  color: #3d4a68 !important;
  box-shadow: 0 1px 3px rgba(15,30,60,0.06) !important;
}

/* Market page (unoMarketV3) în light — fundal alb */
#appRoot.theme-light .unoMarketV3,
#appRoot.theme-light .unoTokenV3 {
  background: #f4f6fb !important;
  color: #0a1428 !important;
}

/* Market title "Märkte" și meniu Bestände/Alpha/Trends */
#appRoot.theme-light .unoMktTitleV3 { color: #0a1428 !important; }
#appRoot.theme-light .unoMktTabsV3 button { color: #3d4a68 !important; }
#appRoot.theme-light .unoMktTabsV3 button.active { color: #0a1428 !important; }

/* Filter chips (Alle/UNO/USDU/USDC) în light - fundal alb cu border */
#appRoot.theme-light .unoMktChipV3:not(.active) {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #3d4a68 !important;
  box-shadow: 0 1px 3px rgba(15,30,60,0.06) !important;
}
#appRoot.theme-light .unoMktChipV3.active {
  background: linear-gradient(135deg, #f2c94c, #c99a20) !important;
  color: #111 !important;
}

/* Search button */
#appRoot.theme-light .unoMktSearchV3 {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #3d4a68 !important;
  box-shadow: 0 1px 3px rgba(15,30,60,0.06) !important;
}

/* Token rows în Market list */
#appRoot.theme-light .unoMktRowV3 {
  border-bottom-color: rgba(15,30,60,0.08) !important;
}
#appRoot.theme-light .unoMktSymbolV3 { color: #0a1428 !important; }
#appRoot.theme-light .unoMktMetaV3 { color: #3d4a68 !important; }
#appRoot.theme-light .unoMktLastV3 { color: #0a1428 !important; }
#appRoot.theme-light .unoMktChangeV3 { color: #3d4a68 !important; }

/* Token page (LULA, MILEI, etc) în light - fundal alb */
#appRoot.theme-light .unoTokenV3 .unoTokenHeaderV3 { color: #0a1428 !important; }
#appRoot.theme-light .unoTokenSymV3 { color: #0a1428 !important; }
#appRoot.theme-light .unoTokenPairV3 { color: #3d4a68 !important; }
#appRoot.theme-light .unoTokenTabsV3 button { color: #3d4a68 !important; }
#appRoot.theme-light .unoTokenTabsV3 button.active { color: #0a1428 !important; }
#appRoot.theme-light .unoPriceMainV3 { color: #0a1428 !important; }
#appRoot.theme-light .unoPriceMetaV3 { color: #3d4a68 !important; }

/* Metric cards (Market cap, Volume, etc) */
#appRoot.theme-light .unoMetricV3 {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.10) !important;
  box-shadow: 0 1px 3px rgba(15,30,60,0.06) !important;
}
#appRoot.theme-light .unoMetricKV3,
#appRoot.theme-light .unoMetricLabelV3 { color: #3d4a68 !important; }
#appRoot.theme-light .unoMetricVV3,
#appRoot.theme-light .unoMetricValueV3 { color: #0a1428 !important; }

/* Interval buttons (1m, 5m, 1h ...) */
#appRoot.theme-light .unoIntervalRowV3 button {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #3d4a68 !important;
}
#appRoot.theme-light .unoIntervalRowV3 button.active {
  background: rgba(201,154,32,0.12) !important;
  border-color: #c99a20 !important;
  color: #c99a20 !important;
}

/* Chart card în light - fundal alb */
#appRoot.theme-light .unoChartCardV8,
#appRoot.theme-light .unoChartBoxV3 {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.10) !important;
}
#appRoot.theme-light .unoChartBadgeV8 {
  background: #ffffff !important;
  border-color: rgba(15,30,60,0.10) !important;
  color: #3d4a68 !important;
}

/* Chart Line/Candles buttons */
#appRoot.theme-light .unoChartModeBtnV8 {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #3d4a68 !important;
}
#appRoot.theme-light .unoChartModeBtnV8.on {
  background: #0a1428 !important;
  color: #ffffff !important;
  border-color: #0a1428 !important;
}

/* Token page action buttons (Trade/Quick Buy) */
#appRoot.theme-light .unoBtnGreyV3 {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #0a1428 !important;
}

/* Watchlist star button */
#appRoot.theme-light .unoTokenStarV3,
#appRoot.theme-light button[aria-label*="watch"],
#appRoot.theme-light .unoTokenHeaderV3 button {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #3d4a68 !important;
}

/* Back button în token */
#appRoot.theme-light .unoTokenBackV3 {
  background: #ffffff !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #0a1428 !important;
}

/* ════════════════════════════════════════════
   QUICK ACTIONS — culori pe iconițe (CSS pur cu :has)
═══════════════════════════════════════════════ */

/* SEND - roșu (Trimite/Send/Senden) */
.quickBtn:has(> *:last-child:is(:where([class],span,div))):is(:has(*:last-child)) {}
.quickBtn:where(:has(span:last-child)) .quickIco { transition: all 0.2s; }

/* Paint pe baza textului ultim copil — folosește atribute computate */
/* Folosim regex pe textContent prin trick CSS: child :last-child */

/* === DARK mode === */

/* Send / Trimite / Senden — ROȘU */
.quickBtn:has(> :last-child:is(:where(span, div))):where([class*="send"], [data-action*="send"]) .quickIco,
.quickBtn:has(span:last-child:is(:where([class],*))):not([class*="usdc"]) .quickIco {}

/* Soluție: folosim selectoare directe pe TEXTUL final - prin CSS modern */

/* Send (Trimite/Senden) → roșu */
.quickBtn:has(span:last-child:where([class~="lbl"], :not([class]))):has(span:last-child) {}

/* Cea mai sigură metodă: target prin ordine fixă a butoanelor în .quickGrid */
/* Layout: 4 rânduri × 3 coloane = 12 butoane */
/* Rând 1: Send | Receive | Buy UNO */
/* Rând 2: Sell UNO | Deposit USDC | Send USDC */
/* Rând 3: Swap UNO/USDU | Redeem USDU | Mining */
/* Rând 4: Faucet +2 | Accounts | Refresh */

/* SEND — buton 1 (roșu) */
.quickGrid > .quickBtn:nth-child(1) .quickIco {
  background: rgba(240,107,122,0.15) !important;
  color: #f06b7a !important;
  border-color: rgba(240,107,122,0.30) !important;
}

/* RECEIVE — buton 2 (verde) */
.quickGrid > .quickBtn:nth-child(2) .quickIco {
  background: rgba(46,204,151,0.15) !important;
  color: #2ecc97 !important;
  border-color: rgba(46,204,151,0.30) !important;
}

/* BUY UNO — buton 3 (verde) — păstrează stilul existent dar uniformizat */
.quickGrid > .quickBtn:nth-child(3) .quickIco {
  background: rgba(46,204,151,0.15) !important;
  color: #2ecc97 !important;
  border-color: rgba(46,204,151,0.30) !important;
}

/* SELL UNO — buton 4 (roșu) */
.quickGrid > .quickBtn:nth-child(4) .quickIco {
  background: rgba(240,107,122,0.15) !important;
  color: #f06b7a !important;
  border-color: rgba(240,107,122,0.30) !important;
}

/* DEPOSIT USDC — buton 5 (verde) */
.quickGrid > .quickBtn:nth-child(5) .quickIco {
  background: rgba(46,204,151,0.15) !important;
  color: #2ecc97 !important;
  border-color: rgba(46,204,151,0.30) !important;
}

/* SEND USDC — buton 6 (roșu) */
.quickGrid > .quickBtn:nth-child(6) .quickIco {
  background: rgba(240,107,122,0.15) !important;
  color: #f06b7a !important;
  border-color: rgba(240,107,122,0.30) !important;
}

/* SWAP UNO/USDU — buton 7 (gradient verde-roșu cu accent gold) */
.quickGrid > .quickBtn:nth-child(7) .quickIco {
  background: linear-gradient(135deg, rgba(46,204,151,0.18), rgba(240,107,122,0.18)) !important;
  color: #f2c94c !important;
  border-color: rgba(242,201,76,0.45) !important;
}

/* REDEEM USDU — buton 8 (gold) */
.quickGrid > .quickBtn:nth-child(8) .quickIco {
  background: rgba(242,201,76,0.16) !important;
  color: #f2c94c !important;
  border-color: rgba(242,201,76,0.40) !important;
}

/* MINING — buton 9 — VERDE când e pornit (.buy), ROȘU când e oprit */
/* Default: OPRIT (roșu) — fără clasa .buy */
.quickGrid > .quickBtn:nth-child(9):not(.buy) .quickIco {
  background: rgba(240,107,122,0.15) !important;
  color: #f06b7a !important;
  border-color: rgba(240,107,122,0.30) !important;
}
/* PORNIT — cu clasa .buy adăugată de app.js */
.quickGrid > .quickBtn:nth-child(9).buy .quickIco {
  background: rgba(46,204,151,0.15) !important;
  color: #2ecc97 !important;
  border-color: rgba(46,204,151,0.45) !important;
  box-shadow: 0 0 12px rgba(46,204,151,0.30) !important;
  animation: mining-pulse 2.4s ease-in-out infinite;
}
@keyframes mining-pulse {
  0%, 100% { box-shadow: 0 0 10px rgba(46,204,151,0.25); }
  50%      { box-shadow: 0 0 18px rgba(46,204,151,0.50); }
}

/* FAUCET — buton 10 (gold) */
.quickGrid > .quickBtn:nth-child(10) .quickIco {
  background: rgba(242,201,76,0.16) !important;
  color: #f2c94c !important;
  border-color: rgba(242,201,76,0.40) !important;
}

/* ACCOUNTS — buton 11 (albastru) */
.quickGrid > .quickBtn:nth-child(11) .quickIco {
  background: rgba(91,140,255,0.15) !important;
  color: #5b8cff !important;
  border-color: rgba(91,140,255,0.35) !important;
}

/* REFRESH — buton 12 (verde) */
.quickGrid > .quickBtn:nth-child(12) .quickIco {
  background: rgba(46,204,151,0.15) !important;
  color: #2ecc97 !important;
  border-color: rgba(46,204,151,0.30) !important;
}

/* === LIGHT MODE — culori mai întunecate, contrast bun pe fundal alb === */

#appRoot.theme-light .quickGrid > .quickBtn:nth-child(1) .quickIco,
#appRoot.theme-light .quickGrid > .quickBtn:nth-child(4) .quickIco,
#appRoot.theme-light .quickGrid > .quickBtn:nth-child(6) .quickIco {
  background: rgba(240,107,122,0.10) !important;
  color: #c23048 !important;
  border-color: rgba(240,107,122,0.40) !important;
}

#appRoot.theme-light .quickGrid > .quickBtn:nth-child(2) .quickIco,
#appRoot.theme-light .quickGrid > .quickBtn:nth-child(3) .quickIco,
#appRoot.theme-light .quickGrid > .quickBtn:nth-child(5) .quickIco,
#appRoot.theme-light .quickGrid > .quickBtn:nth-child(12) .quickIco {
  background: rgba(46,204,151,0.10) !important;
  color: #059a60 !important;
  border-color: rgba(46,204,151,0.40) !important;
}

#appRoot.theme-light .quickGrid > .quickBtn:nth-child(7) .quickIco {
  background: linear-gradient(135deg, rgba(46,204,151,0.12), rgba(240,107,122,0.12)) !important;
  color: #c99a20 !important;
  border-color: rgba(201,154,32,0.45) !important;
}

#appRoot.theme-light .quickGrid > .quickBtn:nth-child(8) .quickIco,
#appRoot.theme-light .quickGrid > .quickBtn:nth-child(10) .quickIco {
  background: rgba(201,154,32,0.10) !important;
  color: #c99a20 !important;
  border-color: rgba(201,154,32,0.45) !important;
}

/* Mining LIGHT — oprit (roșu) */
#appRoot.theme-light .quickGrid > .quickBtn:nth-child(9):not(.buy) .quickIco {
  background: rgba(240,107,122,0.10) !important;
  color: #c23048 !important;
  border-color: rgba(240,107,122,0.40) !important;
}
/* Mining LIGHT — pornit (verde, pulsație) */
#appRoot.theme-light .quickGrid > .quickBtn:nth-child(9).buy .quickIco {
  background: rgba(46,204,151,0.10) !important;
  color: #059a60 !important;
  border-color: rgba(46,204,151,0.55) !important;
  box-shadow: 0 0 10px rgba(46,204,151,0.30) !important;
  animation: mining-pulse 2.4s ease-in-out infinite;
}

#appRoot.theme-light .quickGrid > .quickBtn:nth-child(11) .quickIco {
  background: rgba(91,140,255,0.10) !important;
  color: #3460d8 !important;
  border-color: rgba(91,140,255,0.45) !important;
}

/* ════════════════════════════════════════════
   FIX LIGHT MODE — Trade sheet (Buy/Sell)
═══════════════════════════════════════════════ */
#appRoot.theme-light .unoTradeSheetV3,
.theme-light .unoTradeSheetV3 {
  background: #ffffff !important;
  color: #0a1428 !important;
  border-top: 1px solid rgba(15,30,60,0.16) !important;
  box-shadow: 0 -8px 32px rgba(0,0,0,0.12) !important;
}
#appRoot.theme-light .unoSheetHandleV3 { background: rgba(15,30,60,0.16) !important; }
#appRoot.theme-light .unoSheetCloseV3 {
  background: #f4f6fb !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #0a1428 !important;
}
#appRoot.theme-light .unoSheetTabsV3 {
  border: 1px solid rgba(15,30,60,0.16) !important;
  background: #f4f6fb !important;
}
#appRoot.theme-light .unoSheetTabsV3 button { color: #3d4a68 !important; }
#appRoot.theme-light .unoSheetTabsV3 button.active {
  background: linear-gradient(135deg, #f2c94c, #c99a20) !important;
  color: #111 !important;
}
#appRoot.theme-light .unoSheetTokenV3 { border-bottom-color: rgba(15,30,60,0.08) !important; }
#appRoot.theme-light .unoSheetTokenV3,
#appRoot.theme-light .unoSheetTokenV3 * { color: #0a1428 !important; }
#appRoot.theme-light .unoSheetAvailableV3,
#appRoot.theme-light .unoSheetAvailableV3 * { color: #3d4a68 !important; }
#appRoot.theme-light .unoSheetSelectWrapV5 {
  background: #f4f6fb !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #0a1428 !important;
}
#appRoot.theme-light .unoSheetSelectLabelV5 { color: #3d4a68 !important; }
#appRoot.theme-light .unoSheetSelectV5 {
  background: transparent !important;
  color: #0a1428 !important;
}
#appRoot.theme-light .unoSheetSelectV5 option { background: #ffffff !important; color: #0a1428 !important; }
#appRoot.theme-light .unoSheetAmountGridV3 button {
  background: #f4f6fb !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #0a1428 !important;
}
#appRoot.theme-light .unoSheetAmountGridV3 button:hover {
  border-color: #c99a20 !important;
  color: #c99a20 !important;
}
#appRoot.theme-light .unoSheetInputV3 {
  background: #f8f9fc !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #0a1428 !important;
}
#appRoot.theme-light .unoSheetInputV3:focus {
  border-color: #c99a20 !important;
  box-shadow: 0 0 0 3px rgba(201,154,32,0.15) !important;
}
#appRoot.theme-light .unoSheetInputV3::placeholder { color: #7a85a0 !important; }
#appRoot.theme-light #unoSheetQuoteV4,
#appRoot.theme-light .unoSheetQuoteLineV4 {
  background: rgba(201,154,32,0.10) !important;
  border: 1px solid rgba(201,154,32,0.35) !important;
  color: #0a1428 !important;
}
#appRoot.theme-light .unoPayRowV3 {
  background: #f4f6fb !important;
  border: 1px solid rgba(15,30,60,0.10) !important;
  color: #0a1428 !important;
}
#appRoot.theme-light .unoSheetRouteLineV5 { color: #3d4a68 !important; }
#appRoot.theme-light .unoMktNoticeV3 {
  background: #f4f6fb !important;
  border: 1px solid rgba(15,30,60,0.10) !important;
  color: #3d4a68 !important;
}
#appRoot.theme-light #unoSwapSubmitV6 {
  background: linear-gradient(135deg, #f2c94c, #c99a20) !important;
  color: #111 !important;
  border: 0 !important;
}
#appRoot.theme-light .unoSheetShadeV3 {
  background: rgba(0,10,30,0.40) !important;
  backdrop-filter: blur(8px) !important;
}

/* Premium Swap Confirm modal în light */
body:has(#appRoot.theme-light) .swapConfirm-modal {
  background: #ffffff !important;
  color: #0a1428 !important;
  border-color: rgba(15,30,60,0.16) !important;
}
body:has(#appRoot.theme-light) .swapConfirm-title { color: #0a1428 !important; }
body:has(#appRoot.theme-light) .swapConfirm-body {
  background: #f4f6fb !important;
  border-color: rgba(15,30,60,0.10) !important;
}
body:has(#appRoot.theme-light) .swapConfirm-row .lbl { color: #3d4a68 !important; }
body:has(#appRoot.theme-light) .swapConfirm-row .val { color: #0a1428 !important; }
body:has(#appRoot.theme-light) .swapConfirm-row .val.green { color: #059a60 !important; }
body:has(#appRoot.theme-light) .swapConfirm-row .val.gold { color: #c99a20 !important; }

/* ════════════════════════════════════════════
   SWAP CONFIRM — butoane Confirmă/Anulează colorate
═══════════════════════════════════════════════ */

/* Confirmă — verde */
.swapBtnConfirm {
  background: linear-gradient(135deg, #2ecc97, #059a60) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 4px 18px rgba(46,204,151,0.40) !important;
  font-weight: 700 !important;
}
.swapBtnConfirm:hover { transform: translateY(-1px); }
.swapBtnConfirm:active { transform: scale(0.98); }

/* Anulează — roșu (subtil, ghost cu accent roșu) */
.swapBtnCancel {
  background: rgba(240,107,122,0.10) !important;
  color: #f06b7a !important;
  border: 1px solid rgba(240,107,122,0.40) !important;
  font-weight: 700 !important;
}
.swapBtnCancel:hover {
  background: rgba(240,107,122,0.18) !important;
  border-color: #f06b7a !important;
}

/* Light mode — culori potrivite */
body:has(#appRoot.theme-light) .swapBtnConfirm {
  background: linear-gradient(135deg, #2ecc97, #059a60) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(5,154,96,0.30) !important;
}
body:has(#appRoot.theme-light) .swapBtnCancel {
  background: rgba(194,48,72,0.08) !important;
  color: #c23048 !important;
  border: 1px solid rgba(194,48,72,0.35) !important;
}
body:has(#appRoot.theme-light) .swapBtnCancel:hover {
  background: rgba(194,48,72,0.15) !important;
  border-color: #c23048 !important;
}

/* ════════════════════════════════════════════
   FORȚAT — Sheet Buy/Sell în LIGHT (mai puternic)
═══════════════════════════════════════════════ */

/* Folosim selectoare cu mai mare specificitate ca să batem stilul JS injectat */
html body #appRoot.theme-light .unoTradeSheetV3,
html body.theme-light .unoTradeSheetV3,
html #appRoot.theme-light + * .unoTradeSheetV3,
html:has(#appRoot.theme-light) .unoTradeSheetV3 {
  background: #ffffff !important;
  color: #0a1428 !important;
}

/* Toate textele din sheet în light */
html:has(#appRoot.theme-light) .unoTradeSheetV3 *,
html body #appRoot.theme-light ~ * .unoTradeSheetV3 * {
  color: #0a1428 !important;
}

/* Excepții pentru elemente cu culori speciale */
html:has(#appRoot.theme-light) .unoTradeSheetV3 .unoSheetAvailableV3,
html:has(#appRoot.theme-light) .unoTradeSheetV3 .unoSheetSelectLabelV5,
html:has(#appRoot.theme-light) .unoTradeSheetV3 .unoSheetTokenSubV3,
html:has(#appRoot.theme-light) .unoTradeSheetV3 .unoSheetRouteLineV5,
html:has(#appRoot.theme-light) .unoTradeSheetV3 .unoMktNoticeV3 {
  color: #3d4a68 !important;
}

html:has(#appRoot.theme-light) .unoTradeSheetV3 .unoSheetInputV3::placeholder {
  color: #7a85a0 !important;
  -webkit-text-fill-color: #7a85a0 !important;
}

/* Submit button gold */
html:has(#appRoot.theme-light) #unoSwapSubmitV6 {
  background: linear-gradient(135deg, #f2c94c, #c99a20) !important;
  color: #111 !important;
}

/* Buy/Sell tabs — text gold pe activ */
html:has(#appRoot.theme-light) .unoSheetTabsV3 button.active {
  color: #111 !important;
}

/* Hide chart "X backend candles · Xm" badge */
.unoChartBadgeV8,
.unoChartStatusV3 { display: none !important; }

/* Chart Premium V1 — Fullscreen button + state */
.unoChartFsBtnV1 {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(28, 42, 74, 0.65);
  color: #f2c94c;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 8px;
  cursor: pointer;
  z-index: 10;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background 0.15s, transform 0.15s;
}
.unoChartFsBtnV1:hover {
  background: rgba(28, 42, 74, 0.85);
  transform: scale(1.05);
}
.unoChartFsBtnV1:active {
  transform: scale(0.95);
}

/* Light theme variant */
body:has(#appRoot.theme-light) .unoChartFsBtnV1,
#appRoot.theme-light .unoChartFsBtnV1 {
  background: rgba(255,255,255,0.85);
  color: #c99a20;
  border-color: rgba(10,20,40,0.12);
}
body:has(#appRoot.theme-light) .unoChartFsBtnV1:hover,
#appRoot.theme-light .unoChartFsBtnV1:hover {
  background: #ffffff;
}

/* Fullscreen state */
.unoChartPremV1Host.unoChartFsActive {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  border-radius: 0 !important;
  z-index: 99998 !important;
  background: #1c2a4a !important;
}
body:has(#appRoot.theme-light) .unoChartPremV1Host.unoChartFsActive {
  background: #fafbfc !important;
}
.unoChartPremV1Host.unoChartFsActive .unoChartFsBtnV1 {
  top: env(safe-area-inset-top, 12px);
  right: 12px;
}

/* ════════════════════════════════════════════════════════════
   FAZA 2 — Home + Topbar + Bottom-Nav (preview style, dark albastru)
═══════════════════════════════════════════════════════════════ */

/* Topbar — Update pill */
.miniTool.toolUpdate {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 0 9px; height: 32px; position: relative;
  background: var(--card2); border: 1px solid var(--bd2);
  color: var(--tx-2); font-weight: 700; font-size: 11px;
  border-radius: var(--r-xs);
}
.miniTool.toolUpdate:hover { border-color: var(--gold); color: var(--gold); }
.miniTool.toolUpdate .updIco { font-size: 12px; line-height: 1; }
.miniTool.toolUpdate .updTxt { letter-spacing: 0.04em; }
.miniTool.toolUpdate .updDot {
  width: 6px; height: 6px; border-radius: 99px;
  background: var(--green);
  box-shadow: 0 0 0 2px var(--bg-0), 0 0 6px rgba(46,204,151,0.6);
  animation: pulse-dot 2s ease infinite;
  margin-left: 2px;
}

.pill.ver .dot { background: var(--gold); animation: none; }
#appRoot.theme-dark .pill.ver { color: var(--gold); }

.pgHome { display: grid; gap: 8px; }

.balCard {
  background: var(--card); border: 1px solid var(--bd);
  border-radius: 12px; padding: 13px 14px 13px 17px;
  display: flex; align-items: flex-start; gap: 12px;
  position: relative; overflow: hidden;
  box-shadow: var(--sh-xs);
}
.balCard::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, var(--gold), var(--gold-d));
}
#appRoot.theme-dark .balCard { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

.balLeft { min-width: 0; flex: 1; }
.balLbl {
  font-size: 9.5px; color: var(--tx-2);
  font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  margin-bottom: 4px;
}
.balVal {
  font-size: 30px; line-height: 1; font-weight: 800;
  letter-spacing: -0.04em;
  background: linear-gradient(135deg, var(--gold), var(--gold-d));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  font-variant-numeric: tabular-nums;
}
#appRoot.theme-light .balVal {
  background: linear-gradient(135deg, #8a5a00, #5e3d00);
  -webkit-background-clip: text; background-clip: text;
}
.balAddr {
  margin-top: 6px; font-size: 10px; color: var(--tx-3);
  word-break: break-all; line-height: 1.4; white-space: pre-line;
}
.balBtn {
  flex-shrink: 0; height: 30px; padding: 0 13px;
  background: linear-gradient(135deg, var(--gold), var(--gold-d));
  color: #111; font-weight: 800; font-size: 11.5px;
  border: 0; border-radius: var(--r-xs); cursor: pointer;
  box-shadow: 0 3px 12px rgba(242,201,76,0.30);
  transition: transform 0.15s, box-shadow 0.15s;
}
.balBtn:hover { transform: translateY(-1px); box-shadow: 0 5px 16px rgba(242,201,76,0.40); }
.balBtn:active { transform: scale(0.97); }

.kpiGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.kpi {
  background: var(--card); border: 1px solid var(--bd);
  border-radius: 8px; padding: 8px 10px;
  min-width: 0; box-shadow: var(--sh-xs);
}
#appRoot.theme-dark .kpi { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.kpiK { font-size: 9px; color: var(--tx-2); font-weight: 700;
        letter-spacing: 0.10em; text-transform: uppercase; margin-bottom: 3px; }
.kpiV { font-size: 14px; line-height: 1; font-weight: 800;
        letter-spacing: -0.02em; color: var(--tx);
        font-variant-numeric: tabular-nums;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.qaWrap {
  background: var(--card); border: 1px solid var(--bd);
  border-radius: 12px; padding: 11px 11px 12px; box-shadow: var(--sh-xs);
}
#appRoot.theme-dark .qaWrap { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.qaHead { margin-bottom: 9px; }
.qaHead h2 { margin: 0; font-size: 11px; font-weight: 800;
             letter-spacing: 0.10em; text-transform: uppercase; color: var(--tx); }
.qaGrid { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }
@media (max-width: 370px) { .qaGrid { grid-template-columns: repeat(3,1fr); } }

.qaTile {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 5px; padding: 9px 4px; min-height: 64px;
  background: var(--card2); border: 1px solid var(--bd);
  border-radius: 8px; cursor: pointer;
  transition: all 0.15s; box-shadow: var(--sh-xs);
  color: var(--tx);
}
.qaTile:hover { transform: translateY(-1px); border-color: var(--bd2); box-shadow: var(--sh-sm); }
.qaTile:active { transform: scale(0.97); }
.qaIc {
  width: 28px; height: 28px; border-radius: 6px;
  display: grid; place-items: center;
  font-size: 14px; font-weight: 700;
  background: var(--card); border: 1px solid var(--bd);
}
.qaTxt { font-size: 9.5px; font-weight: 600; line-height: 1.15;
         text-align: center; letter-spacing: 0.01em; }

.qaTile.qaUp .qaIc   { background: var(--red-dim);   color: var(--red);   border-color: rgba(240,107,122,0.30); }
.qaTile.qaDn .qaIc   { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.qaTile.qaBuy .qaIc  { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.qaTile.qaSell .qaIc { background: var(--red-dim);   color: var(--red);   border-color: rgba(240,107,122,0.30); }
.qaTile.qaDep .qaIc  { background: rgba(91,140,255,0.16); color: var(--blue); border-color: rgba(91,140,255,0.30); }
.qaTile.qaSnd2 .qaIc { background: var(--red-dim);   color: var(--red);   border-color: rgba(240,107,122,0.30); }
.qaTile.qaSwp .qaIc  { background: var(--gold-glow); color: var(--gold);  border-color: var(--gold-bd); }
.qaTile.qaRdm .qaIc  { background: var(--gold-glow); color: var(--gold);  border-color: var(--gold-bd); }
.qaTile.qaFct .qaIc  { background: var(--gold-glow); color: var(--gold);  border-color: var(--gold-bd); }
.qaTile.qaAcc .qaIc  { background: rgba(91,140,255,0.16); color: var(--blue); border-color: rgba(91,140,255,0.30); }
.qaTile.qaRfr .qaIc  { background: var(--green-dim); color: var(--green); border-color: rgba(46,204,151,0.30); }
.qaTile.qaMin.off .qaIc { background: var(--red-dim); color: var(--red); border-color: rgba(240,107,122,0.30); }
.qaTile.qaMin.on .qaIc  { background: var(--green-dim); color: var(--green);
                          border-color: rgba(46,204,151,0.45);
                          box-shadow: 0 0 10px rgba(46,204,151,0.30);
                          animation: mining-pulse 2.4s ease-in-out infinite; }

#appRoot.theme-light .qaTile.qaUp .qaIc,
#appRoot.theme-light .qaTile.qaSell .qaIc,
#appRoot.theme-light .qaTile.qaSnd2 .qaIc {
  background: rgba(240,107,122,0.10); color: #c23048; border-color: rgba(240,107,122,0.40);
}
#appRoot.theme-light .qaTile.qaDn .qaIc,
#appRoot.theme-light .qaTile.qaBuy .qaIc,
#appRoot.theme-light .qaTile.qaRfr .qaIc {
  background: rgba(46,204,151,0.10); color: #059a60; border-color: rgba(46,204,151,0.40);
}
#appRoot.theme-light .qaTile.qaSwp .qaIc,
#appRoot.theme-light .qaTile.qaRdm .qaIc,
#appRoot.theme-light .qaTile.qaFct .qaIc {
  background: rgba(201,154,32,0.10); color: #c99a20; border-color: rgba(201,154,32,0.45);
}
#appRoot.theme-light .qaTile.qaDep .qaIc,
#appRoot.theme-light .qaTile.qaAcc .qaIc {
  background: rgba(91,140,255,0.10); color: #3460d8; border-color: rgba(91,140,255,0.45);
}
#appRoot.theme-light .qaTile.qaMin.off .qaIc {
  background: rgba(240,107,122,0.10); color: #c23048; border-color: rgba(240,107,122,0.40);
}
#appRoot.theme-light .qaTile.qaMin.on .qaIc {
  background: rgba(46,204,151,0.10); color: #059a60; border-color: rgba(46,204,151,0.55);
}

.top10Wrap {
  background: var(--card); border: 1px solid var(--bd);
  border-radius: 12px; padding: 11px; box-shadow: var(--sh-xs);
}
#appRoot.theme-dark .top10Wrap { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.top10Head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.top10Head h2 { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: -0.02em; color: var(--tx); }
.top10More { background: transparent; border: 0; cursor: pointer;
             color: var(--gold); font-size: 10.5px; font-weight: 700;
             letter-spacing: 0.06em; text-transform: uppercase;
             transition: opacity 0.15s; }
.top10More:hover { opacity: 0.8; }
#appRoot.theme-light .top10More { color: var(--gold-d); }

.tokList { display: grid; gap: 4px; }
.tokRow {
  display: grid; grid-template-columns: 28px 1fr 64px 1fr;
  align-items: center; gap: 9px; padding: 7px 8px;
  background: var(--card2); border: 1px solid var(--bd);
  border-radius: 8px; cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
}
.tokRow:hover { background: var(--card); border-color: var(--bd2); }
.tokIc { width: 28px; height: 28px; flex: 0 0 28px; }
.tokIc > * { width: 28px !important; height: 28px !important; }
.tokMid { min-width: 0; }
.tokNm  { font-size: 12px; font-weight: 800; letter-spacing: -0.01em; color: var(--tx); line-height: 1.1; }
.tokSub { margin-top: 2px; font-size: 10px; color: var(--tx-2); font-weight: 500; line-height: 1.2;
          white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tokSpark { width: 60px; height: 22px; display: flex; align-items: center; justify-content: center; }
.tokSpark .sparkSvg { display: block; }
.tokRight { text-align: right; min-width: 0; }
.tokPrice { font-size: 12px; font-weight: 800; color: var(--tx); line-height: 1.1;
            font-variant-numeric: tabular-nums;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tokCh    { margin-top: 2px; font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; }
.tokCh.up   { color: var(--green); }
.tokCh.dn   { color: var(--red); }
.tokCh.flat { color: var(--tx-3); }
.tokQuote { color: var(--tx-3); font-weight: 600; margin-left: 3px; }

.bottomBar { box-shadow: 0 -2px 12px rgba(0,0,0,0.20); }
.navBtn { gap: 3px; }
.navTxt { font-size: 9px; font-weight: 600; text-transform: none; letter-spacing: 0.02em; }
.navBtn.active .navTxt { font-weight: 700; }

.mono { font-family: 'DM Mono', ui-monospace, monospace;
        font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }

@media (max-width: 360px) {
  .balVal  { font-size: 26px; }
  .balCard { padding: 11px 11px 11px 15px; }
  .tokRow  { grid-template-columns: 26px 1fr 50px 1fr; gap: 7px; padding: 6px 7px; }
  .tokSpark { width: 50px; }
}

/* ──────────────────────────────────────────────────────── */
/* FAZA 2 END                                              */
/* ──────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   FAZA 2 HOTFIX 1
   - avatar 48px!important din .unoAssetIconV8B4 → forțăm 32px în .tokRow
   - margin avatarului scos (împingea textul peste header)
   - grid template recalculat: avatar 36 / text 1fr / spark 60 / right auto
   - sparkline SVG empty (fără puncte) → ascuns ca să nu lase gap
═══════════════════════════════════════════════════════════════ */

/* Override DEFINITIV peste !important global din app.js .unoAssetIconV8B4 */
.tokRow .tokIc,
.tokRow .unoAssetIconV8B4 {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  flex: 0 0 32px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 1px solid var(--bd) !important;
  background: var(--card) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
}
.tokRow .unoAssetIconV8B4 img,
.tokRow .unoAssetIconV8B4 span,
.tokRow .unoLogoImgV8B2,
.tokRow .unoLogoFallbackV8B2 {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: inherit !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

/* Grid recalculat — avatar 36px col 1, text fluid col 2, spark 60 col 3, right auto col 4 */
.tokRow {
  grid-template-columns: 36px minmax(0,1fr) 60px minmax(80px,auto) !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  align-items: center !important;
}

/* Wrapper avatar — exact 36px ca să încapă cu padding intern */
.tokRow > .tokIc {
  width: 36px !important; min-width: 36px !important; max-width: 36px !important;
  height: 36px !important; min-height: 36px !important; max-height: 36px !important;
  flex: 0 0 36px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Numele și sub-textul: clip strict pe col 2 */
.tokRow .tokMid { min-width: 0 !important; overflow: hidden !important; }
.tokRow .tokNm,
.tokRow .tokSub {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

/* Right side aligned consistent */
.tokRow .tokRight {
  text-align: right !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.tokRow .tokPrice { font-size: 12px !important; }
.tokRow .tokCh    { font-size: 10px !important; }

/* Sparkline: dacă SVG-ul e gol (n-are <path>), ascunde coloana */
.tokRow .tokSpark { width: 60px !important; height: 22px !important; display: flex !important;
                    align-items: center !important; justify-content: center !important; }
.tokRow .tokSpark .sparkSvg:not(:has(path)) { visibility: hidden !important; }

/* Fallback dacă browser-ul nu suportă :has() — afișează un placeholder discret */
@supports not selector(:has(*)) {
  .tokRow .tokSpark .sparkSvg { opacity: 0.3 !important; }
}

/* Mobile foarte mic — reducere col spark + avatar */
@media (max-width: 360px) {
  .tokRow {
    grid-template-columns: 32px minmax(0,1fr) 48px minmax(70px,auto) !important;
    gap: 8px !important; padding: 7px 8px !important;
  }
  .tokRow > .tokIc,
  .tokRow .tokIc,
  .tokRow .unoAssetIconV8B4 {
    width: 32px !important; min-width: 32px !important; max-width: 32px !important;
    height: 32px !important; min-height: 32px !important; max-height: 32px !important;
    flex: 0 0 32px !important;
  }
  .tokRow .tokSpark { width: 48px !important; }
}

/* Pill .ver legacy — în caz că rămâne ceva în alte locuri din DOM, ascunde */
.pill.ver { display: none !important; }

/* ──────────────────────────────────────────────────────── */
/* FAZA 2 HOTFIX 1 END                                     */
/* ──────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   FAZA 2 HOTFIX 2 — Re-skin GLOBAL preview-style
   - qaTile/quickBtn → dreptunghi orizontal (icon 18px, fără box separat)
   - Suprascrie peste vechile clase: heroCard, sectionCard, tokenItem,
     metricCard, kvCard, tabs/tab, input, btn, modal
   - Wallet token rows preiau stilul preview compact
   - Aplică peste tot (toate paginile), păstrează dark albastru
═══════════════════════════════════════════════════════════════ */

/* ─── qaTile DREPTUNGHI (Home) ────────────────────────────── */
.qaTile {
  min-height: 56px !important;
  padding: 8px 6px !important;
  gap: 4px !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-radius: 8px !important;
}
.qaTile .qaIc {
  width: auto !important; height: auto !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 18px !important;
  padding: 0 !important;
  line-height: 1 !important;
  border-radius: 0 !important;
}
.qaTile .qaTxt {
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

/* re-aplică culorile direct pe iconițe (acum fără background-box) */
.qaTile.qaUp   .qaIc { color: var(--red)   !important; }
.qaTile.qaDn   .qaIc { color: var(--green) !important; }
.qaTile.qaBuy  .qaIc { color: var(--green) !important; }
.qaTile.qaSell .qaIc { color: var(--red)   !important; }
.qaTile.qaDep  .qaIc { color: var(--blue)  !important; }
.qaTile.qaSnd2 .qaIc { color: var(--red)   !important; }
.qaTile.qaSwp  .qaIc { color: var(--gold)  !important; }
.qaTile.qaRdm  .qaIc { color: var(--gold)  !important; }
.qaTile.qaFct  .qaIc { color: var(--gold)  !important; }
.qaTile.qaAcc  .qaIc { color: var(--blue)  !important; }
.qaTile.qaRfr  .qaIc { color: var(--green) !important; }
.qaTile.qaMin.off .qaIc { color: var(--red)   !important; }
.qaTile.qaMin.on  .qaIc { color: var(--green) !important; }

#appRoot.theme-light .qaTile.qaUp   .qaIc,
#appRoot.theme-light .qaTile.qaSell .qaIc,
#appRoot.theme-light .qaTile.qaSnd2 .qaIc,
#appRoot.theme-light .qaTile.qaMin.off .qaIc { color: #c23048 !important; }
#appRoot.theme-light .qaTile.qaDn   .qaIc,
#appRoot.theme-light .qaTile.qaBuy  .qaIc,
#appRoot.theme-light .qaTile.qaRfr  .qaIc,
#appRoot.theme-light .qaTile.qaMin.on  .qaIc { color: #059a60 !important; }
#appRoot.theme-light .qaTile.qaSwp  .qaIc,
#appRoot.theme-light .qaTile.qaRdm  .qaIc,
#appRoot.theme-light .qaTile.qaFct  .qaIc { color: #c99a20 !important; }
#appRoot.theme-light .qaTile.qaDep  .qaIc,
#appRoot.theme-light .qaTile.qaAcc  .qaIc { color: #3460d8 !important; }

/* mining pulse — păstrăm doar pe iconul aprins, fără glow-box (nu mai există box) */
.qaTile.qaMin.on .qaIc { animation: mining-pulse 2.4s ease-in-out infinite; }

/* ─── quickBtn legacy (Trade page + alte locuri) → dreptunghi ─ */
.quickBtn {
  min-height: 56px !important;
  padding: 8px 6px !important;
  gap: 4px !important;
  border-radius: 8px !important;
}
.quickBtn .quickIco {
  width: auto !important; height: auto !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 18px !important;
  padding: 0 !important;
  line-height: 1 !important;
  border-radius: 0 !important;
}
/* păstrează culorile existente per nth-child (Faza 1 le-a definit), dar pe icon direct */
.quickGrid > .quickBtn:nth-child(1) .quickIco,
.quickGrid > .quickBtn:nth-child(4) .quickIco,
.quickGrid > .quickBtn:nth-child(6) .quickIco { background: transparent !important; }
.quickGrid > .quickBtn:nth-child(2) .quickIco,
.quickGrid > .quickBtn:nth-child(3) .quickIco,
.quickGrid > .quickBtn:nth-child(5) .quickIco,
.quickGrid > .quickBtn:nth-child(12) .quickIco { background: transparent !important; }
.quickGrid > .quickBtn:nth-child(7) .quickIco,
.quickGrid > .quickBtn:nth-child(8) .quickIco,
.quickGrid > .quickBtn:nth-child(10) .quickIco { background: transparent !important; }
.quickGrid > .quickBtn:nth-child(9) .quickIco,
.quickGrid > .quickBtn:nth-child(11) .quickIco { background: transparent !important; }
.quickGrid > .quickBtn:nth-child(9):not(.buy) .quickIco,
.quickGrid > .quickBtn:nth-child(9).buy .quickIco { box-shadow: none !important; }

/* ─── heroCard global (Wallet hero + alte pagini) ─────────── */
.heroCard {
  border-radius: 12px !important;
  padding: 13px 14px 13px 17px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: var(--sh-xs) !important;
  border: 1px solid var(--bd) !important;
}
.heroCard::before {
  content: "" !important; position: absolute !important;
  left: 0 !important; top: 0 !important; bottom: 0 !important; width: 3px !important;
  background: linear-gradient(180deg, var(--gold), var(--gold-d)) !important;
  border-radius: 0 !important;
}
.heroTop { gap: 12px !important; align-items: flex-start !important; }
.heroValue {
  font-size: 30px !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  font-variant-numeric: tabular-nums !important;
}
.heroSub {
  margin-top: 6px !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  word-break: break-all !important;
}
.eyebrow {
  font-size: 9.5px !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 4px !important;
}

/* hero .btn.buy = devine buton preview-style aurit ca balBtn */
.heroCard .btn.buy,
.heroCard .btn.primary {
  height: 30px !important; min-height: 30px !important;
  padding: 0 13px !important;
  font-size: 11.5px !important; font-weight: 800 !important;
  border-radius: var(--r-xs) !important;
  background: linear-gradient(135deg, var(--gold), var(--gold-d)) !important;
  color: #111 !important;
  box-shadow: 0 3px 12px rgba(242,201,76,0.30) !important;
  border: 0 !important;
}

/* metric grid din hero → KPI compact preview */
.metricGrid { gap: 6px !important; margin-top: 8px !important; }
.metricCard {
  border-radius: 8px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--bd) !important;
  box-shadow: var(--sh-xs) !important;
  background: var(--card) !important;
}
.metricK {
  font-size: 9px !important;
  letter-spacing: 0.10em !important;
  margin-bottom: 3px !important;
}
.metricV {
  font-size: 14px !important;
  letter-spacing: -0.02em !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ─── sectionCard global (toate paginile) ─────────────────── */
.sectionCard {
  border-radius: 12px !important;
  padding: 12px !important;
  border: 1px solid var(--bd) !important;
  box-shadow: var(--sh-xs) !important;
  background: var(--card) !important;
}
.sectionHead { margin-bottom: 8px !important; gap: 10px !important; }
.sectionTitle {
  font-size: 14px !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
}
.sectionSub {
  margin-top: 3px !important;
  font-size: 10.5px !important;
  line-height: 1.4 !important;
}
.mcmSlim { padding: 10px 12px !important; }

/* ─── tokenItem / tokenRow global (Wallet + alte) ─────────── */
.tokenItem {
  border-radius: 8px !important;
  padding: 9px 11px !important;
  border: 1px solid var(--bd) !important;
  box-shadow: var(--sh-xs) !important;
  background: var(--card2) !important;
  transition: background 0.12s, border-color 0.12s !important;
  cursor: pointer !important;
}
.tokenItem:hover { border-color: var(--bd2) !important; background: var(--card) !important; transform: none !important; }
.tokenItem .tokenRow { gap: 10px !important; align-items: center !important; }
.tokenItem .tokenTitle {
  font-size: 13px !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}
.tokenItem .tokenSub {
  margin-top: 2px !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  word-break: break-all !important;
}
.tokenItem .tokenPrice {
  font-size: 13px !important;
  letter-spacing: -0.02em !important;
  font-variant-numeric: tabular-nums !important;
}
.tokenItem .tokenChg {
  margin-top: 3px !important;
  font-size: 10.5px !important;
  font-variant-numeric: tabular-nums !important;
}

/* Wallet hero avatar override (consistent cu Top 10 Home) */
.tokenItem .unoAssetIconV8B4 {
  width: 36px !important; min-width: 36px !important; max-width: 36px !important;
  height: 36px !important; min-height: 36px !important; max-height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 8px !important;
  margin: 0 !important;
  border: 1px solid var(--bd) !important;
  background: var(--card) !important;
}
.tokenItem .unoAssetIconV8B4 img,
.tokenItem .unoAssetIconV8B4 span {
  font-size: 11px !important; font-weight: 800 !important;
}

/* ─── kvCard / kvRow (Send modal, Confirm, Manage) ────────── */
.kvCard {
  border-radius: 8px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--bd) !important;
  box-shadow: var(--sh-xs) !important;
  background: var(--card) !important;
}
.kvRow {
  padding: 8px 0 !important;
  font-size: 12px !important;
}
.kvRow span { font-size: 11.5px !important; font-weight: 600 !important; }
.kvRow strong { font-size: 12px !important; font-weight: 800 !important;
                font-variant-numeric: tabular-nums !important; }

/* ─── tabs/tab GLOBAL — underline gold (Wallet, Erstellen, Verwalten) ─ */
.tabs {
  display: flex !important;
  gap: 0 !important;
  border-bottom: 1px solid var(--bd) !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.tabs::-webkit-scrollbar { display: none !important; }
.tab {
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  color: var(--tx-2) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: color 0.18s, border-color 0.18s !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.tab:hover { transform: none !important; color: var(--tx) !important; }
.tab.active {
  background: transparent !important;
  border-bottom-color: var(--gold) !important;
  color: var(--tx) !important;
  box-shadow: none !important;
}
#appRoot.theme-light .tab.active { border-bottom-color: var(--gold-d) !important; color: #0a1428 !important; }

/* ─── inputs / selects / textarea GLOBAL ──────────────────── */
.input, select.input, textarea.input {
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  border: 1px solid var(--bd2) !important;
  background: var(--card) !important;
  color: var(--tx) !important;
  font-size: 13px !important;
  font-variant-numeric: tabular-nums !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
textarea.input { min-height: 100px !important; padding: 11px 12px !important; }
.input:focus, select.input:focus, textarea.input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px var(--gold-glow) !important;
}
.input::placeholder, textarea.input::placeholder { color: var(--tx-3) !important; }

.field { gap: 5px !important; margin-bottom: 10px !important; }
.field label {
  font-size: 10px !important;
  letter-spacing: 0.10em !important;
  font-weight: 700 !important;
}

.monoBox {
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  border: 1px solid var(--bd) !important;
  background: var(--card) !important;
  color: var(--tx-2) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

/* help text */
.help { font-size: 10.5px !important; line-height: 1.45 !important; }

/* ─── butoane GLOBAL ──────────────────────────────────────── */
.btn {
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  border: 1px solid transparent !important;
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s !important;
}
.btn:hover { transform: translateY(-1px) !important; filter: brightness(1.04) !important; }
.btn:active { transform: scale(0.98) !important; }
.btn:disabled { opacity: 0.45 !important; transform: none !important; filter: none !important; cursor: not-allowed !important; }

.btn.primary {
  background: linear-gradient(135deg, var(--blue), var(--blue-d)) !important;
  color: #fff !important;
  box-shadow: 0 3px 14px rgba(91,140,255,0.35) !important;
  border: 0 !important;
}
.btn.gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-d)) !important;
  color: #111 !important;
  box-shadow: 0 3px 14px rgba(242,201,76,0.32) !important;
  border: 0 !important;
}
.btn.buy {
  background: linear-gradient(135deg, var(--green), var(--green-d)) !important;
  color: #fff !important;
  box-shadow: 0 3px 14px rgba(46,204,151,0.32) !important;
  border: 0 !important;
}
.btn.sell {
  background: linear-gradient(135deg, var(--red), var(--red-d)) !important;
  color: #fff !important;
  box-shadow: 0 3px 14px rgba(240,107,122,0.32) !important;
  border: 0 !important;
}
.btn.ghost {
  background: var(--card2) !important;
  border: 1px solid var(--bd2) !important;
  color: var(--tx) !important;
  box-shadow: var(--sh-xs) !important;
}
.btn.ghost:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
#appRoot.theme-light .btn.ghost:hover { border-color: var(--gold-d) !important; color: var(--gold-d) !important; }

/* ─── modale GLOBAL ───────────────────────────────────────── */
.modal {
  border-radius: 14px !important;
  padding: 16px !important;
  border: 1px solid var(--bd2) !important;
  box-shadow: var(--sh-lg) !important;
}
.modalHeader {
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--line) !important;
}
.modalHeader h3 {
  font-size: 15px !important;
  letter-spacing: -0.03em !important;
}
.xbtn {
  width: 28px !important; height: 28px !important;
  font-size: 16px !important;
  border-radius: 6px !important;
}
.modalActions { gap: 8px !important; margin-top: 12px !important; }
.modalActions .btn { min-height: 40px !important; }

/* ─── emptyCard global compact ────────────────────────────── */
.emptyCard {
  border-radius: 10px !important;
  padding: 12px !important;
  border: 1px solid var(--bd) !important;
  box-shadow: var(--sh-xs) !important;
  background: var(--card) !important;
}
.emptyTitle { font-size: 13px !important; }
.emptySub   { font-size: 10.5px !important; }

/* ─── notice (audit + warnings) ───────────────────────────── */
.notice {
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

/* ─── tag-uri (small badges în token + audit) ─────────────── */
.tag {
  min-height: 22px !important;
  padding: 0 9px !important;
  font-size: 9.5px !important;
  letter-spacing: 0.06em !important;
  border-radius: 99px !important;
  background: var(--card2) !important;
  border: 1px solid var(--bd2) !important;
  color: var(--tx-2) !important;
}

/* ─── Manage / Verwalten — input rows compact + canonical card ─ */
.unoCanonicalCardV1,
#unoUsduCanonicalPoolCard,
#unoUsduCanonicalPoolCard.sectionCard {
  border-radius: 12px !important;
  padding: 12px !important;
  border: 1px solid var(--bd) !important;
  box-shadow: var(--sh-xs) !important;
  background: var(--card) !important;
}
#unoUsduCanonicalPoolCard .sectionTitle { font-size: 14px !important; }
#unoUsduCanonicalPoolCard .help { color: var(--tx-2) !important; }

/* Manage primary button "Add Balanced Liquidity" → albastru solid (preview) */
#unoUsduCanonicalPoolCard .btn.primary,
.sectionCard .btn.primary {
  background: linear-gradient(135deg, var(--blue), var(--blue-d)) !important;
  color: #fff !important;
}

/* ─── auditRow / auditItem compact ────────────────────────── */
.auditItem {
  padding: 10px !important;
  border-radius: 8px !important;
  gap: 10px !important;
}
.auditMark {
  width: 24px !important; height: 24px !important;
  font-size: 11px !important;
}
.auditTxt strong { font-size: 12.5px !important; }
.auditTxt span   { font-size: 10.5px !important; line-height: 1.35 !important; margin-top: 2px !important; }

/* ─── pill general (status row) compact ───────────────────── */
.pill {
  min-height: 26px !important;
  padding: 0 10px !important;
  font-size: 9.5px !important;
  letter-spacing: 0.07em !important;
}
.pill .dot { width: 5px !important; height: 5px !important; }

/* ─── tags Trade-row mic (Buy/Sell/Swap from sheet) ───────── */
.actionRow { gap: 8px !important; }
.actionRow .btn { min-height: 40px !important; }
.buySellRow { gap: 8px !important; }

/* ─── mobile breakpoint final ─────────────────────────────── */
@media (max-width: 370px) {
  .heroValue   { font-size: 26px !important; }
  .sectionCard { padding: 11px !important; }
  .qaTile      { min-height: 52px !important; padding: 7px 4px !important; }
  .quickBtn    { min-height: 52px !important; padding: 7px 4px !important; }
  .tab         { min-height: 34px !important; padding: 0 11px !important; font-size: 11.5px !important; }
}

/* ──────────────────────────────────────────────────────── */
/* FAZA 2 HOTFIX 2 END                                     */
/* ──────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   FAZA 3 — Markt complet (preview-style tabel sortabil) [FIX2]
═══════════════════════════════════════════════════════════════ */

.pgMarkt { display: grid; gap: 10px; }

.mktTitleBlock { padding: 2px 0 4px; }
.mktTitle {
  margin: 0; font-size: 22px; font-weight: 800;
  letter-spacing: -0.04em; color: var(--tx); line-height: 1.05;
}

.mktStatsGrid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
}
@media (min-width: 481px) { .mktStatsGrid { grid-template-columns: repeat(4,1fr); } }

.mktStat {
  background: var(--card); border: 1px solid var(--bd);
  border-radius: 10px; padding: 9px 11px;
  box-shadow: var(--sh-xs);
  min-width: 0;
}
#appRoot.theme-dark .mktStat { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.mktStatLbl {
  font-size: 9px; color: var(--tx-2);
  font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  margin-bottom: 3px;
}
.mktStatVal {
  font-size: 16px; line-height: 1; font-weight: 800;
  letter-spacing: -0.02em; color: var(--tx);
  font-variant-numeric: tabular-nums;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.mktSearchWrap { display: flex; }
.mktSearch {
  width: 100% !important;
  height: 38px !important; min-height: 38px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid var(--bd2) !important;
  background: var(--card) !important;
  color: var(--tx) !important;
  font-size: 13px !important; font-weight: 500 !important;
  outline: none !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.mktSearch:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px var(--gold-glow) !important;
}
.mktSearch::placeholder { color: var(--tx-3) !important; }

.mktChipsRow {
  display: flex; gap: 6px; overflow-x: auto;
  scrollbar-width: none; padding-bottom: 2px;
}
.mktChipsRow::-webkit-scrollbar { display: none; }
.mktChip {
  min-height: 30px; padding: 0 12px;
  background: var(--card2); border: 1px solid var(--bd2);
  color: var(--tx-2); font-size: 11.5px; font-weight: 700;
  border-radius: 8px; cursor: pointer;
  white-space: nowrap; transition: all 0.15s;
  display: inline-flex; align-items: center; justify-content: center;
}
.mktChip:hover { color: var(--tx); border-color: var(--gold); }
.mktChip.active {
  /* UNO_CHIPS_DESIGN_V1 — stil stea: outline galben moale, fara gradient plin, fara umbra (nu mai "sare") */
  background: rgba(227,179,65,0.14);
  color: #e3b341;
  border-color: #e3b341;
}
#appRoot.theme-light .mktChip.active { color: #a87f1e; border-color: #c89a2e; background: rgba(227,179,65,0.16); }
.mktChipDelta { font-size: 14px; padding: 0 10px; min-width: 38px; }
.mktChipDelta.up.active { background: linear-gradient(135deg, var(--green), var(--green-d)); color: #fff; }
.mktChipDelta.dn.active { background: linear-gradient(135deg, var(--red), var(--red-d));   color: #fff; }

.mktTableWrap {
  background: var(--card); border: 1px solid var(--bd);
  border-radius: 12px; overflow: hidden;
  box-shadow: var(--sh-xs);
}
#appRoot.theme-dark .mktTableWrap { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

.mktTableScroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.mktTableScroll::-webkit-scrollbar { height: 5px; }
.mktTableScroll::-webkit-scrollbar-thumb { background: var(--bd2); border-radius: 3px; }

.mktHead,
.mktRow {
  display: grid;
  grid-template-columns:
    28px
    minmax(150px, 1.8fr)
    minmax(80px, 1fr)
    minmax(60px, 0.7fr)
    minmax(60px, 0.7fr)
    minmax(60px, 0.7fr)
    minmax(78px, 0.95fr)
    minmax(70px, 0.85fr)
    66px
    28px;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  font-variant-numeric: tabular-nums;
  min-width: 760px;
}

.mktHead {
  font-size: 9.5px;
  color: var(--tx-2);
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 700;
  border-bottom: 1px solid var(--bd);
  background: var(--card2);
}
.mktHead .mktCol,
.mktHead .mktColN,
.mktHead .mktColTok {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  cursor: default;
}
.mktHead [data-mkt-sort] { cursor: pointer; transition: color 0.15s; }
.mktHead [data-mkt-sort]:hover { color: var(--tx); }
.mktHead .mktArr { opacity: 0.30; font-size: 9px; line-height: 1; }
.mktHead .sorted .mktArr { opacity: 1; color: var(--gold); }
.mktHead .sorted { color: var(--gold) !important; }
.mktHead .mktCol.num { justify-content: flex-end; text-align: right; }

.mktRow {
  font-size: 11.5px;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  transition: background 0.12s;
}
.mktRow:last-child { border-bottom: 0; }
.mktRow:hover { background: var(--card2); }
.mktColN {
  text-align: center;
  font-size: 10.5px; font-weight: 700;
  color: var(--tx-3);
  font-family: 'DM Mono', ui-monospace, monospace;
}
.mktColTok {
  display: flex; align-items: center; gap: 9px;
  min-width: 0;
}
.mktTokIc {
  width: 28px; height: 28px; flex: 0 0 28px;
}
.mktRow .mktTokIc .unoAssetIconV8B4 {
  width: 28px !important; min-width: 28px !important; max-width: 28px !important;
  height: 28px !important; min-height: 28px !important; max-height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 7px !important; margin: 0 !important;
  border: 1px solid var(--bd) !important;
  background: var(--card) !important;
  display: grid !important; place-items: center !important;
  overflow: hidden !important;
}
.mktRow .mktTokIc .unoAssetIconV8B4 img,
.mktRow .mktTokIc .unoAssetIconV8B4 span,
.mktRow .mktTokIc .unoLogoImgV8B2,
.mktRow .mktTokIc .unoLogoFallbackV8B2 {
  width: 100% !important; height: 100% !important;
  min-width: 100% !important; min-height: 100% !important;
  max-width: 100% !important; max-height: 100% !important;
  border-radius: inherit !important;
  font-size: 9.5px !important; font-weight: 800 !important;
}

.mktTokMeta { min-width: 0; overflow: hidden; }
.mktTokNm {
  font-size: 12px; font-weight: 800; letter-spacing: -0.01em;
  color: var(--tx); line-height: 1.1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mktTokSub {
  margin-top: 2px; font-size: 9.5px; color: var(--tx-2);
  font-weight: 500; line-height: 1.2;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.mktRow .mktCol {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mktRow .mktCol.num { text-align: right; justify-self: end; }
.mktRow .mktCol.up   { color: var(--green); font-weight: 700; }
.mktRow .mktCol.dn   { color: var(--red);   font-weight: 700; }
.mktRow .mktCol.flat { color: var(--tx-3); }
.mktRow .mktCol.spark { display: flex; align-items: center; justify-content: flex-end; }
.mktRow .mktCol.spark .sparkSvg:not(:has(path)) { visibility: hidden; }
.mktRow .mktCol.arrow {
  text-align: right; color: var(--tx-3);
  font-size: 14px; font-weight: 700;
}

.mktEmpty {
  padding: 24px 16px;
  text-align: center;
  color: var(--tx-2);
  font-size: 12px; font-weight: 600;
}

@media (max-width: 380px) {
  .mktTitle { font-size: 18px; }
  .mktStatVal { font-size: 14px; }
  .mktSearch { font-size: 12.5px; height: 36px !important; min-height: 36px !important; }
  .mktHead, .mktRow {
    grid-template-columns:
      24px minmax(130px,1.6fr) minmax(70px,1fr)
      minmax(54px,0.6fr) minmax(54px,0.6fr) minmax(54px,0.6fr)
      minmax(70px,0.85fr) minmax(64px,0.78fr) 60px 24px;
    padding: 7px 8px; gap: 5px;
    min-width: 720px;
  }
  .mktTokNm { font-size: 11.5px; }
  .mktTokSub { font-size: 9px; }
}

/* ──────────────────────────────────────────────────────── */
/* FAZA 3 END                                               */
/* ──────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   FAZA 3 FIX2.1 — Wide table + real horizontal scroll
   ─────────────────────────────────────────────────────────────
   Strategie:
   - Coloane în PX absolute (nu fr) → nu se comprimă sub conținut
   - .mktBody, .mktHead cu width:max-content → scroll orizontal real
   - .mktTableScroll cu overflow-x:auto → scroll vizibil pe mobile
   - Override 1 singur set de reguli care SUPRASCRIE Faza 3 originală
   ═══════════════════════════════════════════════════════════════ */

/* Wrapper tabel rămâne ca în Faza 3 — doar îi forțăm overflow-x */
.mktTableWrap {
  overflow: hidden !important;
}
.mktTableScroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}
.mktTableScroll::-webkit-scrollbar { height: 6px; }
.mktTableScroll::-webkit-scrollbar-track { background: transparent; }
.mktTableScroll::-webkit-scrollbar-thumb { background: var(--bd2); border-radius: 3px; }

/* CHEIA — coloane FIX în px, fără fr, fără minmax cu fr */
.mktHead,
.mktRow {
  display: grid !important;
  grid-template-columns:
    32px        /* # */
    240px       /* TOKEN (logo 36px + nume + pair) */
    160px       /* PREIS — îndeajuns pentru "0.00440990406529..." */
    78px        /* 1H */
    78px        /* 24H */
    78px        /* 7D */
    100px       /* VOL 24H */
    92px        /* TVL */
    70px        /* SPARK */
    32px        /* arrow */
    !important;
  gap: 8px !important;
  align-items: center;
  padding: 0 12px !important;
  width: max-content !important;     /* CHEIA scrolului real */
  min-width: 992px !important;       /* 32+240+160+78×3+100+92+70+32 + gap×9 = ~1004 */
}

/* width:max-content pe rândurile copii forțează grid-ul să respecte px */
.mktBody { width: max-content; min-width: 100%; }
.mktHead { width: max-content; min-width: 100%; }

/* HEADER */
.mktHead {
  font-size: 10px !important;
  color: var(--tx-2);
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 700;
  border-bottom: 1px solid var(--bd);
  background: var(--card2);
  min-height: 38px;
  height: 38px;
}
.mktHead > .mktCol,
.mktHead > .mktColN,
.mktHead > .mktColTok {
  display: flex !important;
  align-items: center;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mktHead > .mktCol.num { justify-content: flex-end; }

/* RÂND */
.mktRow {
  font-size: 12px !important;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  transition: background 0.12s;
  min-height: 60px;
  height: 60px;
  background: var(--card);
  contain: layout style;
}
.mktRow:last-child { border-bottom: 0; }
.mktRow:hover { background: var(--card2); }
.mktRow:active { background: var(--card2); }

.mktRow > .mktCol,
.mktRow > .mktColN {
  display: flex !important;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mktRow > .mktCol.num {
  justify-content: flex-end;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* # */
.mktRow > .mktColN,
.mktHead > .mktColN {
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: var(--tx-3);
  font-family: 'DM Mono', ui-monospace, monospace;
}

/* TOKEN — logo 36px + nume bold + pair */
.mktColTok {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: hidden;
}
.mktTokIc {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  aspect-ratio: 1 / 1;
}
.mktRow .mktTokIc .unoAssetIconV8B4 {
  width: 36px !important; min-width: 36px !important; max-width: 36px !important;
  height: 36px !important; min-height: 36px !important; max-height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 9px !important;
  margin: 0 !important;
  border: 1px solid var(--bd) !important;
  background: var(--card2) !important;
  display: grid !important; place-items: center !important;
  overflow: hidden !important;
}
.mktRow .mktTokIc .unoAssetIconV8B4 img,
.mktRow .mktTokIc .unoAssetIconV8B4 span,
.mktRow .mktTokIc .unoLogoImgV8B2,
.mktRow .mktTokIc .unoLogoFallbackV8B2 {
  width: 100% !important; height: 100% !important;
  border-radius: inherit !important;
  font-size: 12px !important; font-weight: 800 !important;
}

.mktTokMeta {
  min-width: 0 !important;
  overflow: hidden;
  display: flex; flex-direction: column;
  gap: 2px;
  justify-content: center;
}
.mktTokNm {
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--tx);
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mktTokSub {
  font-size: 10.5px;
  color: var(--tx-3);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* PREIS — bold, mare */
.mktRow > .mktCol.num.mono:nth-of-type(1) {
  /* prima coloană .num.mono după mktColTok = PREIS */
  font-size: 13px;
  font-weight: 800;
  color: var(--tx);
  letter-spacing: -0.02em;
}

/* 1H/24H/7D culori */
.mktRow .mktCol.num.up   { color: var(--green); font-weight: 700; }
.mktRow .mktCol.num.dn   { color: var(--red);   font-weight: 700; }
.mktRow .mktCol.num.flat { color: var(--tx-3); }

/* VOL / TVL */
.mktRow > .mktCol.num.mono { font-weight: 700; }

/* SPARK */
.mktRow .mktCol.spark {
  justify-content: flex-end !important;
  align-items: center;
  min-height: 24px;
}
.mktRow .mktCol.spark .sparkSvg { display: block; }
.mktRow .mktCol.spark .sparkSvg:not(:has(path)) { visibility: hidden; }

/* Arrow */
.mktRow .mktCol.arrow {
  justify-content: center !important;
  color: var(--tx-3);
  font-size: 18px;
  font-weight: 400;
  opacity: 0.4;
}
.mktRow:hover .mktCol.arrow { opacity: 0.85; color: var(--gold); }

/* Sort header */
.mktHead [data-mkt-sort] { cursor: pointer; transition: color 0.15s; }
.mktHead [data-mkt-sort]:hover { color: var(--tx); }
.mktHead .mktArr { opacity: 0.30; font-size: 9px; }
.mktHead .sorted { color: var(--gold) !important; }
.mktHead .sorted .mktArr { opacity: 1; color: var(--gold); }

/* Empty state */
.mktEmpty {
  padding: 40px 16px !important;
  text-align: center;
  color: var(--tx-2);
  font-size: 13px;
  width: 100%;
}

/* Search input anti-zoom iOS */
.mktSearch { font-size: 16px !important; }
@media (min-width: 481px) { .mktSearch { font-size: 14px !important; } }

/* Foarte mic ≤ 380px — strângem proporțional dar PĂSTRĂM scroll lateral */
@media (max-width: 380px) {
  .mktHead, .mktRow {
    grid-template-columns:
      28px 220px 150px 72px 72px 72px 92px 86px 64px 28px
      !important;
    gap: 6px !important;
    padding: 0 10px !important;
    min-width: 920px !important;
  }
  .mktRow { min-height: 58px; height: 58px; }
  .mktTokIc {
    width: 32px; height: 32px; flex: 0 0 32px;
  }
  .mktRow .mktTokIc .unoAssetIconV8B4 {
    width: 32px !important; min-width: 32px !important; max-width: 32px !important;
    height: 32px !important; min-height: 32px !important; max-height: 32px !important;
  }
  .mktTokNm  { font-size: 12.5px; }
  .mktTokSub { font-size: 10px; }
}

/* ──────────────────────────────────────────────────────── */
/* UNO_FAZA3_FIX2_1_WIDE_END                                */
/* ──────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   FAZA 3 FIX2.2 — Tight columns
   # + TOKEN + PREIS vizibile fără scroll pe 412px viewport.
   Restul coloanelor scrolează lateral natural.
═══════════════════════════════════════════════════════════════ */

.mktHead,
.mktRow {
  grid-template-columns:
    26px        /* # — 2 cifre (1-99) */
    150px       /* TOKEN — logo 36 + gap 8 + nume ~106 */
    110px       /* PREIS — încape "0.001020" sau "1.11e-7" */
    70px        /* 1H */
    70px        /* 24H */
    70px        /* 7D */
    92px        /* VOL 24H */
    86px        /* TVL */
    64px        /* SPARK */
    26px        /* arrow */
    !important;
  gap: 4px !important;
  padding: 0 8px !important;
  min-width: 818px !important;   /* 26+150+110+70×3+92+86+64+26 + 9×gap4 + 2×pad8 = 818 */
}

/* TOKEN coloană strânsă — logo + meta cu gap mic */
.mktColTok {
  gap: 8px !important;
}

/* Strângem nume + sub pentru 150px disponibili */
.mktTokNm {
  font-size: 13px !important;
}
.mktTokSub {
  font-size: 10px !important;
}

/* Mobile foarte mic ≤ 360px — reduc PREIS la 96px */
@media (max-width: 360px) {
  .mktHead, .mktRow {
    grid-template-columns:
      22px 138px 96px 64px 64px 64px 86px 80px 60px 24px
      !important;
    gap: 3px !important;
    padding: 0 6px !important;
    min-width: 748px !important;
  }
  .mktColTok { gap: 7px !important; }
  .mktTokIc {
    width: 32px !important; height: 32px !important; flex: 0 0 32px !important;
  }
  .mktRow .mktTokIc .unoAssetIconV8B4 {
    width: 32px !important; min-width: 32px !important; max-width: 32px !important;
    height: 32px !important; min-height: 32px !important; max-height: 32px !important;
  }
  .mktTokNm  { font-size: 12px !important; }
  .mktTokSub { font-size: 9.5px !important; }
}

/* Sentinel */
/* UNO_FAZA3_FIX2_2_TIGHT_END */

/* ════════════════════════════════════════════════════════════
   UNO Chart Pro V3 — Binance-style scope strict
═══════════════════════════════════════════════════════════════ */

.unoCpV3Card {
  position: relative;
  background: var(--card);
  border: 1px solid var(--bd);
  border-radius: 12px;
  padding: 8px 10px 8px;
  box-shadow: var(--sh-xs);
  overflow: hidden;
}

/* ── Toolbar (text-only, 1 rând) ── */
.unoCpV3Toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 4px 0 8px;
  margin: 0 -2px;
  border-bottom: 1px solid var(--bd2);
}
.unoCpV3Toolbar::-webkit-scrollbar { display: none; }

.unoCpV3TfGroup,
.unoCpV3ModeGroup {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

.unoCpV3Sep {
  width: 1px;
  height: 16px;
  background: var(--bd2);
  margin: 0 6px;
  flex-shrink: 0;
}

.unoCpV3Tf,
.unoCpV3Mode {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: none;
  outline: none;
  padding: 4px 8px;
  margin: 0;
  color: var(--tx-2);
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  letter-spacing: 0.02em;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.12s;
  border-radius: 0;
  height: 28px;
  line-height: 20px;
}

.unoCpV3Tf:hover,
.unoCpV3Mode:hover {
  color: var(--tx);
}

/* Active state — underline gold + text gold */
.unoCpV3Tf.on,
.unoCpV3Mode.on {
  color: var(--gold);
}
.unoCpV3Tf.on::after,
.unoCpV3Mode.on::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: -1px;
  height: 2px;
  background: var(--gold);
  border-radius: 1px;
}

/* Light mode override active */
#appRoot.theme-light .unoCpV3Tf.on,
#appRoot.theme-light .unoCpV3Mode.on {
  color: #ca8a04;
}
#appRoot.theme-light .unoCpV3Tf.on::after,
#appRoot.theme-light .unoCpV3Mode.on::after {
  background: #ca8a04;
}

/* Fullscreen button — discret, dreapta toolbar */
.unoCpV3FsBtn {
  appearance: none;
  -webkit-appearance: none;
  margin-left: auto;
  background: transparent;
  border: 1px solid var(--bd2);
  border-radius: 6px;
  color: var(--tx-2);
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 13px;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.12s, border-color 0.12s;
}
.unoCpV3FsBtn:hover {
  color: var(--gold);
  border-color: var(--gold);
}

/* ── Legend (OHLC + MA inline) ── */
.unoCpV3Legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  padding: 6px 0 6px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--tx-2);
  border-bottom: 1px solid var(--bd2);
}
.unoCpV3LegOHLC {
  font-variant-numeric: tabular-nums;
  color: var(--tx);
  font-size: 10.5px;
  flex: 1 1 240px;
  min-width: 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unoCpV3LegOHLC .o { color: var(--tx-2); }
.unoCpV3LegOHLC .h { color: #0ECB81; }
.unoCpV3LegOHLC .l { color: #F6465D; }
.unoCpV3LegOHLC .c { color: var(--tx); }
.unoCpV3LegOHLC .v { color: var(--tx-2); }
.unoCpV3LegOHLC .chg.up { color: #0ECB81; }
.unoCpV3LegOHLC .chg.down { color: #F6465D; }

.unoCpV3LegMA {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
.unoCpV3LegMA .ma7  { color: #FCD535; }
.unoCpV3LegMA .ma25 { color: #FF8C00; }
.unoCpV3LegMA .ma99 { color: #9B59B6; }

/* Light mode MA colors */
#appRoot.theme-light .unoCpV3LegMA .ma7  { color: #ca8a04; }
#appRoot.theme-light .unoCpV3LegMA .ma25 { color: #ea580c; }
#appRoot.theme-light .unoCpV3LegMA .ma99 { color: #7c3aed; }

/* ── Host chart ── */
.unoCpV3Host {
  width: 100%;
  height: 380px;
  min-height: 280px;
  position: relative;
  contain: layout style;
}
@media (max-width: 480px) {
  .unoCpV3Host { height: 340px; min-height: 260px; }
}
@media (max-width: 360px) {
  .unoCpV3Host { height: 300px; min-height: 240px; }
}

.unoCpV3Empty {
  position: absolute;
  inset: 60px 10px 10px;
  display: grid;
  place-items: center;
  color: var(--tx-2);
  font-size: 13px;
  font-weight: 600;
  pointer-events: none;
  letter-spacing: 0.04em;
}

/* ── Fullscreen ── */
.unoCpV3Card:fullscreen {
  background: var(--bg-0, #0a1428);
  padding: 16px;
  border-radius: 0;
  border: 0;
}
.unoCpV3Card:fullscreen .unoCpV3Host {
  height: calc(100vh - 90px) !important;
}
#appRoot.theme-light .unoCpV3Card:fullscreen {
  background: #ffffff;
}

/* ──────────────────────────────────────────────────────── */
/* UNO_CHART_PRO_V3_END                                     */
/* ──────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   UNO Chart Pro V3 Refine — header preț + safe truncation
═══════════════════════════════════════════════════════════════ */

/* MOD 4 CSS: Header preț Token Detail — 1 linie + ellipsis */
.unoPriceMainV3 {
  font-size: 22px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: -0.01em !important;
}
@media (max-width: 412px) {
  .unoPriceMainV3 {
    font-size: 18px !important;
  }
}
@media (max-width: 360px) {
  .unoPriceMainV3 {
    font-size: 15px !important;
  }
}

/* Stats grid right column — wrap controlat */
.unoPriceStatsV3 {
  font-size: 12px !important;
}
.unoPriceStatsV3 > div {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.unoPriceStatsV3 > div:nth-child(odd) {
  color: var(--tx-2) !important;
}
.unoPriceStatsV3 > div:nth-child(even) {
  color: var(--tx) !important;
  font-weight: 700 !important;
  text-align: right !important;
}

/* Subline (≈ USDU · 0 swaps) — clean */
.unoPriceSubV3 {
  font-size: 11.5px !important;
  color: var(--tx-2) !important;
  margin-top: 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ──────────────────────────────────────────────────────── */
/* UNO_CHART_PRO_V3_REFINE_END                              */
/* ──────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   UNO Token Header — Binance-style compact (2 coloane)
═══════════════════════════════════════════════════════════════ */

/* Hero container: preț stânga, stats dreapta — Binance layout */
.unoPriceHeroV3 {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  margin-bottom: 14px !important;
}

/* Preț principal — font scalat, NU MAI BREAK */
.unoPriceMainV3 {
  font-size: 22px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: var(--tx) !important;
}
@media (max-width: 412px) {
  .unoPriceMainV3 { font-size: 19px !important; }
}
@media (max-width: 360px) {
  .unoPriceMainV3 { font-size: 16px !important; }
}

/* Subline: ≈ USDU + chg24 + swaps */
.unoPriceSubV3 {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--tx-2) !important;
  margin-top: 6px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Procent 24h badge — Binance colors */
.unoChg24V3 {
  display: inline-flex !important;
  align-items: center !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  letter-spacing: -0.01em !important;
  padding: 0 !important;
  background: transparent !important;
}
.unoChg24V3.up   { color: #0ECB81 !important; }
.unoChg24V3.down { color: #F6465D !important; }
#appRoot.theme-light .unoChg24V3.up   { color: #16a34a !important; }
#appRoot.theme-light .unoChg24V3.down { color: #dc2626 !important; }

/* Stats grid: 2 coloane compact, Binance-style */
.unoPriceStatsV3 {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 5px 12px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  align-self: start !important;
}
.unoPriceStatsV3 > div {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}
.unoPriceStatsV3 > div:nth-child(odd) {
  color: var(--tx-2) !important;
  font-weight: 600 !important;
  font-size: 11.5px !important;
}
.unoPriceStatsV3 > div:nth-child(even) {
  color: var(--tx) !important;
  font-weight: 700 !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  font-size: 12px !important;
}

/* Mobile foarte mic: 1 coloană, stats sub preț */
@media (max-width: 340px) {
  .unoPriceHeroV3 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .unoPriceStatsV3 {
    border-top: 1px solid var(--bd2) !important;
    padding-top: 10px !important;
  }
}

/* ──────────────────────────────────────────────────────── */
/* UNO_TOKEN_HEADER_BINANCE_END                             */
/* ──────────────────────────────────────────────────────── */

/* ════════════════════════════════════════════════════════════
   UNO Header Refine — Daten grid + axă compactă
═══════════════════════════════════════════════════════════════ */

.unoMetricGridV3 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 4px !important;
}
.unoMetricV3 {
  padding: 10px 12px !important;
  background: var(--card2) !important;
  border: 1px solid var(--bd2) !important;
  border-radius: 10px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.unoMetricKV3 {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--tx-2) !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.unoMetricVV3 {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--tx) !important;
  letter-spacing: -0.01em !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* UNO_HDR_BINANCE_REFINE_END */

/* UNO_HDRREFINE3_BEGIN — Markt list PREIS column visibility (col #3) */
/* Bug-fix: anteriorul :nth-of-type(1) selecta .mktColN, nu PREIS.
   Folosim :nth-child(3) care e poziție absolută în grid. */
.mktRow > .mktCol.num.mono:nth-child(3) {
  color: var(--tx) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: -0.02em !important;
  opacity: 1 !important;
}
#appRoot.theme-light .mktRow > .mktCol.num.mono:nth-child(3) {
  color: var(--tx) !important;
}
#appRoot.theme-dark .mktRow > .mktCol.num.mono:nth-child(3) {
  color: var(--tx) !important;
}
/* Asigură că pe restul coloanelor "flat" rămâne lizibil (gri mediu, nu invisible) */
.mktRow > .mktCol.num.mono.flat {
  color: var(--tx-2) !important;
  opacity: 1 !important;
}
/* UNO_HDRREFINE3_END */

/* UNO_HDRREFINE4_BEGIN — Markt num columns visibility + premium action buttons */

/* ─── Markt list: TOATE coloanele numerice vizibile pe light + dark ─── */
.mktRow > .mktCol.num.mono:nth-child(3),
.mktRow > .mktCol.num.mono:nth-child(7),
.mktRow > .mktCol.num.mono:nth-child(8) {
  color: var(--tx) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
.mktRow > .mktCol.num.mono:nth-child(3) {
  font-size: 13px !important;
  letter-spacing: -0.02em !important;
}
.mktRow > .mktCol.num.mono:nth-child(7),
.mktRow > .mktCol.num.mono:nth-child(8) {
  font-size: 12px !important;
}
.mktRow > .mktCol.num.mono:nth-child(4),
.mktRow > .mktCol.num.mono:nth-child(5),
.mktRow > .mktCol.num.mono:nth-child(6) {
  font-size: 12px !important;
  opacity: 1 !important;
}
.mktRow > .mktCol.num.mono.flat:nth-child(4),
.mktRow > .mktCol.num.mono.flat:nth-child(5),
.mktRow > .mktCol.num.mono.flat:nth-child(6) {
  color: var(--tx-2) !important;
  font-weight: 700 !important;
}
.mktRow > .mktCol.num.mono.up {
  color: var(--green) !important;
  font-weight: 800 !important;
}
.mktRow > .mktCol.num.mono.dn {
  color: var(--red) !important;
  font-weight: 800 !important;
}

/* Header cells lizibile */
.mktHead > .mktCol {
  color: var(--tx-2) !important;
  font-weight: 800 !important;
}
.mktHead > .mktCol.sorted {
  color: var(--gold) !important;
}

/* ─── Premium action buttons (Verkaufen / Kaufen) ─── */
.unoMktActBtnV4 {
  height: 44px !important;
  border-radius: 11px !important;
  border: 0 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
  transition: transform .12s ease, box-shadow .15s ease, filter .15s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.08) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 14px !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
}
.unoMktActBtnV4:hover { filter: brightness(1.06); }
.unoMktActBtnV4:active { transform: translateY(1px); }
.unoMktActBtnV4:disabled { opacity: .55; cursor: not-allowed; }

/* Sell — roșu semantic */
.unoBtnSellV4 {
  background: linear-gradient(135deg, #f6465d 0%, #cf304a 100%) !important;
  color: #ffffff !important;
}
#appRoot.theme-light .unoBtnSellV4 {
  background: linear-gradient(135deg, #f6465d 0%, #d63250 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(246,70,93,0.32), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

/* Buy — verde semantic */
.unoBtnBuyV4 {
  background: linear-gradient(135deg, #2ebd85 0%, #1e9b69 100%) !important;
  color: #ffffff !important;
}
#appRoot.theme-light .unoBtnBuyV4 {
  background: linear-gradient(135deg, #2ebd85 0%, #229366 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(46,189,133,0.32), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.unoTokenActsV3 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

/* Change 24h stil clar */
.unoChg24V3.up   { color: #2ebd85 !important; font-weight: 800 !important; }
.unoChg24V3.down { color: #f6465d !important; font-weight: 800 !important; }
#appRoot.theme-light .unoChg24V3.up   { color: #1e9b69 !important; }
#appRoot.theme-light .unoChg24V3.down { color: #d63250 !important; }

/* UNO_HDRREFINE4_END */

/* UNO_HDRREFINE5_BEGIN — hide route line + execution notice */

/* Ascund linia "direkte Route: ..." din sheet */
#unoTradeSheetV3 .unoSheetRouteLineV5 {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ascund toate notice paragraphs din sheet, EXCEPT live quote (#unoSheetQuoteV4) */
#unoTradeSheetV3 .unoMktNoticeV3:not(#unoSheetQuoteV4) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* UNO_HDRREFINE5_END */

/* UNO_HDRREFINE6_BEGIN — sheet submit button semantic color */

/* Submit-ul din sheet primește clasa semantică unoBtnSellV4 / unoBtnBuyV4 dinamic.
   Trebuie să fie identic ca aspect cu butoanele de pe pagina token (44px, radius 11px).
   Inline style din HTML încă declară 52px/13px, deci forțăm cu specificitate. */

#unoSwapSubmitV6.unoMktActBtnV4 {
  height: 48px !important;     /* puțin mai mare decât 44 pe sheet, pentru tap mobile */
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-top: 12px !important;
  width: 100% !important;
}

/* Sell — roșu solid (Binance) */
#unoSwapSubmitV6.unoBtnSellV4 {
  background: linear-gradient(135deg, #f6465d 0%, #cf304a 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 2px 12px rgba(246,70,93,0.32), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}
#unoSwapSubmitV6.unoBtnSellV4:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* Buy — verde solid */
#unoSwapSubmitV6.unoBtnBuyV4 {
  background: linear-gradient(135deg, #2ebd85 0%, #1e9b69 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 2px 12px rgba(46,189,133,0.32), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}
#unoSwapSubmitV6.unoBtnBuyV4:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* UNO_HDRREFINE6_END */

/* UNO_HDRREFINE8_BEGIN — eye toggle + wallet row layout */

/* ─── Password eye toggle ─── */
.unoPwWrapV8 {
  position: relative;
  display: block;
  width: 100%;
}
.unoPwWrapV8 .unoPwInputV8 {
  width: 100% !important;
  padding-right: 44px !important;
}
.unoPwEyeV8 {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--tx-2);
  cursor: pointer;
  transition: color .12s ease, background .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.unoPwEyeV8:hover {
  color: var(--tx);
  background: var(--card2);
}
.unoPwEyeV8:active {
  transform: translateY(-50%) scale(0.94);
}
.unoPwEyeV8 svg {
  display: block;
  pointer-events: none;
}

/* ─── Wallet token row: value + change la dreapta ─── */
.unoWalletItemV8 .tokenRow {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.unoWalletItemV8 .tokenLeft {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.unoWalletValV8 {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  text-align: right;
  min-width: 0;
}
.unoWalletValAmtV8 {
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--tx);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.unoWalletValChgV8 {
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.unoWalletValChgV8.up   { color: var(--green); }
.unoWalletValChgV8.dn   { color: var(--red);   }
.unoWalletValChgV8.flat { color: var(--tx-3);  }

/* Hover pe wallet item — semnal click */
.unoWalletItemV8[data-uno-open-asset-v3]:hover {
  background: var(--card2) !important;
  transition: background .12s ease;
}
.unoWalletItemV8[data-uno-open-asset-v3]:active {
  transform: scale(0.997);
}

/* UNO_HDRREFINE8_END */

/* UNO_HDRREFINE10_BEGIN — Home Top 10: hide sparkline column */

/* Ascund coloana sparkline din .tokRow (Home Top 10) */
.tokRow .tokSpark {
  display: none !important;
}

/* Re-balansez grid: era 28px 1fr 64px 1fr (icon, mid, spark, right)
   Acum: 28px 1fr auto (icon, mid, right). Right primește auto-sizing. */
.tokRow {
  grid-template-columns: 28px 1fr auto !important;
  gap: 10px !important;
}

/* Mobile mic: re-balansez și fallback-ul */
@media (max-width: 360px) {
  .tokRow {
    grid-template-columns: 26px 1fr auto !important;
    gap: 7px !important;
  }
}

/* UNO_HDRREFINE10_END */

/* UNO_HDRREFINE11_BEGIN — Language picker modal */

.unoLangBackdropV11 {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.unoLangSheetV11 {
  background: var(--card, #1c2a4a);
  border: 1px solid var(--bd2, rgba(255,255,255,0.18));
  border-radius: 16px;
  max-width: 360px;
  width: 100%;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 60px rgba(0,0,0,0.55);
}
#appRoot.theme-light .unoLangSheetV11 {
  background: #ffffff;
  border-color: rgba(15,30,60,0.16);
}

.unoLangSheetHeadV11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
  border-bottom: 1px solid var(--line, rgba(255,255,255,0.08));
}
.unoLangSheetTitleV11 {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--tx, #f0f4ff);
}
.unoLangCloseV11 {
  background: transparent;
  border: 0;
  color: var(--tx-2, #a3b3d4);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  transition: background .12s, color .12s;
}
.unoLangCloseV11:hover {
  background: var(--card2, rgba(255,255,255,0.11));
  color: var(--tx, #f0f4ff);
}

.unoLangListV11 {
  overflow-y: auto;
  padding: 6px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
  scrollbar-width: thin;
}
.unoLangListV11::-webkit-scrollbar { width: 6px; }
.unoLangListV11::-webkit-scrollbar-thumb {
  background: var(--bd2, rgba(255,255,255,0.18));
  border-radius: 3px;
}

.unoLangItemV11 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: var(--tx, #f0f4ff);
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background .12s ease;
  width: 100%;
}
.unoLangItemV11:hover,
.unoLangItemV11:active {
  background: var(--card2, rgba(255,255,255,0.11));
}
.unoLangItemActiveV11 {
  background: var(--gold-glow, rgba(242,201,76,0.16)) !important;
  color: var(--gold, #f2c94c) !important;
}
.unoLangItemActiveV11 .unoLangItemCodeV11 {
  color: var(--gold, #f2c94c) !important;
  border-color: var(--gold-bd, rgba(242,201,76,0.32)) !important;
}

.unoLangItemCodeV11 {
  flex: 0 0 auto;
  min-width: 38px;
  text-align: center;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid var(--bd2, rgba(255,255,255,0.18));
  color: var(--tx-2, #a3b3d4);
  font-family: 'DM Mono', ui-monospace, monospace;
}
.unoLangItemNameV11 {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 380px) {
  .unoLangSheetV11 { max-width: 100%; border-radius: 14px; }
  .unoLangItemV11 { padding: 10px 10px; font-size: 12.5px; }
  .unoLangItemNameV11 { font-size: 13px; }
}

/* UNO_HDRREFINE11_END */

/* UNO_HDRREFINE12_BEGIN — slim status pills + Top 10 ticker banner */

/* ─── SLIM PILLS (override .pill base + media queries) ─── */
.statusRow {
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
  margin-bottom: 6px !important;
  min-height: 0 !important;
}
.pill {
  min-height: 20px !important;
  padding: 0 8px !important;
  font-size: 8.5px !important;
  gap: 4px !important;
  letter-spacing: 0.06em !important;
  border-radius: 99px !important;
}
.pill .dot {
  width: 4px !important;
  height: 4px !important;
}
@media (max-width: 380px) {
  .pill {
    min-height: 19px !important;
    padding: 0 7px !important;
    font-size: 8px !important;
  }
  .pill .dot { width: 4px !important; height: 4px !important; }
}

/* ─── TICKER BANNER (sub statusRow, deasupra screen) ─── */
.unoTickerV12 {
  position: relative;
  width: 100%;
  height: 32px;
  margin: 0 0 8px 0;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.01));
  border: 1px solid var(--bd, rgba(255,255,255,0.08));
  border-radius: 10px;
  display: flex;
  align-items: center;
}
#appRoot.theme-light .unoTickerV12 {
  background: linear-gradient(180deg, rgba(15,30,60,0.03), rgba(15,30,60,0.01));
  border-color: rgba(15,30,60,0.10);
}
.unoTickerV12.unoTickerEmptyV12 { display: none !important; }

/* fade edges pentru blend frumos */
.unoTickerV12::before,
.unoTickerV12::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  width: 24px;
  z-index: 2;
  pointer-events: none;
}
.unoTickerV12::before {
  left: 0;
  background: linear-gradient(90deg, var(--bg, #0a1228) 0%, rgba(10,18,40,0) 100%);
}
.unoTickerV12::after {
  right: 0;
  background: linear-gradient(270deg, var(--bg, #0a1228) 0%, rgba(10,18,40,0) 100%);
}
#appRoot.theme-light .unoTickerV12::before {
  background: linear-gradient(90deg, #f6f8fc 0%, rgba(246,248,252,0) 100%);
}
#appRoot.theme-light .unoTickerV12::after {
  background: linear-gradient(270deg, #f6f8fc 0%, rgba(246,248,252,0) 100%);
}

.unoTickerTrackV12 {
  display: flex;
  width: max-content;
  height: 100%;
  align-items: center;
  animation: unoTickerScrollV12 90s linear infinite;
  will-change: transform;
}
.unoTickerV12:hover .unoTickerTrackV12 {
  animation-play-state: paused;
}

.unoTickerGroupV12 {
  display: flex;
  height: 100%;
  align-items: center;
  flex-shrink: 0;
}

@keyframes unoTickerScrollV12 {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.unoTickerItemV12 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 100%;
  padding: 0 14px;
  background: transparent;
  border: 0;
  border-right: 1px solid var(--bd, rgba(255,255,255,0.06));
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: var(--tx, #f0f4ff);
  white-space: nowrap;
  cursor: pointer;
  transition: background .12s;
}
.unoTickerItemV12:hover {
  background: rgba(255,255,255,0.04);
}
#appRoot.theme-light .unoTickerItemV12:hover {
  background: rgba(15,30,60,0.04);
}

.unoTickerRankV12 {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 700;
  color: var(--tx-3, #6a7a9c);
  letter-spacing: 0.02em;
}
.unoTickerSymV12 {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: var(--tx, #f0f4ff);
}
.unoTickerSymUnoV12 {
  color: var(--gold, #f2c94c) !important;
}
.unoTickerPriceV12 {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--tx, #f0f4ff);
  letter-spacing: 0;
}
.unoTickerChV12 {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
}
.unoTickerChV12.up   { color: var(--green, #2ebd85); }
.unoTickerChV12.dn   { color: var(--red,   #f6465d); }
.unoTickerChV12.flat { color: var(--tx-3,  #6a7a9c); }

/* Mobile mic */
@media (max-width: 380px) {
  .unoTickerV12 { height: 28px; }
  .unoTickerItemV12 { padding: 0 10px; gap: 6px; font-size: 10.5px; }
  .unoTickerRankV12 { font-size: 9px; }
  .unoTickerSymV12 { font-size: 11px; }
  .unoTickerPriceV12 { font-size: 10px; }
  .unoTickerChV12 { font-size: 9.5px; }
}

/* UNO_HDRREFINE12_END */

/* UNO_HDRREFINE12B_BEGIN — ticker loading placeholder */

.unoTickerLoadingV12 {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 0 14px;
  animation: none !important;
}
.unoTickerLoadingTxtV12 {
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--tx-3, #6a7a9c);
  opacity: 0.7;
  text-transform: uppercase;
}

/* Suprascriem orice tentativă de hide */
.unoTickerV12 {
  display: flex !important;
}

/* UNO_HDRREFINE12B_END */

/* UNO_HDRREFINE12C_BEGIN — center placeholder properly */

/* Track absolute pe lățimea totală pentru placeholder centrat */
.unoTickerLoadingV12 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 24px !important;
  flex-shrink: 0 !important;
}

/* Fallback safe — fade edges nu trebuie să acopere placeholder text */
.unoTickerV12 .unoTickerLoadingV12 .unoTickerLoadingTxtV12 {
  text-align: center;
  width: 100%;
}

/* UNO_HDRREFINE12C_END */

/* UNO_HDRREFINE14_BEGIN — Create page redesign (D) */

.unoCreateV14Page { padding: 0 0 24px 0; }

/* ── HERO ── */
.unoCreateV14Hero { padding: 8px 0 18px 0; }
.unoCreateV14HeroTitle {
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--tx, #f0f4ff);
  line-height: 1.05;
}
.unoCreateV14HeroSub {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--tx-2, #a3b3d4);
}

/* ── TAB BAR ── */
.unoCreateV14Tabs {
  display: flex;
  align-items: stretch;
  gap: 2px;
  border-bottom: 1px solid var(--line, rgba(255,255,255,0.08));
  margin: 0 0 18px 0;
}
.unoCreateV14Tab {
  background: transparent;
  border: 0;
  padding: 12px 18px 14px;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--tx-2, #a3b3d4);
  letter-spacing: -0.01em;
  cursor: pointer;
  position: relative;
}
.unoCreateV14Tab:hover { color: var(--tx, #f0f4ff); }
.unoCreateV14TabActive { color: var(--tx, #f0f4ff); }
.unoCreateV14TabActive::after {
  content: "";
  position: absolute;
  left: 8px; right: 8px;
  bottom: -1px;
  height: 2.5px;
  background: var(--gold, #f2c94c);
  border-radius: 2px;
}

/* ── TAB SWITCHING ── */
.unoCreateV14Section { display: none; }
.unoCreateV14Page[data-uno-create-active-tab-v14="token"]     [data-uno-create-section-v14="token"]     { display: block; }
.unoCreateV14Page[data-uno-create-active-tab-v14="liquidity"] [data-uno-create-section-v14="liquidity"] { display: block; }
.unoCreateV14Page[data-uno-create-active-tab-v14="meme"]      [data-uno-create-section-v14="meme"]      { display: block; }
.unoCreateV14Page[data-uno-create-active-tab-v14="mine"]      [data-uno-create-section-v14="mine"]      { display: block; }

/* ── 2-COL ROW ── */
.unoCreateV14Row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 4px;
}
.unoCreateV14Col {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 380px) {
  .unoCreateV14Row2 { gap: 8px; }
}

/* ── SUBMIT BUTTON (galben mare, override .btn.primary.mcmFullBtn) ── */
.unoCreateV14Page .unoCreateV14Submit,
.unoCreateV14Page button.btn.primary.mcmFullBtn.unoCreateV14Submit {
  width: 100%;
  padding: 14px 16px !important;
  background: linear-gradient(180deg, #ffd24a 0%, #f2c94c 100%) !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #0a1228 !important;
  cursor: pointer;
  margin-top: 12px !important;
  box-shadow: 0 4px 14px rgba(242,201,76,0.18);
  transition: filter .12s, transform .08s;
}
.unoCreateV14Page .unoCreateV14Submit:hover { filter: brightness(1.05); }
.unoCreateV14Page .unoCreateV14Submit:active { transform: translateY(1px); }
.unoCreateV14Page .unoCreateV14Submit:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  filter: grayscale(0.4) !important;
}

/* ── MINE GRID ── */
.unoCreateV14MineGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
/* mobile breakpoint removed - 2-col always */

.unoCreateV14MineCard {
  background: rgba(255,255,255,0.025);
  border: 1px solid var(--bd, rgba(255,255,255,0.08));
  border-radius: 14px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.unoCreateV14MineHead {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.unoCreateV14MineHead .mcmMiniAvatar,
.unoCreateV14MineHead [class*="mcmAvatar"],
.unoCreateV14MineHead .tokenAvatar {
  width: 38px !important;
  height: 38px !important;
  flex-shrink: 0;
  border-radius: 9px !important;
}
.unoCreateV14MineMeta {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
.unoCreateV14MineSym {
  font-size: 14px;
  font-weight: 800;
  color: var(--tx, #f0f4ff);
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unoCreateV14MineName {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--tx-3, #6a7a9c);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unoCreateV14MineStatsGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.unoCreateV14MineStat {
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--bd, rgba(255,255,255,0.06));
  border-radius: 9px;
  padding: 8px 10px;
  min-width: 0;
}
.unoCreateV14MineStatLabel {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--tx-3, #6a7a9c);
  text-transform: uppercase;
}
.unoCreateV14MineStatVal {
  margin-top: 3px;
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--tx, #f0f4ff);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unoCreateV14MineManageBtn {
  width: 100%;
  padding: 9px 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--bd, rgba(255,255,255,0.10));
  border-radius: 10px;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--tx, #f0f4ff);
  cursor: pointer;
}
.unoCreateV14MineManageBtn:hover {
  background: rgba(255,255,255,0.07);
  border-color: var(--gold, #f2c94c);
}

/* UNO_HDRREFINE14_END */

/* UNO_HDRREFINE14B_BEGIN — Mine 2-col forțat + tweaks compacte */

/* Mine grid: 2-col mereu, gap mai mic pe mobil */
.unoCreateV14MineGrid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
@media (max-width: 380px) {
  .unoCreateV14MineGrid { gap: 6px !important; }
}

/* Cards compacte ca-n preview */
.unoCreateV14MineCard {
  padding: 12px !important;
  gap: 10px !important;
}
.unoCreateV14MineHead {
  gap: 8px !important;
}
.unoCreateV14MineHead .mcmMiniAvatar,
.unoCreateV14MineHead [class*="mcmAvatar"],
.unoCreateV14MineHead .tokenAvatar {
  width: 34px !important;
  height: 34px !important;
}
.unoCreateV14MineSym { font-size: 13px !important; }
.unoCreateV14MineName { font-size: 10.5px !important; }
.unoCreateV14MineStatsGrid { gap: 6px !important; }
.unoCreateV14MineStat { padding: 6px 8px !important; }
.unoCreateV14MineStatLabel { font-size: 8.5px !important; letter-spacing: 0.05em !important; }
.unoCreateV14MineStatVal { font-size: 11px !important; margin-top: 2px !important; }
.unoCreateV14MineManageBtn {
  padding: 7px 10px !important;
  font-size: 11.5px !important;
}

/* UNO_HDRREFINE14B_END */

/* UNO_HDRREFINE14C_BEGIN — Verwalten galben + Fee BPS custom picker */

/* ── VERWALTEN BUTTON GALBEN (Mine cards) ── */
.unoCreateV14Page .unoCreateV14MineManageBtn,
button.unoCreateV14MineManageBtn {
  background: linear-gradient(180deg, #ffd24a 0%, #f2c94c 100%) !important;
  border: 0 !important;
  color: #0a1228 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 3px 10px rgba(242,201,76,0.16);
  transition: filter .12s, transform .08s;
}
.unoCreateV14Page .unoCreateV14MineManageBtn:hover { filter: brightness(1.05); }
.unoCreateV14Page .unoCreateV14MineManageBtn:active { transform: translateY(1px); }

/* ── FEE BPS TRIGGER (vizibil ca select dark) ── */
.unoFeeBpsTriggerV14C {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--tx, #f0f4ff) !important;
  /* Folosim aceleași background/border/padding ca alte .mcmInput din UI */
}
.unoFeeBpsTriggerLabelV14C {
  flex: 1 1 auto;
  text-align: left;
  color: var(--tx, #f0f4ff);
}
.unoFeeBpsTriggerArrowV14C {
  flex: 0 0 auto;
  margin-left: 8px;
  color: var(--tx-2, #a3b3d4);
  font-size: 12px;
  opacity: 0.85;
}

/* ── BACKDROP MODAL ── */
.unoFeeBpsBackdropV14C {
  position: fixed;
  inset: 0;
  background: rgba(2, 6, 23, 0.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 99999;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  animation: unoFeeBpsFadeV14C 0.16s ease-out;
}
@keyframes unoFeeBpsFadeV14C {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.unoFeeBpsSheetV14C {
  background: linear-gradient(180deg, #0f1830 0%, #0a1228 100%);
  border-top: 1px solid rgba(255,255,255,0.10);
  border-radius: 18px 18px 0 0;
  width: 100%;
  max-width: 520px;
  padding: 18px 16px 28px 16px;
  box-shadow: 0 -10px 40px rgba(0,0,0,0.4);
  animation: unoFeeBpsSlideV14C 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes unoFeeBpsSlideV14C {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

.unoFeeBpsTitleV14C {
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: var(--tx, #f0f4ff);
  letter-spacing: -0.01em;
  text-align: center;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  margin-bottom: 10px;
}

.unoFeeBpsListV14C {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.unoFeeBpsRowV14C {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 14px;
  background: transparent;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--tx, #f0f4ff);
  letter-spacing: -0.01em;
  text-align: left;
  transition: background .12s;
}
.unoFeeBpsRowV14C:hover { background: rgba(255,255,255,0.04); }
.unoFeeBpsRowV14C:active { background: rgba(255,255,255,0.07); }

.unoFeeBpsRowDotV14C {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.20);
  background: transparent;
  position: relative;
  transition: border-color .12s, background .12s;
}

.unoFeeBpsRowActiveV14C .unoFeeBpsRowDotV14C {
  border-color: var(--gold, #f2c94c);
  background: var(--gold, #f2c94c);
}
.unoFeeBpsRowActiveV14C .unoFeeBpsRowDotV14C::after {
  content: "";
  position: absolute;
  inset: 4px;
  background: #0a1228;
  border-radius: 50%;
}

.unoFeeBpsRowActiveV14C {
  background: rgba(242,201,76,0.08);
}
.unoFeeBpsRowActiveV14C .unoFeeBpsRowLabelV14C {
  color: var(--gold, #f2c94c);
  font-weight: 700;
}

.unoFeeBpsRowLabelV14C {
  flex: 1 1 auto;
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 14px;
  font-weight: 700;
}

/* UNO_HDRREFINE14C_END */

/* UNO_HDRREFINE14D_BEGIN — Hero Create compact, aliniat cu rest UI */

.unoCreateV14Page .unoCreateV14Hero {
  padding: 4px 0 14px 0 !important;
}
.unoCreateV14Page .unoCreateV14HeroTitle {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}
.unoCreateV14Page .unoCreateV14HeroSub {
  margin-top: 4px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Tab bar mai apropiat de hero */
.unoCreateV14Page .unoCreateV14Tabs {
  margin: 0 0 14px 0 !important;
}
.unoCreateV14Page .unoCreateV14Tab {
  padding: 10px 14px 12px !important;
  font-size: 13px !important;
}

/* UNO_HDRREFINE14D_END */

/* UNO_HDRREFINE15_BEGIN — Verwalten redesign cu taburi */

.unoManageV15Page { padding: 0 0 24px 0; }

/* HERO */
.unoManageV15Hero { padding: 4px 0 14px 0; }
.unoManageV15HeroTitle {
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--tx, #f0f4ff);
  line-height: 1.15;
}
.unoManageV15HeroSub {
  margin-top: 4px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--tx-2, #a3b3d4);
  line-height: 1.4;
}

/* TAB BAR */
.unoManageV15Tabs {
  display: flex;
  align-items: stretch;
  gap: 2px;
  border-bottom: 1px solid var(--line, rgba(255,255,255,0.08));
  margin: 0 0 14px 0;
}
.unoManageV15Tab {
  background: transparent;
  border: 0;
  padding: 10px 14px 12px;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--tx-2, #a3b3d4);
  letter-spacing: -0.01em;
  cursor: pointer;
  position: relative;
}
.unoManageV15Tab:hover { color: var(--tx, #f0f4ff); }
.unoManageV15TabActive { color: var(--tx, #f0f4ff); }
.unoManageV15TabActive::after {
  content: "";
  position: absolute;
  left: 8px; right: 8px;
  bottom: -1px;
  height: 2.5px;
  background: var(--gold, #f2c94c);
  border-radius: 2px;
}

/* TAB SWITCHING (CSS-only) */
.unoManageV15Section { display: none; }
.unoManageV15Page[data-uno-manage-active-tab-v15="canonical"] [data-uno-manage-section-v15="canonical"] { display: block; }
.unoManageV15Page[data-uno-manage-active-tab-v15="lp"]        [data-uno-manage-section-v15="lp"]        { display: block; }
.unoManageV15Page[data-uno-manage-active-tab-v15="pools"]     [data-uno-manage-section-v15="pools"]     { display: block; }

/* ── FILTER CHIPS (LP tab) ── */
.unoManageV15FilBar {
  display: flex;
  gap: 8px;
  margin: 0 0 12px 0;
  flex-wrap: wrap;
}
.unoManageV15FilChip {
  padding: 7px 14px;
  background: transparent;
  border: 1px solid var(--bd, rgba(255,255,255,0.10));
  border-radius: 999px;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--tx, #f0f4ff);
  letter-spacing: -0.01em;
  cursor: pointer;
}
.unoManageV15FilChip:hover {
  border-color: rgba(255,255,255,0.20);
}
.unoManageV15FilChipActive {
  border-color: var(--gold, #f2c94c) !important;
  color: var(--gold, #f2c94c) !important;
  background: rgba(242,201,76,0.06) !important;
}

/* ── LP CARDS ── */
.unoManageV15LpCard {
  background: rgba(255,255,255,0.025);
  border: 1px solid var(--bd, rgba(255,255,255,0.08));
  border-radius: 14px;
  margin-bottom: 10px;
  overflow: hidden;
}
.unoManageV15LpHead {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  cursor: pointer;
  user-select: none;
}
.unoManageV15LpHead:hover { background: rgba(255,255,255,0.02); }

.unoManageV15LpBadge {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(242,201,76,0.10);
  border: 1px solid rgba(242,201,76,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  color: var(--gold, #f2c94c);
  letter-spacing: 0.04em;
}
.unoManageV15LpHeadMeta {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
.unoManageV15LpPoolId {
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: var(--tx, #f0f4ff);
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unoManageV15LpPosId {
  margin-top: 2px;
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  color: var(--tx-3, #6a7a9c);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unoManageV15LpChevron {
  flex: 0 0 auto;
  font-size: 14px;
  color: var(--tx-2, #a3b3d4);
  padding: 4px 6px;
}

.unoManageV15LpBody {
  padding: 0 14px 14px 14px;
  border-top: 1px solid rgba(255,255,255,0.04);
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.unoManageV15LpStatsGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.unoManageV15LpStat {
  background: rgba(255,255,255,0.025);
  border: 1px solid var(--bd, rgba(255,255,255,0.06));
  border-radius: 10px;
  padding: 10px 12px;
  min-width: 0;
}
.unoManageV15LpStatLabel {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--tx-3, #6a7a9c);
  text-transform: uppercase;
}
.unoManageV15LpStatVal {
  margin-top: 3px;
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 13px;
  font-weight: 700;
  color: var(--tx, #f0f4ff);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* PCT buttons (Remove percent) */
.unoManageV15PctTabs {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  margin-top: 4px;
}
.unoManageV15PctBtn {
  padding: 10px 0 !important;
  background: transparent !important;
  border: 1px solid var(--bd, rgba(255,255,255,0.08)) !important;
  border-radius: 10px !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--tx, #f0f4ff) !important;
  letter-spacing: -0.01em !important;
  cursor: pointer;
}
.unoManageV15PctBtn:hover { border-color: rgba(255,255,255,0.18) !important; }
.unoManageV15PctBtnActive {
  border-color: var(--gold, #f2c94c) !important;
  color: var(--gold, #f2c94c) !important;
  background: rgba(242,201,76,0.06) !important;
}

.unoManageV15RemInfo {
  font-size: 11.5px !important;
  border-radius: 10px !important;
}

/* LP actions row */
.unoManageV15LpActions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* Remove button (roșu) */
.unoManageV15BtnRemove,
button.btn.sell.mcmFullBtn.unoManageV15BtnRemove {
  width: 100%;
  padding: 12px 14px !important;
  background: linear-gradient(180deg, #f6465d 0%, #d63351 100%) !important;
  border: 0 !important;
  border-radius: 11px !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #fff !important;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(246,70,93,0.18);
  margin-top: 0 !important;
}
.unoManageV15BtnRemove:hover { filter: brightness(1.06); }
.unoManageV15BtnRemove:active { transform: translateY(1px); }

/* Claim button (galben) */
.unoManageV15BtnClaim,
button.btn.primary.mcmFullBtn.unoManageV15BtnClaim {
  width: 100%;
  padding: 12px 14px !important;
  background: linear-gradient(180deg, #ffd24a 0%, #f2c94c 100%) !important;
  border: 0 !important;
  border-radius: 11px !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #0a1228 !important;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(242,201,76,0.18);
  margin-top: 0 !important;
}
.unoManageV15BtnClaim:hover { filter: brightness(1.05); }
.unoManageV15BtnClaim:active { transform: translateY(1px); }

/* Add Liquidity submit (galben) */
.unoManageV15BtnAddLiq,
button.btn.primary.mcmFullBtn.unoManageV15BtnAddLiq {
  background: linear-gradient(180deg, #ffd24a 0%, #f2c94c 100%) !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #0a1228 !important;
  margin-top: 12px !important;
  box-shadow: 0 4px 14px rgba(242,201,76,0.18);
}
.unoManageV15BtnAddLiq:hover { filter: brightness(1.05); }
.unoManageV15BtnAddLiq:active { transform: translateY(1px); }

.unoManageV15Row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* ── Canonical submit button override (Balanciert hinzufügen) — galben ── */
.unoManageV15Page #unoUsduCanonicalPoolCard .btn.primary,
.unoManageV15Page #unoUsduCanonicalPoolCard button[class*="primary"]:not(.unoManageV15BtnRemove),
.unoManageV15Page #unoUsduAddBalancedBtn,
.unoManageV15Page button[id*="Balanc"][class*="btn"] {
  background: linear-gradient(180deg, #ffd24a 0%, #f2c94c 100%) !important;
  color: #0a1228 !important;
  border: 0 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(242,201,76,0.18) !important;
}

/* ── POOLS LIST ── */
.unoManageV15PoolRow {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.025);
  border: 1px solid var(--bd, rgba(255,255,255,0.08));
  border-radius: 12px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: background .12s, border-color .12s;
}
.unoManageV15PoolRow:hover {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.16);
}
.unoManageV15PoolAvatar {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(242,201,76,0.15) 0%, rgba(242,201,76,0.04) 100%);
  border: 1px solid rgba(242,201,76,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  color: var(--gold, #f2c94c);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.unoManageV15PoolMeta {
  flex: 1 1 auto;
  min-width: 0;
}
.unoManageV15PoolPair {
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: var(--tx, #f0f4ff);
  letter-spacing: -0.01em;
}
.unoManageV15PoolStats {
  margin-top: 2px;
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10.5px;
  font-weight: 500;
  color: var(--tx-3, #6a7a9c);
}
.unoManageV15PoolAddBtn {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--bd, rgba(255,255,255,0.10));
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--tx, #f0f4ff);
  cursor: pointer;
  line-height: 1;
}
.unoManageV15PoolAddBtn:hover {
  background: rgba(242,201,76,0.10);
  border-color: var(--gold, #f2c94c);
  color: var(--gold, #f2c94c);
}

/* Add Liquidity card padding */
.unoManageV15AddLiqCard {
  margin-top: 14px;
}

/* UNO_HDRREFINE15_END */

/* UNO_HDRREFINE15C_BEGIN — Balance row + MAX button sub input-uri */

.unoBalRowV15c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 5px;
  margin-bottom: 8px;
  padding: 0 2px;
  min-height: 22px;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
}

.unoBalLblV15c {
  flex: 1 1 auto;
  font-size: 11px;
  font-weight: 600;
  color: var(--tx-3, #6a7a9c);
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.unoBalAmtV15c {
  color: var(--tx, #f0f4ff);
  font-family: 'DM Mono', ui-monospace, monospace;
  font-weight: 700;
  font-size: 11.5px;
}

.unoBalSymV15c {
  color: var(--tx-2, #a3b3d4);
  font-weight: 600;
  font-size: 10.5px;
  margin-left: 2px;
}

.unoBalMaxBtnV15c {
  flex: 0 0 auto;
  padding: 3px 10px;
  background: rgba(242,201,76,0.08);
  border: 1px solid rgba(242,201,76,0.32);
  border-radius: 6px;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-size: 10.5px;
  font-weight: 800;
  color: var(--gold, #f2c94c);
  letter-spacing: 0.04em;
  cursor: pointer;
  line-height: 1;
  transition: background .12s, border-color .12s;
}
.unoBalMaxBtnV15c:hover {
  background: rgba(242,201,76,0.14);
  border-color: var(--gold, #f2c94c);
}
.unoBalMaxBtnV15c:active {
  transform: translateY(1px);
}

/* UNO_HDRREFINE15C_END */

/* UNO_HDRREFINE15G_BEGIN — Pools avatar host + balance row inline */

.unoManageV15PoolRow .unoManageV15PoolAvatarHost {
  flex: 0 0 auto !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoAssetIconV8B4 {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoAssetIconV8B4 img,
.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoLogoImgV8B2 {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  display: block !important;
}

.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoLogoFallbackV8B2 {
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  letter-spacing: 0.04em !important;
}

.unoBalRowV15g {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: 5px !important;
  margin-bottom: 4px !important;
  padding: 0 2px !important;
  min-height: 22px !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
}

.unoBalLblV15g {
  flex: 1 1 auto !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--tx-3, #6a7a9c) !important;
  letter-spacing: -0.005em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.unoBalAmtV15g {
  color: var(--tx, #f0f4ff) !important;
  font-family: 'DM Mono', ui-monospace, monospace !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
}

.unoBalSymV15g {
  color: var(--tx-2, #a3b3d4) !important;
  font-weight: 600 !important;
  font-size: 10.5px !important;
  margin-left: 2px !important;
}

.unoBalMaxBtnV15g {
  flex: 0 0 auto !important;
  padding: 3px 10px !important;
  background: rgba(242,201,76,0.08) !important;
  border: 1px solid rgba(242,201,76,0.32) !important;
  border-radius: 6px !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: var(--gold, #f2c94c) !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  line-height: 1 !important;
  transition: background .12s, border-color .12s !important;
}
.unoBalMaxBtnV15g:hover {
  background: rgba(242,201,76,0.14) !important;
  border-color: var(--gold, #f2c94c) !important;
}
.unoBalMaxBtnV15g:active {
  transform: translateY(1px) !important;
}

/* UNO_HDRREFINE15G_END */

/* UNO_HDRREFINE15H_BEGIN — Pools logo NUCLEAR fix */

.unoManageV15PoolRow .unoManageV15PoolAvatarHost,
div.unoManageV15PoolRow div.unoManageV15PoolAvatarHost {
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,0.04) !important;
}

.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoAssetIconV8B4 {
  position: absolute !important;
  inset: 0 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoAssetIconV8B4 img,
.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoAssetIconV8B4 .unoLogoImgV8B2 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 10px !important;
  display: block !important;
  z-index: 2 !important;
}

.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoAssetIconV8B4 .unoLogoFallbackV8B2 {
  position: absolute !important;
  inset: 0 !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border-radius: 10px !important;
  color: var(--tx, #f0f4ff) !important;
  z-index: 1 !important;
  background: transparent !important;
}

.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoAssetIconV8B4 img + .unoLogoFallbackV8B2,
.unoManageV15PoolRow .unoManageV15PoolAvatarHost .unoAssetIconV8B4 .unoLogoImgV8B2 + .unoLogoFallbackV8B2 {
  display: none !important;
}

/* UNO_HDRREFINE15H_END */

/* UNO_HDRREFINE15K_BEGIN — fix overflow Betrag B max balance row */

/* Balance row în Add Liquidity: max-width container să nu depășească */
#unoAddLiqBalRowAHostV15h,
#unoAddLiqBalRowBHostV15h {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#unoAddLiqBalRowAHostV15h .unoBalRowV15g,
#unoAddLiqBalRowBHostV15h .unoBalRowV15g {
  max-width: 100% !important;
  overflow: hidden !important;
  gap: 6px !important;
}

#unoAddLiqBalRowAHostV15h .unoBalLblV15g,
#unoAddLiqBalRowBHostV15h .unoBalLblV15g {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 1 0 !important;
}

#unoAddLiqBalRowAHostV15h .unoBalAmtV15g,
#unoAddLiqBalRowBHostV15h .unoBalAmtV15g {
  font-size: 10.5px !important;
  word-break: break-all !important;
}

#unoAddLiqBalRowAHostV15h .unoBalMaxBtnV15g,
#unoAddLiqBalRowBHostV15h .unoBalMaxBtnV15g {
  flex: 0 0 auto !important;
  padding: 2px 7px !important;
  font-size: 9.5px !important;
}

/* UNO_HDRREFINE15K_END */

/* UNO_HDRREFINE15S_OVERFLOW_BEGIN — fix grid 1fr 1fr overflow pentru balanta lunga */
.unoManageV15Row2 {
  min-width: 0 !important;
}
.unoManageV15Row2 > div {
  min-width: 0 !important;
  overflow: hidden !important;
}
.unoManageV15Row2 > div > input,
.unoManageV15Row2 > div > label {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#unoAddLiqBalRowAHostV15h,
#unoAddLiqBalRowBHostV15h {
  max-width: 100% !important;
  overflow: hidden !important;
  min-width: 0 !important;
}
#unoAddLiqBalRowAHostV15h .unoBalRowV15g,
#unoAddLiqBalRowBHostV15h .unoBalRowV15g {
  flex-wrap: nowrap !important;
}
#unoAddLiqBalRowAHostV15h .unoBalLblV15g,
#unoAddLiqBalRowBHostV15h .unoBalLblV15g {
  min-width: 0 !important;
  flex: 1 1 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 10px !important;
}
#unoAddLiqBalRowAHostV15h .unoBalAmtV15g,
#unoAddLiqBalRowBHostV15h .unoBalAmtV15g {
  font-size: 10px !important;
  word-break: keep-all !important;
}
#unoAddLiqBalRowAHostV15h .unoBalSymV15g,
#unoAddLiqBalRowBHostV15h .unoBalSymV15g {
  font-size: 9.5px !important;
}
#unoAddLiqBalRowAHostV15h .unoBalMaxBtnV15g,
#unoAddLiqBalRowBHostV15h .unoBalMaxBtnV15g {
  flex: 0 0 auto !important;
  padding: 2px 6px !important;
  font-size: 9px !important;
}
/* UNO_HDRREFINE15S_OVERFLOW_END */

/* UNO_HDRREFINE15U_CSS_BEGIN — info-fee card + update button states */

.unoCreateV14FeeCard {
  background: linear-gradient(135deg, rgba(242,201,76,0.06) 0%, rgba(242,201,76,0.02) 100%);
  border: 1px solid rgba(242,201,76,0.22);
  border-radius: 12px;
  padding: 12px 14px;
  margin: 14px 0 12px 0;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
}
.unoCreateV14FeeTitle {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--gold, #f2c94c);
  margin-bottom: 8px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.unoCreateV14FeeTotal {
  font-size: 14px;
  font-weight: 800;
  color: var(--tx, #f0f4ff);
  margin-bottom: 6px;
  font-family: 'DM Mono', ui-monospace, monospace;
}
.unoCreateV14FeeItem {
  font-size: 11.5px;
  color: var(--tx-2, #a3b3d4);
  font-family: 'DM Mono', ui-monospace, monospace;
  padding-left: 6px;
  margin-bottom: 2px;
}
.unoCreateV14FeeNote {
  font-size: 11px;
  color: var(--tx-3, #6a7a9c);
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(255,255,255,0.06);
  font-style: italic;
}

/* Update button — available state (glow + dot) */
.miniTool.toolUpdate.toolUpdateAvailV15u {
  border-color: var(--gold, #f2c94c) !important;
  color: var(--gold, #f2c94c) !important;
  background: linear-gradient(135deg, rgba(242,201,76,0.16) 0%, rgba(242,201,76,0.06) 100%) !important;
  box-shadow: 0 0 14px rgba(242,201,76,0.40), 0 0 4px rgba(242,201,76,0.20) inset !important;
  animation: unoUpdGlowPulseV15u 2.2s ease-in-out infinite;
}
.miniTool.toolUpdate.toolUpdateAvailV15u .updDot {
  background: #ff6b35 !important;
  box-shadow: 0 0 8px rgba(255,107,53,0.85), 0 0 14px rgba(255,107,53,0.45) !important;
  animation: unoUpdDotPulseV15u 1.5s ease-in-out infinite;
}
@keyframes unoUpdGlowPulseV15u {
  0%, 100% { box-shadow: 0 0 14px rgba(242,201,76,0.40), 0 0 4px rgba(242,201,76,0.20) inset; }
  50%      { box-shadow: 0 0 22px rgba(242,201,76,0.65), 0 0 6px rgba(242,201,76,0.30) inset; }
}
@keyframes unoUpdDotPulseV15u {
  0%, 100% { transform: scale(1);   opacity: 1;   }
  50%      { transform: scale(1.35); opacity: 0.85; }
}

/* UNO_HDRREFINE15U_CSS_END */

/* UNO_SLIPPAGE_V1_UI_CSS — slippage selector + price impact */
.unoSlipV1Container {
  margin-top: 10px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
}
.unoSlipV1Label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #8b929c;
  font-weight: 850;
  font-size: 0.78rem;
  margin-bottom: 8px;
}
.unoSlipV1Value {
  color: #f0c040;
  font-weight: 950;
  font-size: 0.85rem;
}
.unoSlipV1Buttons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}
.unoSlipV1Btn {
  height: 36px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  color: #c7ccd2;
  border-radius: 8px;
  font-weight: 900;
  font-size: 0.82rem;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
  -webkit-tap-highlight-color: transparent;
}
.unoSlipV1Btn:active {
  background: rgba(255,255,255,0.06);
}
.unoSlipV1Btn.unoSlipV1Active {
  background: rgba(240,192,64,0.14);
  border-color: rgba(240,192,64,0.55);
  color: #f0c040;
}
.unoSlipV1Custom {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.unoSlipV1Custom input {
  flex: 1;
  height: 34px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.08);
  color: #e6e9ed;
  border-radius: 8px;
  padding: 0 10px;
  font-weight: 900;
  font-size: 0.84rem;
  outline: none;
}
.unoSlipV1Custom input:focus {
  border-color: rgba(240,192,64,0.5);
}
.unoSlipV1Custom span {
  color: #8b929c;
  font-weight: 900;
  font-size: 0.84rem;
}

/* Confirm modal — price impact + slippage applied rows */
#swapConfirmSlipVal {
  font-weight: 900;
}
#swapConfirmImpactVal {
  font-weight: 950;
}
.unoSlipV1Impact-good   { color: #29c46e; }
.unoSlipV1Impact-warn   { color: #f0c040; }
.unoSlipV1Impact-high   { color: #ff8c3a; }
.unoSlipV1Impact-extreme{ color: #ff5252; }

.unoSlipV1Block {
  margin-top: 8px;
  padding: 8px 10px;
  background: rgba(255,82,82,0.10);
  border: 1px solid rgba(255,82,82,0.35);
  border-radius: 8px;
  color: #ff5252;
  font-weight: 900;
  font-size: 0.78rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
.unoSlipV1Block input[type="checkbox"] {
  accent-color: #ff5252;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
/* UNO_SLIPPAGE_V1_UI_CSS_END */

/* UNO_CUSTOM_SLIP_FIX_V1_CSS — visual feedback invalid input */
.unoSlipV1CustomInvalid input {
  border-color: #ff5252 !important;
  background: rgba(255,82,82,0.08) !important;
  animation: unoSlipV1FlashInvalid 0.25s ease-out;
}
@keyframes unoSlipV1FlashInvalid {
  0%   { background: rgba(255,82,82,0.30); }
  100% { background: rgba(255,82,82,0.08); }
}
/* UNO_CUSTOM_SLIP_FIX_V1_CSS_END */

/* UNO_CHART_PADDING_FIX_V1 — Verkaufen/Kaufen visible above bottomBar */
.unoTokenActionsV3 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important; /* UNO_LIVE_TRADES_V1_FIX4: distanta egala — jos o da Live Trades */
  padding: 0 4px !important;
}
.unoTokenActionsV3 > .unoMktActBtnV4 {
  width: 100% !important;
  min-height: 48px !important;
}
/* UNO_CHART_PADDING_FIX_V1_END */

/* UNO_COMPACT_UI_V1 — Compact Swap Sheet + Chart Header for visibility above bottomBar */

/* ─── SWAP SHEET COMPACT ─── */

/* Input Zahlbetrag: 54px → 44px */
.unoSheetInputV3 {
  height: 44px !important;
  padding: 0 12px !important;
  font-size: 0.95rem !important;
}

/* Submit button: păstrăm 48px (touch friendly) dar redus margin */
#unoSwapSubmitV6 {
  height: 48px !important;
  margin-top: 8px !important;
  font-size: 0.92rem !important;
}

/* Buttons 25/50/75/MAX (presets %): compactare height */
button.unoBtnNeoV3,
.unoBtnNeoV3,
.unoSheetPctV3 {
  min-height: 38px !important;
  padding: 6px 8px !important;
  font-size: 0.85rem !important;
}

/* Slippage row compactare (PASUL 2b clase) */
.unoSlipV1Row {
  padding: 8px 0 !important;
  margin-top: 8px !important;
}

.unoSlipV1Preset {
  min-height: 32px !important;
  padding: 6px 0 !important;
  font-size: 0.85rem !important;
}

.unoSlipV1Custom {
  min-height: 30px !important;
  padding: 6px 10px !important;
  font-size: 0.85rem !important;
}

/* ─── CHART PAGE HEADER COMPACT ─── */

/* Tabs Preis/Info/Daten/Audit: gap 22→16, padding redus, margin redus */
.unoTokenTabsV3 {
  gap: 16px !important;
  margin: 2px 0 8px !important;
}

.unoTokenTabsV3 button {
  padding: 7px 0 6px !important;
  font-size: 0.85rem !important;
}

/* Market stats row: font deja .72rem OK, doar gap redus */
.unoPriceStatsV3 {
  gap: 4px 10px !important;
  font-size: 0.7rem !important;
}

/* Token header — preț + nume token compactare */
.unoTokenHeroV3,
.unoMktTokenHeaderV3 {
  padding: 6px 0 !important;
}

/* Token name/symbol top header */
.unoTokenHeroTitleV3,
.unoMktTokenTitleV3 {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
}

/* Price display large (0.0045114 USDU) */
.unoTokenPriceLargeV3,
.unoMktPriceLargeV3 {
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

/* Change percent line under price */
.unoTokenChangeV3,
.unoMktChangeV3 {
  font-size: 0.78rem !important;
  margin-top: 2px !important;
}

/* Timeframe tabs (1m/5m/...) compactare */
.unoChartTimeframeV3,
.unoChartIntervalV3,
.unoMktChartIntervalV3 {
  padding: 4px 0 !important;
  font-size: 0.78rem !important;
}

/* ─── ENSURE BUTTONS REMAIN ABOVE BOTTOMBAR ─── */
/* Reduce existing .unoTokenActionsV3 margin pentru that compact aceasta */
.unoTokenActionsV3 {
  margin-top: 14px !important;
  margin-bottom: 0 !important; /* UNO_LIVE_TRADES_V1_FIX4: distanta egala chart<->butoane<->livetrades */
}
/* UNO_LIVE_TRADES_V1_FIX3 — spatiul de bottombar mutat pe ultimul element real */
.unoLiveTradesV1Wrap {
  margin-bottom: calc(var(--nav-h) + 18px + var(--safe-bottom)) !important;
}

/* UNO_COMPACT_UI_V1_END */

/* UNO_LOGO_ZOOM_V1 — fix logo UNO native (uno-logo-v8b5.png small disc in canvas) */
/* Applied ONLY to UNO logo (selector src*="uno-logo-v8b5") to NOT affect other tokens */
.unoMktLogoBoxV3 img[src*="uno-logo-v8b5"] {
  transform: scale(1.7) !important;
  transform-origin: center center !important;
}
/* UNO_LOGO_ZOOM_V1_END */

/* === UNO_HEADER_UPDATE_HIDE_V2 — PASUL 6.10 fix ===
   Hide the header Update button (#btnReloadApp) GLOBALLY — both APK and browser.
   The Update functionality is moved exclusively to Wallet → Sicherheit tab.
   No update button in header anywhere — single source of truth. */
#btnReloadApp {
  display: none !important;
}

/* UNO_ANTIDUMP_MODAL_V1_2026_05_16_BEGIN_CSS */
.antidumpModalBox {
  max-width: 460px;
  width: 92%;
  border: 2px solid rgba(240, 107, 122, 0.45);
  background: linear-gradient(180deg, rgba(40,12,18,0.98) 0%, rgba(28,12,16,0.98) 100%);
  border-radius: 18px;
  box-shadow: 0 25px 60px rgba(240,107,122,0.18), 0 0 0 1px rgba(240,107,122,0.2);
}
.antidumpModalHeader {
  border-bottom: 1px solid rgba(240,107,122,0.25);
  padding: 18px 22px 14px 22px;
}
.antidumpModalHeader h3 {
  color: #ffb3bd;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.antidumpModalBody {
  padding: 22px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.antidumpIcon {
  font-size: 42px;
  flex-shrink: 0;
  filter: drop-shadow(0 0 10px rgba(240,107,122,0.3));
  line-height: 1;
}
.antidumpMsgWrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.antidumpMsg {
  color: #ffe4e7;
  font-size: 15px;
  line-height: 1.55;
  margin: 0;
  font-weight: 500;
}
.antidumpHint {
  color: #c7a8ad;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  padding-top: 8px;
  border-top: 1px dashed rgba(240,107,122,0.18);
}
.antidumpModalActions {
  padding: 14px 22px 22px 22px;
  border-top: 1px solid rgba(240,107,122,0.2);
  display: flex;
  justify-content: center;
}
.antidumpModalOk {
  min-width: 180px;
  height: 44px;
  font-size: 15px;
  font-weight: 600;
  background: linear-gradient(180deg, #f5c542 0%, #d6a226 100%);
  color: #1a0e08;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.1s;
}
.antidumpModalOk:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(245,197,66,0.35);
}
.antidumpModalOk:active {
  transform: translateY(0);
}
[dir="rtl"] .antidumpModalBody {
  flex-direction: row-reverse;
}
/* UNO_ANTIDUMP_MODAL_V1_2026_05_16_END_CSS */

/* UNO_NOTIF_MODAL_V2_2026_05_16_CSS_BEGIN */
.notifModalOverlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 99999;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  animation: notifOverlayFade 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes notifOverlayFade { from {opacity: 0;} to {opacity: 1;} }
.notifModalBox {
  background: linear-gradient(135deg, #0a1929 0%, #1a2540 50%, #1a3050 100%);
  border: 2px solid rgba(244,196,48,0.45);
  border-radius: 20px;
  padding: 28px 24px 22px;
  max-width: 360px; width: 100%;
  position: relative;
  box-shadow: 0 10px 50px rgba(244,196,48,0.18), 0 4px 20px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.08);
  animation: notifBoxIn 280ms cubic-bezier(0.16, 1, 0.3, 1);
  text-align: center;
}
@keyframes notifBoxIn { from {opacity: 0; transform: scale(0.88) translateY(8px);} to {opacity: 1; transform: scale(1) translateY(0);} }
.notifModalClose {
  position: absolute; top: 10px; right: 12px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff; font-size: 22px;
  width: 32px; height: 32px; border-radius: 50%;
  cursor: pointer; padding: 0; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  transition: background 150ms;
}
.notifModalClose:active, .notifModalClose:hover { background: rgba(255,255,255,0.18); }
.notifModalLogoWrap { display: flex; justify-content: center; margin: 4px 0 14px; }
.notifModalLogo {
  width: 56px; height: 56px; border-radius: 14px;
  box-shadow: 0 4px 16px rgba(244,196,48,0.35), 0 0 0 1px rgba(244,196,48,0.5);
  animation: notifLogoIn 400ms cubic-bezier(0.16, 1, 0.3, 1) 100ms backwards;
}
@keyframes notifLogoIn { from {opacity: 0; transform: scale(0.6) rotate(-10deg);} to {opacity: 1; transform: scale(1) rotate(0);} }
.notifModalAmount {
  font-size: 30px; font-weight: 800; color: #f4c430;
  text-shadow: 0 2px 12px rgba(244,196,48,0.4);
  margin-bottom: 6px; letter-spacing: -0.5px;
  font-variant-numeric: tabular-nums;
}
.notifModalLabel { font-size: 17px; color: rgba(255,255,255,0.86); font-weight: 500; margin-bottom: 16px; }
.notifModalSub { font-size: 12px; color: rgba(255,255,255,0.42); font-family: monospace; word-break: break-all; margin-bottom: 18px; }
.notifModalActions { display: flex; justify-content: center; gap: 10px; }
.notifModalOk {
  background: linear-gradient(135deg, #f4c430 0%, #d4a020 100%);
  color: #0a1929; border: none;
  padding: 12px 36px; border-radius: 12px;
  font-size: 15px; font-weight: 700; cursor: pointer;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 14px rgba(244,196,48,0.35);
  transition: transform 100ms, box-shadow 100ms;
  min-width: 120px;
}
.notifModalOk:active { transform: scale(0.96); box-shadow: 0 2px 8px rgba(244,196,48,0.25); }
.notifModalBox.notifSent { border-color: rgba(255,120,80,0.45); }
.notifModalBox.notifSent .notifModalAmount { color: #ff7850; text-shadow: 0 2px 12px rgba(255,120,80,0.4); }
.notifModalBox.notifSent .notifModalOk { background: linear-gradient(135deg, #ff7850 0%, #d04020 100%); color: #fff; }
.notifModalBox.notifSwap { border-color: rgba(80,180,255,0.45); }
.notifModalBox.notifSwap .notifModalAmount { color: #50b4ff; text-shadow: 0 2px 12px rgba(80,180,255,0.4); }
.notifModalBox.notifSwap .notifModalOk { background: linear-gradient(135deg, #50b4ff 0%, #2080dd 100%); color: #fff; }
.notifModalBox.notifInfo { border-color: rgba(200,200,255,0.35); }
.notifModalBox.notifInfo .notifModalAmount { font-size: 22px; color: #e8e8f0; text-shadow: none; }
.notifModalBox.notifInfo .notifModalOk { background: linear-gradient(135deg, #6c7080 0%, #404858 100%); color: #fff; }
[dir="rtl"] .notifModalClose { right: auto; left: 12px; }
/* UNO_NOTIF_MODAL_V2_2026_05_16_CSS_END */

/* UNO_NOTIF_V3_SELECT_BRANDING_BEGIN
   Override system-styled white dropdowns with dark branded look */
select.input,
select.mcmInput,
select.unoSheetSelectV5,
.field select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: rgba(15, 25, 40, 0.95) !important;
  background-image: linear-gradient(45deg, transparent 50%, #f4c430 50%),
                    linear-gradient(135deg, #f4c430 50%, transparent 50%) !important;
  background-position:
    calc(100% - 16px) calc(50% - 2px),
    calc(100% - 11px) calc(50% - 2px) !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  color: #f4f4f8 !important;
  border: 1px solid rgba(244, 196, 48, 0.35) !important;
  border-radius: 10px !important;
  padding: 12px 36px 12px 14px !important;
  font-size: 15px !important;
  cursor: pointer !important;
}
select.input:focus,
select.mcmInput:focus,
.field select:focus {
  outline: none !important;
  border-color: #f4c430 !important;
  box-shadow: 0 0 0 3px rgba(244, 196, 48, 0.18) !important;
}
/* Options dropdown panel */
select.input option,
select.mcmInput option,
.field select option {
  background: #0a1929 !important;
  color: #f4f4f8 !important;
  padding: 12px !important;
}
/* Dark scheme select on Android Chrome: force */
@media (prefers-color-scheme: light) {
  select.input,
  select.mcmInput,
  .field select {
    background-color: rgba(15, 25, 40, 0.95) !important;
    color: #f4f4f8 !important;
  }
}
/* UNO_NOTIF_V3_SELECT_BRANDING_END */

/* UNO_PERIOD_SELECTOR_V1 — period toggle buttons */
.unoPeriodRowV1 {
  display: inline-flex;
  gap: 4px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(244,196,48,0.18);
  border-radius: 10px;
  padding: 3px;
  margin: 0 8px;
}
.unoPeriodBtnV1 {
  background: transparent;
  border: 0;
  color: rgba(255,255,255,0.55);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 7px;
  cursor: pointer;
  transition: background 150ms, color 150ms;
  min-width: 32px;
}
.unoPeriodBtnV1:hover {
  color: rgba(255,255,255,0.85);
}
.unoPeriodBtnV1.active {
  background: linear-gradient(135deg, #f4c430 0%, #d4a020 100%);
  color: #0a1929;
}
.top10Head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.top10Head h2 {
  flex: 1 1 auto;
}
.top10Head .unoPeriodRowV1.top10Period {
  margin-left: auto;
  margin-right: 8px;
}
/* UNO_PERIOD_SELECTOR_V1_END */

/* UNO_PERIOD_V2_FLAT_VISIBLE — make insufficient/flat changes readable */
.tokCh.flat {
  color: rgba(244, 196, 48, 0.55) !important; /* soft gold, neutral */
}
.unoWalletValChgV8.flat {
  color: rgba(244, 196, 48, 0.55) !important;
}
.mktRow .mktCol.flat {
  color: rgba(244, 196, 48, 0.55) !important;
}
/* UNO_PERIOD_V2_FLAT_VISIBLE_END */

/* UNO_PERIOD_V5_WALLET_CSS — selector wrap pentru Wallet Assets */
.walletAssetsPeriodWrap {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0 6px 0;
}
.unoPeriodRowV1.walletAssetsPeriod {
  margin: 0;
}
/* UNO_PERIOD_V5_WALLET_CSS_END */

/* UNO_PNL_V1_CSS — personal PnL line in Wallet Assets */
.unoWalletPnLV1 {
  font-size: 11px;
  font-weight: 700;
  margin-top: 3px;
  font-variant-numeric: tabular-nums;
}
.unoWalletPnLV1.up {
  color: var(--green);
}
.unoWalletPnLV1.dn {
  color: var(--red);
}
/* UNO_PNL_V1_CSS_END */
/* UNO_LEGAL_GATE_G8_CSS_BEGIN */
.unoLegalGateG8{
  display:none; position:fixed; inset:0; z-index:99999;
  background:rgba(6,12,28,0.96);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  overflow:auto; padding:24px 16px;
  -webkit-overflow-scrolling:touch;
}
.unoLegalGateG8.g8-show{ display:flex; align-items:center; justify-content:center; }
.unoLegalGateG8Box{
  width:100%; max-width:480px; margin:auto;
  background:#10182e; border:1px solid #2a3a5c; border-radius:18px;
  box-shadow:0 24px 64px rgba(0,0,0,0.6);
  padding:22px; box-sizing:border-box;
}
#appRoot.theme-light ~ .unoLegalGateG8 .unoLegalGateG8Box,
.theme-light .unoLegalGateG8Box{ background:#f4f6fb; border-color:#c9d4e8; color:#10182e; }
.unoLegalGateG8Head{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.unoLegalGateG8Badge{
  flex:0 0 auto; font-weight:800; font-size:15px;
  background:#c8102e; color:#fff; border-radius:10px;
  padding:6px 11px; letter-spacing:0.5px;
}
.unoLegalGateG8Head h2{
  margin:0; font-size:18px; line-height:1.3; color:#fff; font-weight:700;
}
.theme-light .unoLegalGateG8Head h2{ color:#10182e; }
.unoLegalGateG8Body{
  font-size:13.5px; line-height:1.62; color:#c4cfe6;
  max-height:46vh; overflow:auto; padding-right:6px;
  margin-bottom:16px;
  -webkit-overflow-scrolling:touch;
}
.theme-light .unoLegalGateG8Body{ color:#3a4763; }
.unoLegalGateG8Body p{ margin:0 0 10px; }
.unoLegalGateG8Body strong{ color:#fff; }
.theme-light .unoLegalGateG8Body strong{ color:#10182e; }
.unoLegalGateG8Check{
  display:flex; align-items:flex-start; gap:10px;
  font-size:13px; line-height:1.5; color:#dde5f5;
  cursor:pointer; margin-bottom:16px; user-select:none;
}
.theme-light .unoLegalGateG8Check{ color:#2a3650; }
.unoLegalGateG8Check input{
  flex:0 0 auto; width:20px; height:20px; margin:0;
  accent-color:#3b6ef0; cursor:pointer;
}
.unoLegalGateG8Actions{ display:flex; flex-direction:column; gap:10px; }
.unoLegalGateG8Accept{
  width:100%; padding:14px; border:0; border-radius:12px;
  font-size:15px; font-weight:700; color:#fff;
  background:#2563eb; cursor:pointer;
  transition:opacity .15s, background .15s;
}
.unoLegalGateG8Accept:disabled{ opacity:.4; cursor:not-allowed; }
.unoLegalGateG8Accept:not(:disabled):active{ background:#1d4fd0; }
.unoLegalGateG8Decline{
  width:100%; padding:12px; border:1px solid #3a4a6e;
  border-radius:12px; font-size:14px; font-weight:600;
  color:#9fb0d0; background:transparent; cursor:pointer;
}
.unoLegalGateG8Decline:active{ background:rgba(255,255,255,0.04); }
.unoLegalGateG8Ver{
  margin-top:14px; text-align:center;
  font-size:11px; color:#5a6886; letter-spacing:0.3px;
}
/* UNO_LEGAL_GATE_G8_CSS_END */
/* UNO_UPDATE_BANNER_V1_CSS_BEGIN */
/* UNO_UPD_BANNER_LAYOUT_V2 — fixed BOTTOM: nu mai atinge header; push-down continut */
.unoUpdBannerV1{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:1200;
  align-items:center; gap:11px;
  padding:11px 12px; box-sizing:border-box;
  padding-bottom:calc(11px + env(safe-area-inset-bottom, 0px));
  background:#13203c; border-top:1px solid var(--gold,#e3b341);
  box-shadow:0 -6px 20px rgba(0,0,0,0.45);
}
.unoUpdBannerV1.upd-show{ display:flex; }
body.uno-upd-banner-on #screen{ padding-bottom:88px; }
.unoUpdBannerV1.upd-level-important{ border-bottom-color:#f0a93c; background:#1a2440; }
.unoUpdBannerV1Ico{
  flex:0 0 auto; width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  font-size:17px; font-weight:800; color:#0c1322;
  background:var(--gold,#e3b341); border-radius:9px;
}
.unoUpdBannerV1Txt{ flex:1 1 auto; min-width:0; }
.unoUpdBannerV1Title{
  font-size:13px; font-weight:700; color:#fff; line-height:1.25;
}
.unoUpdBannerV1Msg{
  font-size:11.5px; color:#aebcd6; line-height:1.35;
  margin-top:1px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.unoUpdBannerV1Btn{
  flex:0 0 auto; padding:8px 14px; border:0; border-radius:9px;
  font-size:12.5px; font-weight:700; color:#0c1322;
  background:var(--gold,#e3b341); cursor:pointer;
}
.unoUpdBannerV1Btn:active{ opacity:.85; }
.unoUpdBannerV1Close{
  flex:0 0 auto; width:26px; height:26px; padding:0;
  border:0; background:transparent; color:#7d8aa8;
  font-size:19px; line-height:1; cursor:pointer;
}
.unoUpdCriticalV1{
  display:none; position:fixed; inset:0; z-index:99998;
  background:rgba(6,12,28,0.94);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  align-items:center; justify-content:center; padding:24px 16px;
}
.unoUpdCriticalV1.upd-show{ display:flex; }
.unoUpdCriticalV1Box{
  width:100%; max-width:420px;
  background:#13203c; border:2px solid #d9342b; border-radius:18px;
  box-shadow:0 24px 64px rgba(0,0,0,0.6);
  padding:24px 22px; box-sizing:border-box; text-align:center;
}
.unoUpdCriticalV1Logo img{
  width:62px; height:62px; border-radius:14px;
  border:1px solid #d9342b; object-fit:cover;
}
.unoUpdCriticalV1Title{
  margin:14px 0 10px; font-size:20px; font-weight:800; color:#fff;
}
.unoUpdCriticalV1Msg{
  font-size:13.5px; line-height:1.6; color:#c4cfe6; margin-bottom:20px;
}
.unoUpdCriticalV1Btn{
  width:100%; padding:14px; border:0; border-radius:12px;
  font-size:15px; font-weight:700; color:#fff;
  background:#d9342b; cursor:pointer;
}
.unoUpdCriticalV1Btn:active{ background:#bc2a22; }
/* UNO_UPDATE_BANNER_V1_CSS_END */


/* UNO_WALLET_PROFILE_V1_CSS */
.uwpV1Back{position:fixed;inset:0;z-index:10000;background:rgba(4,8,18,0.72);display:flex;align-items:flex-start;justify-content:center;padding:18px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.uwpV1Modal{width:100%;max-width:440px;background:#0b1428;border:1px solid rgba(120,140,180,0.2);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,0.6)}
.uwpV1Head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(120,140,180,0.18)}
.uwpV1Title{font-size:12px;letter-spacing:.08em;color:#8a97b4;text-transform:uppercase}
.uwpV1Addr{font-family:ui-monospace,Menlo,monospace;font-size:14px;color:#e8edf7;margin-top:3px}
.uwpV1Badge{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.uwpV1Badge.shrimp{background:rgba(232,131,58,0.16);color:#e8833a;border:1px solid rgba(232,131,58,0.4)}
.uwpV1Badge.dolphin{background:rgba(79,140,240,0.16);color:#4f8cf0;border:1px solid rgba(79,140,240,0.4)}
.uwpV1Badge.whale{background:rgba(227,179,65,0.16);color:#e3b341;border:1px solid rgba(227,179,65,0.4)}
.uwpV1Close{flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:#1a2440;border:1px solid rgba(120,140,180,0.2);color:#8a97b4;font-size:16px;cursor:pointer}
.uwpV1Body{padding:0}
.uwpV1Loading,.uwpV1Error{padding:34px 18px;text-align:center;color:#8a97b4;font-size:14px}
.uwpV1Error{color:#f85149}
.uwpV1Hero{text-align:center;padding:22px 18px 18px;border-bottom:1px solid rgba(120,140,180,0.18)}
.uwpV1HeroLbl{font-size:11px;letter-spacing:.1em;color:#8a97b4;text-transform:uppercase}
.uwpV1HeroVal{font-size:32px;font-weight:800;margin-top:6px}
.uwpV1HeroVal.pos,.uwpV1SplitCard .v.pos,.uwpV1HoldPnl.pos{color:#3fb950}
.uwpV1HeroVal.neg,.uwpV1SplitCard .v.neg,.uwpV1HoldPnl.neg{color:#f85149}
.uwpV1Split{display:flex;gap:10px;margin-top:16px}
.uwpV1SplitCard{flex:1;background:#13203c;border:1px solid rgba(120,140,180,0.18);border-radius:12px;padding:11px 12px;text-align:left}
.uwpV1SplitCard .l{font-size:10px;letter-spacing:.06em;color:#8a97b4;text-transform:uppercase}
.uwpV1SplitCard .v{font-size:16px;font-weight:700;margin-top:4px}
.uwpV1Metrics{padding:14px 18px;border-bottom:1px solid rgba(120,140,180,0.18)}
.uwpV1Row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;font-size:13px}
.uwpV1Row .k{color:#8a97b4}
.uwpV1Row .v{color:#e8edf7;font-weight:600;font-variant-numeric:tabular-nums}
.uwpV1Sec{padding:14px 18px}
.uwpV1SecT{font-size:11px;letter-spacing:.08em;color:#8a97b4;text-transform:uppercase;margin-bottom:10px}
.uwpV1Hold{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(120,140,180,0.08)}
.uwpV1Hold:last-child{border-bottom:none}
.uwpV1HoldIco{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#1a2440;border:1px solid rgba(120,140,180,0.18);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#e3b341}
.uwpV1HoldMid{flex:1;min-width:0}
.uwpV1HoldTok{font-size:14px;font-weight:700;color:#e8edf7}
.uwpV1HoldAmt{font-size:11px;color:#8a97b4;font-variant-numeric:tabular-nums;margin-top:2px}
.uwpV1HoldR{text-align:right;flex:0 0 auto}
.uwpV1HoldVal{font-size:13px;font-weight:700;color:#e8edf7;font-variant-numeric:tabular-nums}
.uwpV1HoldPnl{font-size:11px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.uwpV1Note{margin:4px 18px 16px;padding:10px 12px;background:#13203c;border:1px solid rgba(120,140,180,0.18);border-radius:10px;font-size:11px;line-height:1.5;color:#8a97b4}
.uwpV1Note b{color:#e8edf7}
.theme-light .uwpV1Modal,#appRoot.theme-light .uwpV1Modal{background:#ffffff;border-color:#e7ecf3}
.theme-light .uwpV1Addr{color:#1a2440}
.theme-light .uwpV1SplitCard,.theme-light .uwpV1HoldIco,.theme-light .uwpV1Note{background:#f4f6fa;border-color:#e7ecf3}
.theme-light .uwpV1HoldTok,.theme-light .uwpV1HoldVal,.theme-light .uwpV1Row .v,.theme-light .uwpV1Note b{color:#1a2440}
/* UNO_WALLET_PROFILE_V1_LOGO_CSS — img constrans in patratel */
.uwpV1HoldIco img{width:100%;height:100%;object-fit:contain;border-radius:8px;display:block}
.uwpV1HoldIco{overflow:hidden;padding:4px}
/* UNO_WALLET_PROFILE_V1_CSS_END */

/* UNO_WALLET_PROFILE_V1_FIX5B_CSS */
.kpiPnlV1{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.kpiPnlV1:hover{transform:translateY(-1px)}
.kpiPnlV1:active{transform:scale(0.98)}
.kpiPnlVValV1{font-size:13px;line-height:1;font-weight:800;color:#e3b341}
#appRoot.theme-light .kpiPnlVValV1{color:#b8860b}
/* UNO_WALLET_PROFILE_V1_FIX5B_CSS_END */

/* === UNO_RESPONSIVE_PHASE1_V1 — Faza 1: latire pe ecran mare === */
/* tableta / landscape mediu: container 600px */
@media (min-width: 600px){
  :root{ --maxw: 600px; }
}
/* ecran mare / landscape larg: container 720px */
@media (min-width: 820px){
  :root{ --maxw: 720px; }
  /* actiuni rapide — 5 coloane ca sa nu fie butoane uriase */
  .qaGrid{ grid-template-columns: repeat(5,1fr) !important; }
}
/* === UNO_RESPONSIVE_PHASE1_V1_END === */
/* === UNO_RESPONSIVE_PHASE2_1_V1 — Faza 2.1: container 900px + grid-uri === */
@media (min-width: 1000px){
  :root{ --maxw: 900px; }
  /* grid-uri principale — mai multe coloane pe ecran lat */
  .kpiGrid{ grid-template-columns: repeat(4,1fr) !important; }
  .qaGrid{ grid-template-columns: repeat(7,1fr) !important; }
  .metricGrid{ grid-template-columns: repeat(4,1fr) !important; }
  .quickGrid{ grid-template-columns: repeat(4,1fr) !important; }
}
/* === UNO_RESPONSIVE_PHASE2_1_V1_END === */
/* === UNO_RESPONSIVE_PHASE2_2_V1 — Faza 2.2: liste optimizate la 1000px+ === */
@media (min-width: 1000px){
  /* Top 10 — randurile .tokRow pe 2 coloane (lista mai densa) */
  .top10Wrap .list{
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
  }
  /* holdings wallet — randurile pe 2 coloane */
  .tokenItem.unoWalletItemV8{
    /* randul ramane intreg; gridul parinte .list le aseaza 2 pe rand */
  }
  /* Live Trades — NU pe 2 coloane (layout intern 4 sub-coloane).
     Lista ramane ingusta, centrata in containerul de 900px. */
  .unoLiveTradesV1Wrap{
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* === UNO_RESPONSIVE_PHASE2_2_V1_END === */
/* === UNO_RESPONSIVE_LANDSCAPE_V1 — telefon landscape: umple tot ecranul === */
/* Se aplica DUPA fazele 1/2.1/2.2 ca sa suprascrie --maxw.
   orientation:landscape + max-height limiteaza la TELEFON
   (telefonul landscape are inaltime mica; tableta landscape are inaltime mare). */
@media (orientation: landscape) and (max-height: 600px){
  :root{ --maxw: 100%; }
  /* UNO_RESPONSIVE_LANDSCAPE_FINAL_V1 — CAUZA: #appRoot.theme-dark
     redefineste --maxw:420px cu specificitate mai mare decat :root.
     FIX: max-width direct pe #appRoot, bate variabila. */
  #appRoot,
  #appRoot.theme-dark,
  #appRoot.theme-light{ max-width: 100% !important; }
  /* UNO_RESPONSIVE_LANDSCAPE_BOTTOMBAR_V1 — bara de jos: aceeasi cauza
     ca #appRoot (--maxw redefinit in .theme-dark). max-width direct. */
  .bottomBar,
  #appRoot.theme-dark .bottomBar,
  #appRoot.theme-light .bottomBar{ max-width: 100% !important; }
  /* padding lateral putin mai mare ca sa nu lipeasca de margini */
  .appFrame{ padding-left: 16px; padding-right: 16px; }
  /* actiuni rapide — 6 coloane pe latimea plina */
  .qaGrid{ grid-template-columns: repeat(6,1fr) !important; }
  /* grid-uri principale — mai multe coloane pe latimea plina */
  .kpiGrid{ grid-template-columns: repeat(4,1fr) !important; }

  /* === UNO_RESPONSIVE_LANDSCAPE_CARDS_V1 — cardurile umplu latimea === */
  /* CAUZA: .pageBlock e grid fara template-columns -> coloane dupa continut.
     Fix: o singura coloana 1fr -> fiecare card umple toata latimea. */
  .pageBlock{ grid-template-columns: 1fr !important; }
  /* anulez max-width:640px pus de Faza 2.2 pe Live Trades */
  .unoLiveTradesV1Wrap{ max-width: none !important; }
}
/* === UNO_RESPONSIVE_LANDSCAPE_V1_END === */

/* === UNO_FAVORITEN_V1_CSS — steaua favorit din pagina token === */
.unoFavStarV1{
  margin-left: auto;
  background: transparent;
  border: 1px solid rgba(120,140,180,0.22);
  border-radius: 10px;
  width: 38px; height: 38px;
  font-size: 19px; line-height: 1;
  color: #8a97b4;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: color .15s, border-color .15s, background .15s;
  flex: 0 0 auto;
}
.unoFavStarV1.on{
  color: #e3b341;
  border-color: rgba(227,179,65,0.55);
  background: rgba(227,179,65,0.12);
}
.unoFavStarV1:active{ transform: scale(0.94); }
/* === UNO_FAVORITEN_V1_CSS_END === */

/* === UNO_FAVORITEN_FILTER_V1_CSS — stea-filtru in bara Markt === */
.mktChip.unoFavFilterV1{
  font-size: 15px;
  min-width: 38px;
  padding: 0 8px;
  color: #8a97b4;
}
.mktChip.unoFavFilterV1.active{
  color: #e3b341;
  border-color: #e3b341;
  background: rgba(227,179,65,0.14);
}
/* === UNO_FAVORITEN_FILTER_V1_CSS_END === */

/* ── UNO_IND_TOGGLE_V2: butoane on/off indicatori chart ── */
.unoCpV3IndGroup {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  flex-shrink: 0;
}
.unoCpV3IndBtn {
  font: inherit;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 4px 7px;
  border-radius: 5px;
  border: 1px solid var(--bd2);
  background: var(--bg2);
  cursor: pointer;
  user-select: none;
  transition: opacity .12s, border-color .12s;
}
.unoCpV3IndBtn.ma7   { color: #FCD535; }
.unoCpV3IndBtn.ma25  { color: #FF8C00; }
.unoCpV3IndBtn.ma99  { color: #9B59B6; }
.unoCpV3IndBtn.rsi14 { color: #9c27b0; }
.unoCpV3IndBtn.off {
  opacity: 0.38;
  border-color: var(--bd2);
  text-decoration: line-through;
}
#appRoot.theme-light .unoCpV3IndBtn.ma7   { color: #ca8a04; }
#appRoot.theme-light .unoCpV3IndBtn.ma25  { color: #ea580c; }
#appRoot.theme-light .unoCpV3IndBtn.ma99  { color: #7c3aed; }
#appRoot.theme-light .unoCpV3IndBtn.rsi14 { color: #7b1fa2; }

/* ── UNO_FEWCANDLES_BADGE_V1: badge "date limitate" suprapus pe chart ── */
.unoCpV3HostWrap {
  position: relative;
  width: 100%;
}
.unoCpV3FewBadge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #f2c94c;
  background: rgba(242,201,76,0.12);
  border: 1px solid rgba(242,201,76,0.35);
  pointer-events: none;
  user-select: none;
}
#appRoot.theme-light .unoCpV3FewBadge {
  color: #b7791f;
  background: rgba(183,121,31,0.10);
  border-color: rgba(183,121,31,0.30);
}

/* === UNO_MEME_P6E_PAGE_CSS — pagina Meme. Light+dark pe tokenii existenti. === */
.p6eMemeCard { padding: 14px; }
.p6eSecHead {
  font-size: 11px; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--gold-d, #c99a20);
  display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
}
#appRoot.theme-dark .p6eSecHead { color: var(--gold, #f2c94c); }
.p6eSecHead::before {
  content: ""; width: 18px; height: 2px;
  background: var(--gold, #f2c94c); border-radius: 2px; flex: 0 0 auto;
}
.p6eSecHeadGap { margin-top: 20px; }
.p6eLogoDrop {
  position: relative; display: block; width: 148px; height: 148px;
  margin: 0 auto; border-radius: 16px;
  border: 2px dashed var(--gold-bd, rgba(242,201,76,0.32));
  background: var(--card2, rgba(255,255,255,0.05));
  cursor: pointer; overflow: hidden;
  transition: border-color .15s, background .15s;
}
.p6eLogoDrop:active { transform: scale(0.985); }
.p6eLogoDrop:hover { border-color: var(--gold, #f2c94c); }
.p6eLogoReq {
  position: absolute; top: 8px; right: 8px; z-index: 2;
  font-size: 9px; font-weight: 800; letter-spacing: 0.08em;
  padding: 3px 7px; border-radius: 6px;
  background: var(--red, #f06b7a); color: #fff;
}
.p6eLogoInner {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 8px;
}
.p6eLogoIcon {
  width: 44px; height: 44px; border-radius: 12px;
  background: var(--gold-glow, rgba(242,201,76,0.16));
  color: var(--gold-d, #c99a20);
  display: flex; align-items: center; justify-content: center;
  font-size: 26px; font-weight: 700; line-height: 1;
}
#appRoot.theme-dark .p6eLogoIcon { color: var(--gold, #f2c94c); }
.p6eLogoTap {
  font-size: 10px; font-weight: 700; letter-spacing: 0.04em;
  text-transform: uppercase; text-align: center;
  color: var(--tx-3, #6b7da3); padding: 0 12px; line-height: 1.35;
}
.p6eLogoImg {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.p6eLogoHint {
  margin: 8px 0 0; text-align: center;
  font-size: 10.5px; font-weight: 500; color: var(--tx-3, #6b7da3);
}
.p6eFieldRow { margin-bottom: 12px; }
.p6eLabel {
  display: flex; align-items: center; gap: 6px;
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--tx-2, #a3b3d4); margin-bottom: 6px;
}
.p6eStar { color: var(--red, #f06b7a); }
.p6eCounter {
  margin-left: auto; font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10px; font-weight: 500; color: var(--tx-3, #6b7da3); letter-spacing: 0;
}
.p6eInput { width: 100%; border-radius: 10px; }
.p6eInputMono {
  font-family: 'DM Mono', ui-monospace, monospace;
  letter-spacing: 0.04em; text-transform: uppercase;
}
.p6eTextarea { min-height: 76px; resize: vertical; line-height: 1.45; }
.p6eInputIco { position: relative; }
.p6eIco {
  position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
  z-index: 2; width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 7px; background: var(--card2, rgba(255,255,255,0.08));
  border: 1px solid var(--bd, rgba(255,255,255,0.10));
  font-size: 11px; font-weight: 800; color: var(--tx-2, #a3b3d4);
}
.p6eInputWithIco { padding-left: 46px !important; }
.p6ePreviewCard {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; border-radius: 14px;
  background: var(--card, rgba(255,255,255,0.07));
  border: 1px solid var(--gold-bd, rgba(242,201,76,0.32));
}
.p6ePreviewLogo { /* card-logo-css curatat de UNO_MEME_LOGO_BOX_FIX_V1 */ }
.p6ePreviewMeta { flex: 1 1 auto; min-width: 0; }
.p6ePreviewName {
  font-size: 14px; font-weight: 800; letter-spacing: -0.02em;
  color: var(--tx, #f0f4ff);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.p6ePreviewSym {
  margin-top: 2px; font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 11px; font-weight: 500; color: var(--gold-d, #c99a20);
}
#appRoot.theme-dark .p6ePreviewSym { color: var(--gold, #f2c94c); }
.p6ePreviewPrice { text-align: right; flex: 0 0 auto; }
.p6ePreviewPriceLbl {
  font-size: 9px; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--tx-3, #6b7da3);
}
.p6ePreviewPriceVal {
  margin-top: 2px; font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 12px; font-weight: 700; color: var(--green, #2ecc97);
}
.p6eFirstBuyCard {
  padding: 12px 14px; border-radius: 14px;
  background: var(--card, rgba(255,255,255,0.07));
  border: 1px solid var(--bd, rgba(255,255,255,0.10));
}
.p6eFirstBuyDesc {
  font-size: 11.5px; font-weight: 500; line-height: 1.5;
  color: var(--tx-2, #a3b3d4); margin-bottom: 12px;
}
.p6eFirstBuyAmtRow {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 8px;
}
.p6eFirstBuyAmtLbl {
  font-size: 10px; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--tx-3, #6b7da3);
}
.p6eFirstBuyAmtVal {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 18px; font-weight: 800; color: var(--gold-d, #c99a20);
}
#appRoot.theme-dark .p6eFirstBuyAmtVal { color: var(--gold, #f2c94c); }
.p6eRange {
  -webkit-appearance: none; appearance: none;
  width: 100%; height: 6px; border-radius: 99px;
  background: var(--card2, rgba(255,255,255,0.11)); outline: none;
}
.p6eRange::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 20px; height: 20px; border-radius: 99px;
  background: var(--gold, #f2c94c);
  border: 2px solid var(--bg-0, #1c2a4a);
  box-shadow: 0 2px 6px rgba(0,0,0,0.35); cursor: pointer;
}
.p6eRange::-moz-range-thumb {
  width: 20px; height: 20px; border-radius: 99px;
  background: var(--gold, #f2c94c);
  border: 2px solid var(--bg-0, #1c2a4a); cursor: pointer;
}
.p6eFirstBuyNote {
  margin-top: 8px; font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 12px; font-weight: 700; color: var(--tx, #f0f4ff);
}
.p6eFirstBuyHint {
  margin-top: 4px; font-size: 10px; font-weight: 500;
  font-style: italic; color: var(--tx-3, #6b7da3);
}
.p6eStatusCard {
  padding: 4px 14px; border-radius: 14px;
  background: var(--card, rgba(255,255,255,0.07));
  border: 1px solid var(--bd, rgba(255,255,255,0.10));
}
.p6eStatusRow {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--line, rgba(255,255,255,0.08));
}
.p6eStatusRow:last-child { border-bottom: 0; }
.p6eStatusRow span { font-size: 11px; font-weight: 600; color: var(--tx-2, #a3b3d4); }
.p6eStatusRow b {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 12.5px; font-weight: 700; color: var(--tx, #f0f4ff);
}
.p6eStatusWarn { color: var(--amber, #f5a62a) !important; }
.p6eStatusOk { color: var(--green, #2ecc97) !important; }
.p6eMemeSubmit:disabled { opacity: 0.5; cursor: not-allowed; filter: grayscale(0.35); }
/* === UNO_MEME_P6E_PAGE_CSS_END === */

/* UNO_TRADE_P7A_CSS — Pagina Trade noua (Bonding Curves hub). Dark + Light. */

/* ===== Variabile coloranti (folosesc culorile UNO existente din :root) ===== */
:root {
  --p7aBg: rgba(255,255,255,0.03);
  --p7aBorder: rgba(255,255,255,0.08);
  --p7aBorderStrong: rgba(255,255,255,0.14);
  --p7aText: #e9edf5;
  --p7aTextDim: rgba(233,237,245,0.65);
  --p7aGold: #f5b400;
  --p7aGoldSoft: rgba(245,180,0,0.16);
  --p7aBlue: #1f3b8a;
  --p7aBlueSoft: rgba(31,59,138,0.22);
  --p7aGreen: #1fbf75;
  --p7aRed: #ef4444;
  --p7aChipBg: rgba(255,255,255,0.05);
  --p7aChipActive: rgba(245,180,0,0.18);
  --p7aProgBg: rgba(255,255,255,0.06);
  --p7aCardBg: rgba(255,255,255,0.025);
}
body.light, html[data-theme="light"], .theme-light {
  --p7aBg: rgba(0,0,0,0.02);
  --p7aBorder: rgba(0,0,0,0.08);
  --p7aBorderStrong: rgba(0,0,0,0.14);
  --p7aText: #0f1834;
  --p7aTextDim: rgba(15,24,52,0.65);
  --p7aGoldSoft: rgba(245,180,0,0.22);
  --p7aBlueSoft: rgba(31,59,138,0.10);
  --p7aChipBg: rgba(0,0,0,0.04);
  --p7aChipActive: rgba(245,180,0,0.24);
  --p7aProgBg: rgba(0,0,0,0.06);
  --p7aCardBg: rgba(255,255,255,0.6);
}

/* ===== Pagina root ===== */
.p7aPage { padding: 0; }
.p7aPage * { box-sizing: border-box; }

/* ===== Hero / stats ===== */
.p7aHero {
  background: linear-gradient(135deg, var(--p7aGoldSoft) 0%, var(--p7aBlueSoft) 100%);
  border: 1px solid var(--p7aBorderStrong);
  border-radius: 18px;
  padding: 14px 16px;
  margin-bottom: 12px;
}
.p7aHeroTop {
  display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px;
}
.p7aHeroTitle { font-size:20px; font-weight:800; color:var(--p7aGold); letter-spacing:.3px; }
.p7aHeroSub { font-size:12px; color:var(--p7aTextDim); margin-top:2px; }
.p7aHeroCta {
  background: var(--p7aGold); color:#0f1834; border:none; border-radius:12px;
  padding:9px 14px; font-weight:800; font-size:13px; cursor:pointer; white-space:nowrap;
  box-shadow: 0 4px 14px rgba(245,180,0,0.35);
}
.p7aHeroCta:active { transform: translateY(1px); }
.p7aStatGrid {
  display:grid; grid-template-columns: repeat(4, 1fr); gap:8px;
}
.p7aStatCard {
  background: var(--p7aCardBg); border:1px solid var(--p7aBorder);
  border-radius:12px; padding:8px 10px; min-width:0;
}
.p7aStatK { font-size:10px; color:var(--p7aTextDim); text-transform:uppercase; letter-spacing:.6px; }
.p7aStatV { font-size:15px; font-weight:800; color:var(--p7aText); margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:420px){
  .p7aStatGrid { grid-template-columns: repeat(2, 1fr); }
  .p7aStatV { font-size:14px; }
}

/* ===== Search bar ===== */
.p7aSearchWrap { margin: 10px 0 8px; position:relative; }
.p7aSearchIco { position:absolute; left:12px; top:50%; transform:translateY(-50%); opacity:.55; font-size:14px; pointer-events:none; }
.p7aSearchInput {
  width:100%; padding:11px 12px 11px 36px; border-radius:14px;
  border:1px solid var(--p7aBorder); background:var(--p7aBg); color:var(--p7aText);
  font-size:13px; outline:none;
}
.p7aSearchInput:focus { border-color: var(--p7aGold); box-shadow: 0 0 0 3px var(--p7aGoldSoft); }
.p7aSearchClear { position:absolute; right:8px; top:50%; transform:translateY(-50%); background:transparent; border:none; color:var(--p7aTextDim); font-size:18px; cursor:pointer; padding:4px 8px; }

/* ===== Filter chips ===== */
.p7aChipBar { display:flex; gap:6px; overflow-x:auto; padding:2px 0 4px; margin-bottom:8px; scrollbar-width:none; }
.p7aChipBar::-webkit-scrollbar { display:none; }
.p7aChip {
  flex:0 0 auto; padding:7px 12px; border-radius:999px;
  background:var(--p7aChipBg); border:1px solid var(--p7aBorder);
  color:var(--p7aText); font-size:12px; font-weight:600; cursor:pointer;
  white-space:nowrap; user-select:none;
}
.p7aChip.active { background: var(--p7aChipActive); border-color: var(--p7aGold); color: var(--p7aGold); }
.p7aChip:active { transform: scale(0.97); }

/* ===== Sort row ===== */
.p7aSortRow { display:flex; gap:8px; align-items:center; margin-bottom:10px; }
.p7aSortLbl { font-size:11px; color:var(--p7aTextDim); text-transform:uppercase; letter-spacing:.6px; }
.p7aSortSel {
  flex:1; padding:8px 10px; border-radius:10px;
  background:var(--p7aBg); border:1px solid var(--p7aBorder); color:var(--p7aText);
  font-size:12px; outline:none;
}
.p7aSortDir {
  width:36px; height:36px; border-radius:10px; background:var(--p7aChipBg);
  border:1px solid var(--p7aBorder); color:var(--p7aText); font-size:14px; cursor:pointer;
}

/* ===== Curve cards ===== */
.p7aList { display:flex; flex-direction:column; gap:10px; }
.p7aEmpty {
  padding:32px 16px; text-align:center; color:var(--p7aTextDim); font-size:13px;
  background:var(--p7aCardBg); border:1px dashed var(--p7aBorder); border-radius:14px;
}
.p7aLoading { padding:18px; text-align:center; color:var(--p7aTextDim); font-size:13px; }

.p7aCurveCard {
  background: var(--p7aCardBg); border:1px solid var(--p7aBorder);
  border-radius:14px; padding:12px; transition:border-color .15s;
}
.p7aCurveCard:active { border-color: var(--p7aGold); }
.p7aCurveTop { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.p7aCurveLogo {
  width:42px; height:42px; border-radius:10px; flex:0 0 42px;
  background:var(--p7aGoldSoft); display:flex; align-items:center; justify-content:center;
  font-weight:800; color:var(--p7aGold); font-size:14px;
  overflow:hidden; background-size:cover; background-position:center;
  border:1px solid var(--p7aBorder);
}
.p7aCurveLogo img { width:100%; height:100%; object-fit:cover; display:block; }
.p7aCurveTitle { flex:1; min-width:0; }
.p7aCurveName { font-size:14px; font-weight:800; color:var(--p7aText); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.p7aCurveSym { font-size:11px; color:var(--p7aTextDim); margin-top:2px; }
.p7aCurveFav {
  width:32px; height:32px; border-radius:8px; background:var(--p7aChipBg); border:1px solid var(--p7aBorder);
  color:var(--p7aTextDim); font-size:16px; cursor:pointer; padding:0;
}
.p7aCurveFav.on { color: var(--p7aGold); border-color: var(--p7aGold); background:var(--p7aGoldSoft); }

.p7aCurveTags { display:flex; gap:5px; margin-bottom:8px; flex-wrap:wrap; }
.p7aTag { font-size:10px; padding:2px 7px; border-radius:6px; font-weight:700; letter-spacing:.4px; }
.p7aTag.hot { background:rgba(239,68,68,0.16); color:#ef4444; }
.p7aTag.trend { background:rgba(31,191,117,0.16); color:#1fbf75; }
.p7aTag.new { background:rgba(31,59,138,0.22); color:#7da3ff; }
.p7aTag.near { background:rgba(245,180,0,0.22); color:#f5b400; }
.p7aTag.graduated { background:rgba(125,163,255,0.20); color:#7da3ff; }

.p7aProgressWrap { margin-bottom:8px; }
.p7aProgressBar {
  height:7px; background:var(--p7aProgBg); border-radius:999px; overflow:hidden; position:relative;
}
.p7aProgressFill {
  height:100%; background: linear-gradient(90deg, var(--p7aGold) 0%, var(--p7aBlue) 100%);
  border-radius:999px; transition: width .4s ease;
}
.p7aProgressLine { display:flex; justify-content:space-between; font-size:10px; color:var(--p7aTextDim); margin-top:3px; }
.p7aProgressPct { color: var(--p7aGold); font-weight:700; }

.p7aMetrics {
  display:grid; grid-template-columns: repeat(3, 1fr); gap:6px;
  font-size:11px; margin-bottom:10px;
}
.p7aMetric { display:flex; flex-direction:column; }
.p7aMetricK { color:var(--p7aTextDim); font-size:10px; }
.p7aMetricV { color:var(--p7aText); font-weight:700; font-size:12px; margin-top:1px; }
.p7aMetricV.up { color:var(--p7aGreen); }
.p7aMetricV.down { color:var(--p7aRed); }

.p7aActions { display:flex; gap:6px; }
.p7aBtn {
  flex:1; padding:9px; border-radius:10px; font-size:12px; font-weight:700; cursor:pointer;
  border:1px solid var(--p7aBorder); background:var(--p7aChipBg); color:var(--p7aText);
}
.p7aBtn.primary { background: var(--p7aGold); color:#0f1834; border-color:var(--p7aGold); }
.p7aBtn.primary:active { transform: translateY(1px); }
.p7aBtn:disabled { opacity:.45; cursor:not-allowed; }

/* ===== Drawer (bottom sheet) ===== */
.p7aDrawerBackdrop {
  position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:9990;
  opacity:0; pointer-events:none; transition:opacity .18s;
}
.p7aDrawerBackdrop.open { opacity:1; pointer-events:auto; }
.p7aDrawer {
  position:fixed; left:0; right:0; bottom:0; z-index:9991;
  background: var(--p7aCardBg); color:var(--p7aText);
  border-top-left-radius:18px; border-top-right-radius:18px;
  border-top:1px solid var(--p7aBorderStrong);
  padding:14px 16px calc(22px + env(safe-area-inset-bottom, 0px)); transform: translateY(110%); transition: transform .22s; /* UNO_MODAL_SAFEAREA_V1: butonul de submit nu mai intra sub bara de navigare */
  max-height: 88vh; overflow-y:auto;
}
body.light .p7aDrawer, html[data-theme="light"] .p7aDrawer, .theme-light .p7aDrawer {
  background:#ffffff;
}

/* UNO_SHEET_SELECT_LIGHT_V1: select-ul "Erhalten in" din trade-sheet (drawer pe body, in afara
   #appRoot) nu primea override-ul light gated pe #appRoot.theme-light -> ramanea bara inchisa
   pe sheet alb. Replicam stilul light pe selectorii care ajung la drawer (aceiasi care albesc sheet-ul).
   Valori identice cu #appRoot.theme-light (L1066-1076). */
body.light .unoSheetSelectWrapV5,
html[data-theme="light"] .unoSheetSelectWrapV5,
.theme-light .unoSheetSelectWrapV5 {
  background: #f4f6fb !important;
  border: 1px solid rgba(15,30,60,0.16) !important;
  color: #0a1428 !important;
}
body.light .unoSheetSelectLabelV5,
html[data-theme="light"] .unoSheetSelectLabelV5,
.theme-light .unoSheetSelectLabelV5 { color: #3d4a68 !important; }
body.light .unoSheetSelectV5,
html[data-theme="light"] .unoSheetSelectV5,
.theme-light .unoSheetSelectV5 { background: transparent !important; color: #0a1428 !important; }
body.light .unoSheetSelectV5 option,
html[data-theme="light"] .unoSheetSelectV5 option,
.theme-light .unoSheetSelectV5 option { background: #ffffff !important; color: #0a1428 !important; }
.p7aDrawer.open { transform: translateY(0); }
.p7aDrawerHandle { width:42px; height:4px; background:var(--p7aBorderStrong); border-radius:2px; margin: 0 auto 10px; }
.p7aDrawerHead { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.p7aDrawerLogo { width:36px; height:36px; border-radius:9px; background:var(--p7aGoldSoft); display:flex; align-items:center; justify-content:center; font-weight:800; color:var(--p7aGold); overflow:hidden; }
.p7aDrawerLogo img { width:100%; height:100%; object-fit:cover; }
.p7aDrawerTitle { font-size:15px; font-weight:800; }
.p7aDrawerSub { font-size:11px; color:var(--p7aTextDim); }
.p7aDrawerClose { margin-left:auto; background:transparent; border:none; color:var(--p7aTextDim); font-size:22px; cursor:pointer; padding:4px 8px; }

.p7aSideTabs { display:flex; gap:6px; margin-bottom:12px; }
.p7aSideTab {
  flex:1; padding:10px; border-radius:10px; font-weight:700; font-size:13px; cursor:pointer;
  background:var(--p7aChipBg); border:1px solid var(--p7aBorder); color:var(--p7aText);
}
.p7aSideTab.active.buy { background: rgba(31,191,117,0.18); color:var(--p7aGreen); border-color:var(--p7aGreen); }
.p7aSideTab.active.sell { background: rgba(239,68,68,0.18); color:var(--p7aRed); border-color:var(--p7aRed); }

.p7aFieldLbl { font-size:11px; color:var(--p7aTextDim); margin-bottom:5px; text-transform:uppercase; letter-spacing:.6px; }
.p7aFieldRow { display:flex; gap:6px; margin-bottom:10px; }
.p7aInput {
  flex:1; padding:11px 12px; border-radius:11px;
  background:var(--p7aBg); border:1px solid var(--p7aBorder); color:var(--p7aText);
  font-size:14px; outline:none; font-weight:700;
}
.p7aInput:focus { border-color: var(--p7aGold); box-shadow: 0 0 0 3px var(--p7aGoldSoft); }
.p7aQuick { display:flex; gap:5px; margin-bottom:10px; }
.p7aQuickBtn {
  flex:1; padding:7px; border-radius:8px; font-size:11px; font-weight:700; cursor:pointer;
  background:var(--p7aChipBg); border:1px solid var(--p7aBorder); color:var(--p7aText);
}
.p7aQuickBtn:active { background: var(--p7aGoldSoft); border-color: var(--p7aGold); }
.p7aQuickBtn.active { background: var(--p7aGoldSoft); border:1px solid var(--p7aGold); color: var(--p7aGold); box-shadow:0 0 0 1px var(--p7aGold) inset; } /* UNO_PCT_ACTIVE_V1 */

.p7aInfoCard {
  background:var(--p7aBg); border:1px solid var(--p7aBorder); border-radius:11px;
  padding:10px 12px; margin-bottom:10px;
}
.p7aInfoRow { display:flex; justify-content:space-between; font-size:12px; margin:3px 0; }
.p7aInfoK { color:var(--p7aTextDim); }
.p7aInfoV { color:var(--p7aText); font-weight:700; }
.p7aInfoV.warn { color:var(--p7aGold); }
.p7aInfoV.bad  { color:var(--p7aRed); }

.p7aExecBtn {
  width:100%; padding:14px; border-radius:13px;
  background: var(--p7aGold); color:#0f1834; font-weight:800; font-size:15px;
  border:none; cursor:pointer; box-shadow:0 4px 14px rgba(245,180,0,0.35);
}
.p7aExecBtn.sell { background: var(--p7aRed); color:#fff; box-shadow:0 4px 14px rgba(239,68,68,0.35); }
.p7aExecBtn:disabled { opacity:.5; box-shadow:none; cursor:not-allowed; }
.p7aExecBtn:active { transform: translateY(1px); }

/* RTL support (Arabic) */
[dir="rtl"] .p7aSearchInput { padding:11px 36px 11px 12px; }
[dir="rtl"] .p7aSearchIco { left:auto; right:12px; }
[dir="rtl"] .p7aSearchClear { right:auto; left:8px; }


/* === UNO_TRADE_P7A_FIX2_CSS — pagina Trade: ascunde topbar (logo + brand + butoane RO/theme/update)
   + statusRow (ONLINE/UNLOCKED). Pastreaza ticker-ul vizibil. === */
body.unoTradeNoTopV3 .topbar,
body.unoTradeNoTopV3 .statusRow {
  display: none !important;
}
/* Ticker-ul ramane lipit sus, fara padding gol unde era topbar-ul */
body.unoTradeNoTopV3 #unoTickerV12 {
  margin-top: 0 !important;
}
body.unoTradeNoTopV3 .safe-top {
  /* pastreaza safe-area iOS, dar fara gap suplimentar */
}
body.unoTradeNoTopV3 .appFrame {
  padding-top: 0 !important;
}
/* === UNO_TRADE_P7A_FIX2_CSS_END === */

/* === UNO_CURVE_NOTOP_CSS_V1 — reguli REALE permanente pt body.unoMktNoTopV3 (curve/market/token) === */
body.unoMktNoTopV3 .topbar,
body.unoMktNoTopV3 .statusRow,
body.unoMktNoTopV3 #unoTickerV12 {
  display: none !important;
}
body.unoMktNoTopV3 .appFrame {
  padding-top: 0 !important;
}
body.unoMktNoTopV3 main#screen,
body.unoMktNoTopV3 .screen {
  padding-top: 4px !important;
  margin-top: 0 !important;
}


/* === UNO_TRADE_P7A_FIX3V2_CSS — hero card compact integrat in p7aPage section. === */
.p7aHero3 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin: 0 0 10px;
  background: linear-gradient(135deg, var(--p7aGoldSoft, rgba(245,180,0,0.10)) 0%, var(--p7aBlueSoft, rgba(31,59,138,0.10)) 100%);
  border: 1px solid var(--p7aBorder, rgba(255,255,255,0.08));
  border-radius: 12px;
  min-height: 36px;
}
.p7aHero3L {
  font-size: 11px;
  color: var(--p7aTextDim, rgba(233,237,245,0.65));
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
  flex: 0 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 38%;
}
.p7aHero3M {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--p7aText, #e9edf5);
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
  justify-content: center;
}
.p7aHero3Stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
}
.p7aHero3Sep {
  color: var(--p7aTextDim, rgba(233,237,245,0.45));
  font-weight: 400;
}
.p7aHero3Btn {
  flex: 0 0 auto;
  background: var(--p7aGold, #f5b400);
  color: #0f1834;
  border: none;
  border-radius: 9px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(245,180,0,0.25);
  letter-spacing: 0.2px;
}
.p7aHero3Btn:active { transform: translateY(1px); }
body.light .p7aHero3,
html[data-theme="light"] .p7aHero3,
.theme-light .p7aHero3 {
  background: linear-gradient(135deg, rgba(245,180,0,0.18) 0%, rgba(31,59,138,0.08) 100%);
  border-color: rgba(0,0,0,0.10);
}
@media (max-width: 380px) {
  .p7aHero3L { display: none; }
  .p7aHero3M { justify-content: flex-start; }
}
/* === UNO_TRADE_P7A_FIX3V2_CSS_END === */

/* === UNO_TRADE_P7A_FIX4_TIGHT — micsorare totala pagina Trade. Override final. === */

/* Pagina root: padding aproape zero sus, sub ticker */
body.unoTradeNoTopV3 .appFrame { padding-top: 0 !important; }
body.unoTradeNoTopV3 #unoTickerV12 { margin-bottom: 0 !important; }
body.unoTradeNoTopV3 main#screen,
body.unoTradeNoTopV3 .screen { padding-top: 4px !important; }

/* Section bloc principal */
.p7aPage { padding: 0 !important; margin: 0 !important; }
.p7aPage > *:first-child { margin-top: 4px !important; }

/* Hero compact: mai mic cu ~25% */
.p7aHero3 {
  gap: 7px !important;
  padding: 7px 10px !important;
  margin: 0 0 6px 0 !important;
  min-height: 30px !important;
  border-radius: 10px !important;
}
.p7aHero3L {
  font-size: 10px !important;
  letter-spacing: 0.4px !important;
  max-width: 40% !important;
}
.p7aHero3M {
  font-size: 10px !important;
  gap: 4px !important;
}
.p7aHero3Stat { gap: 3px !important; }
.p7aHero3Btn {
  padding: 5px 9px !important;
  font-size: 11px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(245,180,0,0.22) !important;
}

/* Search bar mai subtire */
.p7aSearchWrap { margin: 6px 0 6px !important; }
.p7aSearchInput {
  padding: 8px 10px 8px 32px !important;
  font-size: 12px !important;
  border-radius: 11px !important;
}
.p7aSearchIco { left: 10px !important; font-size: 12px !important; }
.p7aSearchClear { right: 6px !important; font-size: 16px !important; padding: 2px 6px !important; }

/* Chip filters mai mici */
.p7aChipBar { gap: 4px !important; padding: 1px 0 3px !important; margin-bottom: 6px !important; }
.p7aChip {
  padding: 5px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
}

/* Sort row compact */
.p7aSortRow { gap: 6px !important; margin-bottom: 8px !important; }
.p7aSortLbl { font-size: 10px !important; letter-spacing: 0.4px !important; }
.p7aSortSel {
  padding: 6px 8px !important;
  font-size: 11px !important;
  border-radius: 9px !important;
}
.p7aSortDir {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

/* Empty state mai compact */
.p7aEmpty {
  padding: 18px 14px !important;
  font-size: 12px !important;
  border-radius: 12px !important;
  line-height: 1.4 !important;
}
.p7aLoading { padding: 12px !important; font-size: 12px !important; }

/* Card lista (cand vor aparea curbe): mai compact */
.p7aList { gap: 7px !important; }
.p7aCurveCard {
  padding: 9px 10px !important;
  border-radius: 12px !important;
}
.p7aCurveTop { gap: 8px !important; margin-bottom: 6px !important; }
.p7aCurveLogo {
  width: 36px !important; height: 36px !important; flex: 0 0 36px !important;
  border-radius: 9px !important; font-size: 13px !important;
}
.p7aCurveName { font-size: 13px !important; }
.p7aCurveSym { font-size: 10px !important; margin-top: 1px !important; }
.p7aCurveFav {
  width: 28px !important; height: 28px !important;
  font-size: 14px !important; border-radius: 7px !important;
}
.p7aCurveTags { gap: 4px !important; margin-bottom: 6px !important; }
.p7aTag { font-size: 9px !important; padding: 2px 6px !important; }

.p7aProgressWrap { margin-bottom: 6px !important; }
.p7aProgressBar { height: 5px !important; }
.p7aProgressLine { font-size: 9px !important; margin-top: 2px !important; }

.p7aMetrics { gap: 4px !important; margin-bottom: 7px !important; }
.p7aMetricK { font-size: 9px !important; }
.p7aMetricV { font-size: 11px !important; margin-top: 0 !important; }

.p7aActions { gap: 5px !important; }
.p7aBtn {
  padding: 7px !important;
  font-size: 11px !important;
  border-radius: 9px !important;
}

/* === UNO_TRADE_P7A_FIX4_TIGHT_END === */


/* === UNO_TRADE_P7A_FIX5_CSS — custom dropdown + spacing aggressive reset === */

/* Reset agresiv spacing pe pagina Trade */
body.unoTradeNoTopV3 .appFrame { padding-top: 0 !important; padding-bottom: 0 !important; }
body.unoTradeNoTopV3 #unoTickerV12 {
  margin: 0 !important;
  padding: 6px 8px !important;
  border-radius: 0 !important;
}
/* P7A_FIX6: padding-ul .screen e gestionat de stilul global - NU il modificam pe Trade */
body.unoTradeNoTopV3 main#screen,
body.unoTradeNoTopV3 .screen {
  padding-top: 2px !important;
  /* padding-left + padding-right MOSTENESC din regulile globale ale .screen */
}
body.unoTradeNoTopV3 .pageBlock { padding: 0 !important; margin: 0 !important; }
body.unoTradeNoTopV3 .p7aPage { padding: 0 !important; margin: 0 !important; }
body.unoTradeNoTopV3 .p7aPage > * { margin-top: 0 !important; margin-bottom: 5px !important; }

/* Hero compact */
body.unoTradeNoTopV3 .p7aHero3 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* Search wrap mai aproape */
body.unoTradeNoTopV3 .p7aSearchWrap { margin: 4px 0 !important; }
body.unoTradeNoTopV3 .p7aSearchInput {
  padding: 7px 10px 7px 30px !important;
  font-size: 12px !important;
}
body.unoTradeNoTopV3 .p7aSearchIco { left: 9px !important; font-size: 11px !important; }

/* Chip bar mai aproape */
body.unoTradeNoTopV3 .p7aChipBar { gap: 4px !important; padding: 0 !important; margin: 0 0 4px !important; }
body.unoTradeNoTopV3 .p7aChip {
  padding: 5px 9px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* Sort row */
body.unoTradeNoTopV3 .p7aSortRow {
  gap: 6px !important;
  margin: 0 0 5px !important;
  align-items: center !important;
}
body.unoTradeNoTopV3 .p7aSortLbl { font-size: 10px !important; letter-spacing: 0.4px !important; }

/* Custom dropdown trigger (in loc de <select>) */
.p7aSortBtn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 9px;
  background: var(--p7aBg, rgba(255,255,255,0.03));
  border: 1px solid var(--p7aBorder, rgba(255,255,255,0.08));
  color: var(--p7aText, #e9edf5);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  text-align: left;
  width: 100%;
  min-height: 32px;
}
.p7aSortBtn:active { transform: translateY(1px); }
.p7aSortBtn:focus { border-color: var(--p7aGold, #f5b400); box-shadow: 0 0 0 2px var(--p7aGoldSoft, rgba(245,180,0,0.18)); }
.p7aSortBtnVal { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p7aSortBtnArrow { color: var(--p7aGold, #f5b400); font-size: 14px; font-weight: 900; opacity: 0.9; }

/* Bottom sheet pentru dropdown */
.p7aDropBackdrop {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 9988;
  opacity: 0; pointer-events: none;
  transition: opacity .18s;
}
.p7aDropBackdrop.open { opacity: 1; pointer-events: auto; }
.p7aDropSheet {
  position: fixed; left: 0; right: 0; bottom: 0;
  z-index: 9989;
  background: #0f1834;
  color: #e9edf5;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-top: 1px solid rgba(245,180,0,0.25);
  padding: 10px 0 18px;
  transform: translateY(110%);
  transition: transform .22s;
  max-height: 70vh;
  overflow-y: auto;
  box-shadow: 0 -10px 30px rgba(0,0,0,0.4);
}
body.light .p7aDropSheet,
html[data-theme="light"] .p7aDropSheet,
.theme-light .p7aDropSheet {
  background: #ffffff;
  color: #0f1834;
  border-top-color: rgba(245,180,0,0.45);
}
.p7aDropSheet.open { transform: translateY(0); }
.p7aDropHandle {
  width: 40px; height: 4px;
  background: rgba(245,180,0,0.35);
  border-radius: 2px;
  margin: 0 auto 10px;
}
.p7aDropTitle {
  padding: 0 18px 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--p7aGold, #f5b400);
  opacity: 0.85;
}
.p7aDropItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  background: transparent;
  color: inherit;
  width: 100%;
  text-align: left;
  border-radius: 0;
  transition: background .12s;
}
.p7aDropItem:active { background: rgba(245,180,0,0.10); }
.p7aDropItem.selected {
  background: rgba(245,180,0,0.14);
  color: var(--p7aGold, #f5b400);
}
.p7aDropItem.selected::after {
  content: "✓";
  color: var(--p7aGold, #f5b400);
  font-size: 16px;
  font-weight: 900;
}
.p7aDropIco {
  display: inline-block;
  width: 22px;
  text-align: center;
  margin-right: 4px;
  opacity: 0.85;
}

/* === UNO_TRADE_P7A_FIX5_CSS_END === */

/* === UNO_TRADE_P7A_FIX6_CSS — padding restore. === */
body.unoTradeNoTopV3 .pageBlock { padding-left: 0 !important; padding-right: 0 !important; }
/* === UNO_TRADE_P7A_FIX6_CSS_END === */

/* UNO_CURVE_DRAWEROPAQUE_V1 — drawer fundal OPAC (variabilele --p7aCardBg/--p7aBg sunt translucide ~2.5%%, lasau drawerul transparent) */
.p7aDrawer {
  background: #0e1b33 !important;
  box-shadow: 0 -14px 48px rgba(0,0,0,0.55);
}
body.light .p7aDrawer, html[data-theme="light"] .p7aDrawer, .theme-light .p7aDrawer {
  background: #ffffff !important;
}
.p7aDrawer .p7aInfoCard {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.10);
}
.p7aDrawer .p7aInput {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.12);
}
body.light .p7aDrawer .p7aInfoCard, html[data-theme="light"] .p7aDrawer .p7aInfoCard { background: rgba(0,0,0,0.04) !important; }
body.light .p7aDrawer .p7aInput, html[data-theme="light"] .p7aDrawer .p7aInput { background: rgba(0,0,0,0.04) !important; }
.p7aDrawerBackdrop { background: rgba(3,8,20,0.72) !important; }

/* UNO_CURVE_DRAWERLOGO_V1 — logo in drawer: uwpLogoHtml produce div.uwpV1HoldIco>img,
   nepot al .p7aDrawerLogo. Fortam imaginea sa umple si eliminam fundalul auriu cand e imagine. */
.p7aDrawerLogo { background: transparent !important; padding: 0 !important; }
.p7aDrawerLogo .uwpV1HoldIco {
  width: 100% !important; height: 100% !important;
  border-radius: 9px !important; padding: 0 !important;
  background: #1a2440 !important; border: none !important;
}
.p7aDrawerLogo .uwpV1HoldIco img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; border-radius: 9px !important; display: block !important;
}

/* ============ UNO_CURVE_PAGE_V1_CSS — pagina dedicata curbei ============ */
.curvePageWrap{ width:100%; margin:0; padding:0 0 80px; }
.curveTopBar{ display:flex; align-items:center; justify-content:space-between; padding:8px 0 4px; }
.curveTopTitle{ font-size:15px; font-weight:800; color:#e8eefc; }
.curveBackBtn{ width:30px; height:30px; border-radius:9px; border:1px solid rgba(255,255,255,0.10); background:#14223f; color:#e8eefc; font-size:16px; line-height:1; cursor:pointer; }
.curveBackBtn:active{ background:#1c2d4f; }
.curveEmpty{ padding:40px 0; text-align:center; color:#9fb0cc; }
.curveHeader{ display:flex; align-items:center; gap:10px; margin:6px 0 10px; }
.curveLogo{ width:42px; height:42px; border-radius:11px; overflow:hidden; background:#1a2440; flex:0 0 auto; }
.curveLogoImg{ width:100%; height:100%; object-fit:cover; display:block; }
.curveHeadInfo{ min-width:0; }
.curveSym{ font-size:15px; font-weight:900; color:#e8eefc; display:flex; align-items:center; gap:7px; }
.curveName{ font-size:11px; color:#9fb0cc; margin-top:1px; }
.curveBadge{ font-size:9px; font-weight:800; padding:2px 7px; border-radius:999px; text-transform:uppercase; letter-spacing:.04em; }
.curveBadge.active{ background:rgba(46,160,103,0.18); color:#5fd39a; }
.curveBadge.grad{ background:rgba(227,179,65,0.18); color:#e3b341; }
.curvePriceBox{ background:#0e1b33; border:1px solid rgba(255,255,255,0.06); border-radius:12px; padding:10px 13px; margin-bottom:9px; }
.curvePriceLbl{ font-size:10px; color:#9fb0cc; text-transform:uppercase; letter-spacing:.05em; }
.curvePriceVal{ font-size:17px; font-weight:900; color:#e8eefc; margin-top:2px; }
.curvePriceUnit{ font-size:11px; font-weight:700; color:#9fb0cc; }
.curveProgWrap{ background:#0e1b33; border:1px solid rgba(255,255,255,0.06); border-radius:12px; padding:10px 13px; margin-bottom:9px; }
.curveProgTop{ display:flex; justify-content:space-between; font-size:11px; color:#9fb0cc; margin-bottom:6px; }
.curveProgPct{ font-weight:800; color:#e3b341; }
.curveProgBar{ height:6px; border-radius:999px; background:rgba(255,255,255,0.07); overflow:hidden; }
.curveProgFill{ height:100%; background:linear-gradient(90deg,#e3b341,#f0c869); border-radius:999px; transition:width .3s ease; }
.curveProgSub{ font-size:10px; color:#7f90ad; margin-top:5px; text-align:right; }
.curveMetrics{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px; }
.curveMetric{ background:#0e1b33; border:1px solid rgba(255,255,255,0.06); border-radius:10px; padding:8px 11px; }
.cmLbl{ font-size:10px; color:#9fb0cc; }
.cmVal{ font-size:13px; font-weight:800; color:#e8eefc; margin-top:2px; word-break:break-all; }
.curveActions{ display:flex; gap:8px; margin-bottom:11px; }
.curveBtn{ flex:1; padding:11px 0; border-radius:11px; border:none; font-size:14px; font-weight:800; cursor:pointer; }
.curveBtn.buy{ background:linear-gradient(90deg,#2ea067,#37b576); color:#fff; }
.curveBtn.sell{ background:#1c2d4f; color:#e8eefc; border:1px solid rgba(255,255,255,0.10); }
.curveBtn:active{ transform:scale(0.98); }
.curveSection{ background:#0e1b33; border:1px solid rgba(255,255,255,0.06); border-radius:12px; padding:10px 13px; margin-bottom:9px; }
.curveSectionTitle{ font-size:12px; font-weight:800; color:#e8eefc; margin-bottom:8px; }
.curveHoldersNA{ font-size:12px; color:#7f90ad; font-style:italic; }
/* UNO_CURVE_HOLDERS_V1_CSS */
.curveHolderCount{ font-size:13px; color:#e8eefc; font-weight:800; margin-bottom:8px; }
.curveHolderList{ display:flex; flex-direction:column; gap:6px; }
.curveHolderRow{ display:grid; grid-template-columns: 1fr auto auto; gap:10px; font-size:11px; align-items:baseline; padding:3px 0; border-bottom:1px solid rgba(255,255,255,0.04); }
.curveHolderRow:last-child{ border-bottom:none; }
.curveHolderAddr{ color:#9fb0cc; font-family:ui-monospace,Menlo,monospace; }
.curveHolderAmt{ color:#e8eefc; font-weight:700; }
.curveHolderPct{ color:#e3b341; font-weight:700; min-width:48px; text-align:right; }
#appRoot.theme-light .curveHolderCount{ color:#0f1e3c; }
#appRoot.theme-light .curveHolderRow{ border-bottom-color:rgba(15,30,60,0.06); }
#appRoot.theme-light .curveHolderAddr{ color:#5a6b88; }
#appRoot.theme-light .curveHolderAmt{ color:#0f1e3c; }
#appRoot.theme-light .curveHolderPct{ color:#ca8a04; }
.curveInfoRow{ display:flex; justify-content:space-between; gap:10px; font-size:11px; padding:4px 0; border-bottom:1px solid rgba(255,255,255,0.04); }
.curveInfoRow:last-child{ border-bottom:none; }
.curveInfoRow span:first-child{ color:#9fb0cc; flex:0 0 auto; }
.curveInfoRow span:last-child{ color:#e8eefc; text-align:right; word-break:break-all; }
.curveMono{ font-family:ui-monospace,Menlo,monospace; font-size:10px; }
/* UNO_CURVE_PAGE_V1_LIGHT */
#appRoot.theme-light .curveTopTitle{ color:#0f1e3c; }
#appRoot.theme-light .curveBackBtn{ background:#eef2fa; border-color:rgba(15,30,60,0.12); color:#0f1e3c; }
#appRoot.theme-light .curveSym{ color:#0f1e3c; }
#appRoot.theme-light .curveName,#appRoot.theme-light .curveEmpty{ color:#5a6b88; }
#appRoot.theme-light .curvePriceBox,#appRoot.theme-light .curveProgWrap,#appRoot.theme-light .curveMetric,#appRoot.theme-light .curveSection{ background:#f4f6fb; border-color:rgba(15,30,60,0.08); }
#appRoot.theme-light .curvePriceLbl,#appRoot.theme-light .cmLbl,#appRoot.theme-light .curveProgTop{ color:#5a6b88; }
#appRoot.theme-light .curvePriceVal,#appRoot.theme-light .cmVal,#appRoot.theme-light .curveSectionTitle{ color:#0f1e3c; }
#appRoot.theme-light .curvePriceUnit,#appRoot.theme-light .curveProgSub,#appRoot.theme-light .curveHoldersNA{ color:#7f90ad; }
#appRoot.theme-light .curveProgBar{ background:rgba(15,30,60,0.08); }
#appRoot.theme-light .curveInfoRow{ border-bottom-color:rgba(15,30,60,0.06); }
#appRoot.theme-light .curveInfoRow span:first-child{ color:#5a6b88; }
#appRoot.theme-light .curveInfoRow span:last-child{ color:#0f1e3c; }
#appRoot.theme-light .curveBtn.sell{ background:#eef2fa; color:#0f1e3c; border-color:rgba(15,30,60,0.12); }

/* UNO_CURVE_CHART_V1_CSS — chart + live trades pe pagina curbei */
.curveChartWrap{ background:#0e1b33; border:1px solid rgba(255,255,255,0.06); border-radius:12px; padding:10px 11px; margin-bottom:11px; }
.curveChartTopBar{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; flex-wrap:wrap; }
.curveChartIntervals{ display:flex; gap:4px; flex-wrap:wrap; }
.curveChartIvBtn{ height:26px; padding:0 9px; border-radius:7px; border:1px solid rgba(120,140,180,0.18); background:rgba(26,36,64,0.6); color:#8a97b4; font-size:.72rem; font-weight:800; cursor:pointer; }
.curveChartIvBtn.on{ border-color:rgba(227,179,65,0.55); color:#e8edf7; background:rgba(227,179,65,0.12); }
.curveChartModeGroup{ display:flex; gap:4px; }
.curveChartModeBtn{ height:26px; padding:0 11px; border-radius:7px; border:1px solid rgba(120,140,180,0.18); background:rgba(26,36,64,0.6); color:#8a97b4; font-size:.72rem; font-weight:800; cursor:pointer; }
.curveChartModeBtn.on{ border-color:rgba(227,179,65,0.55); color:#e8edf7; background:rgba(227,179,65,0.12); }
.curveChartLegend{ display:flex; gap:9px; flex-wrap:wrap; font-size:.7rem; color:#8a97b4; margin-bottom:6px; }
.curveChartLegend .ma7{ color:#e3b341; }
.curveChartLegend .ma25{ color:#ff8c4b; }
.curveChartLegend .ma99{ color:#b06bff; }
.curveChartLegend .rsi14{ color:#d54fff; }
.curveChartIndToggles{ display:flex; gap:5px; margin-bottom:7px; flex-wrap:wrap; }
.curveChartIndBtn{ height:24px; padding:0 8px; border-radius:6px; border:1px solid rgba(120,140,180,0.18); background:rgba(26,36,64,0.55); color:#8a97b4; font-size:.66rem; font-weight:800; cursor:pointer; }
.curveChartIndBtn.on{ color:#e8edf7; border-color:rgba(227,179,65,0.55); background:rgba(227,179,65,0.12); }
.curveChartIndBtn.off{ text-decoration:line-through; opacity:0.55; }
.curveChartSvgBox{ position:relative; width:100%; min-height:280px; }
.curveChartSvgBox svg{ width:100%; height:auto; display:block; }
.curveChartEmpty{ text-align:center; color:#69768f; font-size:.85rem; padding:30px 10px; }
#appRoot.theme-light .curveChartWrap{ background:#f4f6fb; border-color:rgba(15,30,60,0.08); }
#appRoot.theme-light .curveChartIvBtn,
#appRoot.theme-light .curveChartModeBtn,
#appRoot.theme-light .curveChartIndBtn{ background:#eef2fa; color:#5a6480; border-color:rgba(15,30,60,0.10); }
#appRoot.theme-light .curveChartIvBtn.on,
#appRoot.theme-light .curveChartModeBtn.on,
#appRoot.theme-light .curveChartIndBtn.on{ color:#0f1e3c; }
/* UNO_CURVE_CHART_V1_CSS_END */

/* UNO_CURVE_PAGE_LAYOUT_PRO_V1_CSS — Live Trades scroll + layout fixes */
.curveLiveTradesScroll{ max-height:380px; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.curveLiveTradesScroll::-webkit-scrollbar{ width:5px; }
.curveLiveTradesScroll::-webkit-scrollbar-thumb{ background:rgba(120,140,180,0.3); border-radius:3px; }
.curveLiveTradesScroll .unoLiveTradesV1Wrap{ margin-top:0; border:none; background:transparent; padding:0; }
.curveLiveTradesScroll .unoLiveTradesV1List{ max-height:none; }
/* chart wrap larger on curva page */
.curveChartWrap .curveChartSvgBox{ min-height:340px; }
.curveChartSvgBox .unoChartCardV8{ width:100%; }
.curveChartSvgBox .unoChartSvgV8{ width:100%; height:auto; }
/* UNO_CURVE_PAGE_LAYOUT_PRO_V1_CSS_END */

/* UNO_CURVE_PAGE_LAYOUT_PRO_V2_CSS — header compact + chart pro + trades scroll */
.curveHeaderPro{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 4px; margin-bottom:10px; }
.curveHeaderProLeft{ display:flex; align-items:center; gap:10px; min-width:0; flex:1; }
.curveHeaderProLogo{ width:46px; height:46px; flex:0 0 46px; border-radius:11px; overflow:hidden; background:#0e1b33; display:flex; align-items:center; justify-content:center; }
.curveHeaderProLogo img{ width:100%; height:100%; object-fit:cover; }
.curveHeaderProMeta{ min-width:0; }
.curveHeaderProSym{ font-size:15px; font-weight:800; color:#e8edf7; display:flex; align-items:center; gap:6px; line-height:1.1; }
.curveHeaderProName{ font-size:.74rem; color:#8a97b4; font-weight:600; margin-top:2px; }
.curveHeaderProPrice{ text-align:right; flex:0 0 auto; min-width:0; }
.curveHeaderProPriceVal{ font-size:18px; font-weight:900; color:#e3b341; line-height:1.05; font-variant-numeric:tabular-nums; }
.curveHeaderProPriceUnit{ font-size:.66rem; color:#8a97b4; font-weight:700; letter-spacing:.04em; margin-top:1px; }

/* Chart toolbar compact 1 rand */
.curveChartWrapPro{ background:#0e1b33; border:1px solid rgba(255,255,255,0.06); border-radius:12px; padding:8px 8px 6px; margin-bottom:9px; }
.curveChartToolbarPro{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding-bottom:7px; border-bottom:1px solid rgba(120,140,180,0.10); margin-bottom:6px; }
.curveChartIvGroupPro,.curveChartModeGroupPro,.curveChartIndGroupPro{ display:flex; gap:3px; flex-wrap:wrap; }
.curveChartTBtn{ height:24px; padding:0 7px; border-radius:6px; border:1px solid rgba(120,140,180,0.18); background:rgba(26,36,64,0.5); color:#8a97b4; font-size:.66rem; font-weight:800; cursor:pointer; line-height:1; }
.curveChartTBtn.on{ border-color:rgba(227,179,65,0.55); color:#e8edf7; background:rgba(227,179,65,0.16); }
.curveChartSepPro{ width:1px; height:18px; background:rgba(120,140,180,0.15); margin:0 3px; }

.curveChartSvgBoxPro{ position:relative; width:100%; min-height:340px; }
.curveChartSvgBoxPro svg{ width:100%; height:auto; display:block; }
.curveChartSvgBoxPro .unoChartCardV8{ width:100%; }
.curveChartSvgBoxPro .unoChartSvgV8{ width:100%; height:auto; }
.curveChartEmpty{ text-align:center; color:#69768f; font-size:.85rem; padding:60px 10px; }

/* Live Trades scroll — max ~10 randuri (~38px/rand cu spacing) */
.curveLiveTradesScroll{ max-height:380px; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.curveLiveTradesScroll::-webkit-scrollbar{ width:5px; }
.curveLiveTradesScroll::-webkit-scrollbar-thumb{ background:rgba(120,140,180,0.3); border-radius:3px; }
.curveLiveTradesScroll .unoLiveTradesV1Wrap{ margin-top:0; border:none; background:transparent; padding:0; }
.curveLiveTradesScroll .unoLiveTradesV1List{ max-height:none; }

.curveSectionTitleSmall{ font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; color:#8a97b4; font-weight:800; margin-bottom:7px; padding:0 2px; }

/* Light theme */
#appRoot.theme-light .curveHeaderProLogo{ background:#eef2fa; }
#appRoot.theme-light .curveHeaderProSym{ color:#0f1e3c; }
#appRoot.theme-light .curveHeaderProName{ color:#5a6781; }
#appRoot.theme-light .curveHeaderProPriceVal{ color:#1a2440; }
#appRoot.theme-light .curveHeaderProPriceUnit{ color:#5a6781; }
#appRoot.theme-light .curveChartWrapPro{ background:#f4f6fb; border-color:rgba(15,30,60,0.08); }
#appRoot.theme-light .curveChartTBtn{ background:#eef2fa; color:#5a6480; border-color:rgba(15,30,60,0.10); }
#appRoot.theme-light .curveChartTBtn.on{ color:#0f1e3c; background:rgba(227,179,65,0.18); }
#appRoot.theme-light .curveChartSepPro{ background:rgba(15,30,60,0.10); }
#appRoot.theme-light .curveSectionTitleSmall{ color:#5a6781; }
/* UNO_CURVE_PAGE_LAYOUT_PRO_V2_CSS_END */


/* UNO_CURVE_CHART_V4_FIX_DOUBLE_BORDER — scot chenar dublu chart */
.curveChartWrapPro{ background:transparent !important; border:none !important; padding:0 !important; }
.curveChartSvgBoxPro{ background:transparent !important; padding:0 !important; }
.curveChartSvgBoxPro .unoChartCardV8{ background:#0e1b33 !important; border:1px solid rgba(255,255,255,0.06) !important; border-radius:12px !important; padding:8px !important; }
#appRoot.theme-light .curveChartSvgBoxPro .unoChartCardV8{ background:#f4f6fb !important; border-color:rgba(15,30,60,0.08) !important; }
.curveChartToolbarPro{ padding:8px 4px; }
/* fix Live Trades wrap pe pagina curba: NU mai face transparent */
.curveLiveTradesScroll .unoLiveTradesV1Wrap{ margin-top:0 !important; background:rgba(19,32,60,0.55) !important; border:1px solid rgba(120,140,180,0.18) !important; padding:12px 12px 6px !important; }
#appRoot.theme-light .curveLiveTradesScroll .unoLiveTradesV1Wrap{ background:#f7f9fc !important; border-color:#e7ecf3 !important; }
/* UNO_CURVE_CHART_V4_FIX_DOUBLE_BORDER_END */

/* UNO_ACTIVITY_PRETTY_V1_CSS — Activity rows styled, blue Unaris palette */
.actItem{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--bd);background:var(--card);border-radius:var(--r-md);margin-top:8px;box-shadow:var(--sh-xs);}
.actIcon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:700;line-height:1;}
.actBody{flex:1;min-width:0;}
.actTitle{font-weight:700;color:var(--tx);font-size:14px;line-height:1.2;}
.actSub{color:var(--tx-3);font-size:12px;margin-top:3px;word-break:break-all;line-height:1.35;}
.act-recv  .actIcon{background:var(--green-dim);color:var(--green);}
.act-sell  .actIcon,.act-sent .actIcon{background:var(--red-dim);color:var(--red);}
.act-swap  .actIcon{background:rgba(91,140,255,0.16);color:var(--blue);}
.act-mine  .actIcon{background:var(--amber-dim);color:var(--amber);}
.act-proto .actIcon{background:var(--gold-glow);color:var(--gold);}
.act-other .actIcon{background:var(--card2);color:var(--tx-2);}

/* UNO_WATCHADDR_V1_CSS — watchlist overlay, blue Unaris palette */
.uwAddrBack{position:fixed;inset:0;background:rgba(8,14,30,0.72);backdrop-filter:blur(4px);z-index:9000;display:none;align-items:flex-end;justify-content:center;}
.uwAddrModal{width:100%;max-width:var(--maxw);background:var(--bg-1);border:1px solid var(--bd2);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-lg);padding:18px 16px calc(20px + var(--safe-bottom));max-height:80vh;overflow-y:auto;}
.uwAddrHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.uwAddrTitle{font-weight:800;font-size:17px;color:var(--tx);}
.uwAddrClose{background:var(--card2);border:1px solid var(--bd);color:var(--tx-2);width:34px;height:34px;border-radius:50%;font-size:15px;cursor:pointer;}
.uwAddrInputRow{display:flex;gap:8px;margin-bottom:14px;}
.uwAddrInput{flex:1;min-width:0;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-sm);color:var(--tx);padding:11px 12px;font-size:13px;font-family:inherit;}
.uwAddrInput:focus{outline:none;border-color:var(--blue);}
.uwAddrAddBtn{flex:0 0 auto;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#1a1200;border:none;border-radius:var(--r-sm);padding:0 16px;font-weight:800;font-size:13px;cursor:pointer;}
.uwAddrList{display:flex;flex-direction:column;gap:8px;}
.uwAddrItem{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-md);}
.uwAddrChip{flex:1;min-width:0;color:var(--blue);font-weight:700;font-size:14px;cursor:pointer;font-family:'JetBrains Mono',ui-monospace,monospace;text-decoration:underline;text-underline-offset:3px;word-break:break-all;}
.uwAddrDel{flex:0 0 auto;background:var(--red-dim);border:1px solid var(--red-d);color:var(--red);width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;}
.uwAddrEmpty{color:var(--tx-3);font-size:13px;text-align:center;padding:24px 0;}

/* UNO_FOLLOW_V1_CSS — buton Follow in profil + hint watchlist */
.uwpV1HeadR{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.uwpV1Follow{background:var(--card2);border:1px solid var(--bd2);color:var(--gold);border-radius:var(--r-sm);padding:7px 12px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:inherit;}
.uwpV1Follow.on{background:var(--green-dim);border-color:var(--green-d);color:var(--green);}
.uwAddrHint{color:var(--tx-3);font-size:12px;line-height:1.5;margin-bottom:14px;padding:10px 12px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-sm);}

/* UNO_ADDRESSBOOK_V1_CSS — Adressbuch, blue Unaris */
.abTabBtn{flex:0 0 auto!important;min-width:48px;font-size:20px;}
.uwpV1HeadR{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.uwpV1Follow{background:var(--card2);border:1px solid var(--bd2);color:var(--gold);border-radius:var(--r-sm);padding:7px 12px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:inherit;}
.uwpV1Follow.on{background:var(--green-dim);border-color:var(--green-d);color:var(--green);}
.abBack{position:fixed;inset:0;background:rgba(8,14,30,0.72);backdrop-filter:blur(4px);z-index:9100;display:none;align-items:flex-end;justify-content:center;}
.abModal{width:100%;max-width:var(--maxw);background:var(--bg-1);border:1px solid var(--bd2);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-lg);padding:18px 16px calc(20px + var(--safe-bottom));max-height:82vh;overflow-y:auto;}
.abHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.abTitle{font-weight:800;font-size:17px;color:var(--tx);}
.abClose{background:var(--card2);border:1px solid var(--bd);color:var(--tx-2);width:34px;height:34px;border-radius:50%;font-size:15px;cursor:pointer;}
.abAddNew{width:100%;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#1a1200;border:none;border-radius:var(--r-sm);padding:12px;font-weight:800;font-size:14px;cursor:pointer;margin-bottom:14px;}
.abList{display:flex;flex-direction:column;gap:8px;}
.abItem{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-md);}
.abItemMain{flex:1;min-width:0;cursor:pointer;}
.abItemName{font-weight:700;font-size:14px;color:var(--tx);}
.abNoName{color:var(--tx-3);font-weight:400;font-style:italic;}
.abItemAddr{color:var(--blue);font-size:12px;font-family:'JetBrains Mono',ui-monospace,monospace;margin-top:2px;word-break:break-all;}
.abEdit,.abDel{flex:0 0 auto;background:var(--card2);border:1px solid var(--bd);width:34px;height:34px;border-radius:8px;font-size:14px;cursor:pointer;}
.abDel{background:var(--red-dim);border-color:var(--red-d);}
.abEmpty{color:var(--tx-3);font-size:13px;text-align:center;padding:24px 0;}
.abNameModal{width:100%;max-width:var(--maxw);background:var(--bg-1);border:1px solid var(--bd2);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:20px 18px;margin:0 12px;align-self:center;}
.abNameTitle{font-weight:800;font-size:16px;color:var(--tx);margin-bottom:6px;}
.abNameAddr{color:var(--blue);font-size:12px;font-family:'JetBrains Mono',ui-monospace,monospace;margin-bottom:12px;word-break:break-all;}
.abNameInput{width:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--bd);border-radius:var(--r-sm);color:var(--tx);padding:11px 12px;font-size:14px;font-family:inherit;}
.abNameInput:focus{outline:none;border-color:var(--blue);}
.abNameRow{display:flex;gap:8px;margin-top:14px;}
.abNameSkip,.abNameSave{flex:1;border-radius:var(--r-sm);padding:11px;font-weight:800;font-size:13px;cursor:pointer;border:1px solid var(--bd);}
.abNameSkip{background:var(--card2);color:var(--tx-2);}
.abNameSave{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#1a1200;border:none;}

/* UNO_ABFIX_V1_CSS — buton Adressbuch vizibil + overlay peste profil */
.abTabBtn{flex:0 0 auto!important;min-width:46px!important;height:38px;margin-left:6px;
  background:linear-gradient(135deg,var(--gold),var(--gold-d))!important;
  color:#1a1200!important;border:none!important;border-radius:10px!important;
  font-size:20px!important;line-height:1;display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(242,201,76,0.35);}
.abBack{z-index:10005!important;}

/* UNO_ABFIX_V2_CSS — carte discreta, integrata in tab-bar + overlay-uri sus */
.abTabBtn{
  flex:0 0 auto!important; min-width:auto!important; width:auto!important; height:auto!important;
  margin-left:4px!important; padding:6px 8px!important;
  background:transparent!important; box-shadow:none!important; border:none!important;
  color:var(--gold)!important; font-size:22px!important; line-height:1!important;
  opacity:0.9; filter:drop-shadow(0 1px 2px rgba(0,0,0,0.4));
}
.abTabBtn:hover,.abTabBtn:active{ opacity:1; transform:scale(1.08); }
.abBack{ z-index:99997!important; }
.abNameModal{ /* promptul de nume — container vine prin inline z-index 100000 */ }

/* UNO_AB_CONFIRM_CENTER_V1_CSS — confirmare centrata "✓ nume" dupa send */
.abConfirmBack{ align-items:center!important; justify-content:center!important; background:rgba(8,12,24,0.35)!important; pointer-events:none; opacity:0; transition:opacity .18s ease; }
.abConfirmBack.abConfirmShow{ opacity:1; }
.abConfirmCard{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:22px 34px; border-radius:18px;
  background:linear-gradient(180deg,#1b2540,#141d33);
  border:1px solid rgba(242,201,76,0.35);
  box-shadow:0 18px 50px rgba(0,0,0,0.55);
  transform:scale(0.92); transition:transform .2s cubic-bezier(.2,.9,.3,1.3);
}
.abConfirmBack.abConfirmShow .abConfirmCard{ transform:scale(1); }
.abConfirmTick{
  width:54px; height:54px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(46,204,151,0.18); color:#2ecc97;
  font-size:30px; font-weight:700;
}
.abConfirmName{ color:#fff; font-size:18px; font-weight:600; max-width:240px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* UNO_AB_ERROR_CENTER_V1_CSS — eroare centrata "✗ mesaj" dupa send esuat */
.abErrorCard{ border:1px solid rgba(240,107,122,0.45)!important; cursor:pointer; }
.abErrorTick{ background:rgba(240,107,122,0.18)!important; color:#f06b7a!important; }
.abErrorName{ white-space:normal!important; max-width:280px!important; font-size:15px!important; line-height:1.35; font-weight:500; }

/* UNO_ACT_RICH_V1_CSS — randare Activity imbogatita */
.actTitleRow{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.actTitleRow .actTitle{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.actWho{ font-weight:500; opacity:0.85; font-size:0.92em; }
.actAmt{ flex:0 0 auto; font-weight:700; font-size:0.98em; white-space:nowrap; }
.actAmtOut{ color:#f06b7a; }
.actAmtIn{ color:#2ecc97; }
/* UNO_ACT_OVERFLOW_V1 — fix overflow orizontal pe APK (sume/token lungi nu mai sparg ecranul) */
.actItem{ overflow:hidden; max-width:100%; }
.actBody{ max-width:100%; }
.actTitleRow{ flex-wrap:nowrap; }
.actAmt{ min-width:0; overflow:hidden; text-overflow:ellipsis; max-width:50%; }
.actWho{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; display:inline-block; vertical-align:bottom; }

/* ===== UNO_TRADE_SCROLL_FIX_V1 ===================================
   FIX 1: lista meme (.p7aPage/.p7aList) — ultimul card (ex. Biden)
          intra sub bottomNav fix. Adaugam spatiu jos = inaltime
          tab-bar + safe-area. NU schimbam modelul de scroll global.
   FIX 2: sheet Buy/Sell (.unoTradeSheetV3) — fara max-height pe
          ecran mic butonul Sell/signing iese sub margine. Scroll intern.
   ================================================================ */

/* FIX 1 — spatiu sub lista ca ultimul meme sa fie accesibil */
body.unoTradeNoTopV3 .p7aPage,
.p7aPage {
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px) + 18px) !important;
}
.p7aList {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

/* FIX 2 — sheet Buy/Sell scrollabil intern pe ecran mic */
.unoTradeSheetV3 {
  max-height: 88vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
}
/* shade-ul care contine sheet-ul — permite scroll daca sheet depaseste */
.unoSheetShadeV3 {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
/* ===== /UNO_TRADE_SCROLL_FIX_V1 ===== */

/* ===== UNO_TRADE_STICKY_HERO_V1 ==================================
   Cerinta: de la search in SUS fix, de la search in JOS scrollabil.
   .p7aHero3 (banner BONDING CURVES + Meme) = sticky top:0.
   search/chips/sort/lista raman in flux normal -> scrolleaza sub el.
   Scroll = global (body), niciun stramos nu are overflow:hidden -> sticky OK.
   Background OPAC obligatoriu ca tokenii sa nu se vada prin hero la scroll.
   ================================================================ */
.p7aHero3 {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  margin: 0 0 10px !important;
  /* OPAC: acopera continutul care scrolleaza dedesubt */
  background: var(--bg-0, #0a1020) !important;
  /* pastram un accent subtil peste fundalul opac */
  background-image: linear-gradient(135deg, var(--p7aGoldSoft, rgba(245,180,0,0.12)) 0%, var(--p7aBlueSoft, rgba(31,59,138,0.12)) 100%) !important;
  /* mic spatiu sus ca sa nu fie lipit de marginea ecranului */
  padding-top: 10px !important;
}
#appRoot.theme-light .p7aHero3 {
  background: #ffffff !important;
  background-image: linear-gradient(135deg, rgba(245,180,0,0.10) 0%, rgba(31,59,138,0.08) 100%) !important;
}
/* ===== /UNO_TRADE_STICKY_HERO_V1 ===== */

/* ===== UNO_TRADE_FIXEDTOP_CSS_V1 =================================
   .p7aFixedTop (hero+search+chips+sort) = sticky top:0 -> fix.
   Doar .p7aList scrolleaza dedesubt.
   Padding redus (era prea mare: 84px+18px -> doar cat tab-bar).
   ================================================================ */
.p7aFixedTop {
  position: sticky !important;
  top: 0 !important;
  z-index: 45 !important;
  background: var(--bg-0, #0a1020) !important;
  padding-top: 6px !important;
  padding-bottom: 8px !important;
  margin-bottom: 6px !important;
}
#appRoot.theme-light .p7aFixedTop { background: #ffffff !important; }

/* hero3 nu mai e sticky individual (acum e in wrapper) — anulam sticky-ul vechi */
.p7aHero3 {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  padding-top: 10px !important;
}

/* PADDING redus: doar cat tab-bar-ul (--nav-h 54px) + safe-area + mic */
body.unoTradeNoTopV3 .p7aPage,
.p7aPage {
  padding-bottom: calc(var(--nav-h, 54px) + var(--safe-bottom, 0px) + 10px) !important;
}
.p7aList {
  padding-bottom: 8px !important;
}
/* ===== /UNO_TRADE_FIXEDTOP_CSS_V1 ===== */

/* ===== UNO_TRADE_FIXEDTOP_WIDTH_V1 ===============================
   FIX latime: p7aFixedTop (sticky) lua latimea continutului (chipbar
   cu overflow-x:auto fara width constrans) -> spargea ecranul in dreapta.
   Constrangem latimea + min-width:0 (permite chipbar sa scrolleze intern
   in loc sa intinda wrapper-ul) + overflow-x:clip pe wrapper ca siguranta.
   ================================================================ */
.p7aFixedTop {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow-x: clip !important;
}
/* chipbar: garantam ca scrolleaza intern, nu intinde parintele */
.p7aFixedTop .p7aChipBar {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
/* lista + carduri: latime constranza, nu ies in dreapta */
.p7aList, .p7aCurveCard {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}
/* ===== /UNO_TRADE_FIXEDTOP_WIDTH_V1 ===== */
/* UNO_CHAT_NOTICE_CSS_V1 — notificare chat in MIJLOCUL ecranului */
/* UNO_NOTICE_V2 */
.unoChatNotice{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:100001; display:none; width:max-content; min-width:220px; max-width:calc(var(--maxw) - 48px); padding:18px 22px; border-radius:var(--r-lg); background:linear-gradient(180deg, rgba(42,61,99,.98), rgba(35,51,86,.99)); color:var(--tx); border:1px solid rgba(255,255,255,.16); box-shadow:0 16px 56px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.25); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); font-size:15px; font-weight:700; line-height:1.45; text-align:center; cursor:pointer; }
.unoChatNotice.show{ display:block; animation:unoChatNoticeIn .3s cubic-bezier(.34,1.4,.5,1); }
.unoChatNotice .ucnTitle{ font-size:16px; font-weight:800; margin-bottom:5px; letter-spacing:-.01em; }
.unoChatNotice .ucnHint{ font-size:11.5px; font-weight:500; opacity:.55; margin-top:9px; }
@keyframes unoChatNoticeIn{ from{opacity:0;transform:translate(-50%,-50%) scale(.92)} to{opacity:1;transform:translate(-50%,-50%) scale(1)} }


/* UNO_ASWA_LIGHT: modalul Atomic Swap e FRATE cu #appRoot (nu copil),
   deci tema se pune direct pe modal (clasa aswa-light din open). */
#modalAtomicSwap.aswa-light .modal{ background:#ffffff; color:#0a1428; }
#modalAtomicSwap.aswa-light h3,
#modalAtomicSwap.aswa-light label,
#modalAtomicSwap.aswa-light .asLbl,
#modalAtomicSwap.aswa-light #asPay,
#modalAtomicSwap.aswa-light #asGet,
#modalAtomicSwap.aswa-light #asPayUnit,
#modalAtomicSwap.aswa-light #asGetUnit{ color:#0a1428 !important; }
#modalAtomicSwap.aswa-light #asChain,
#modalAtomicSwap.aswa-light input.input,
#modalAtomicSwap.aswa-light select.input{
  background:#ffffff !important; color:#0a1428 !important; border-color:rgba(15,30,60,.22) !important; }
#modalAtomicSwap.aswa-light #asChain option{ background:#ffffff; color:#0a1428; }
#modalAtomicSwap.aswa-light .btn.ghost{
  background:#eef1f8 !important; color:#0a1428 !important; border-color:rgba(15,30,60,.3) !important; }
#modalAtomicSwap.aswa-light #asCardPay{ background:#f4f6fb !important; border:1px solid rgba(15,30,60,.12) !important; }
#modalAtomicSwap.aswa-light #asCardGet{ background:#f4f6fb !important; border:1px dashed rgba(15,30,60,.22) !important; }
#modalAtomicSwap.aswa-light .monoBox{ background:#f4f6fb !important; color:#0a1428 !important; }
/* UNO_ASWA_LIGHT_END */