/* glass.css: tema glass albastru. Se incarca ULTIMUL in <head>. */
:root { --g-green:#39ff14; --g-glass:rgba(15,76,129,.18); --g-border:rgba(255,255,255,.10); }
html { background:#071b3a; }
body {
  background:
    radial-gradient(900px 600px at 15% -10%, rgba(21,101,192,.22), transparent 60%),
    radial-gradient(800px 600px at 100% 30%, rgba(21,101,192,.16), transparent 60%),
    linear-gradient(180deg, rgb(6,20,35), rgb(8,25,45));
  background-attachment: fixed;
}
.card, .glass {
  background:var(--g-glass);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border:1px solid var(--g-border);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.card::before, .glass::before {
  background:radial-gradient(circle at 50% 0%, rgba(120,170,255,.10), transparent 70%);
}
.summary-card__value, .hero-value { color:var(--g-green); }
.btn, .btn--primary, .btn--ghost, .btn--gold, .copy-btn, .qa-btn {
  background:#050a0e; color:#fff;
  border:1px solid rgba(57,255,20,.25);
  transition:box-shadow .2s ease, border-color .2s ease;
}
.btn:hover, .btn--primary:hover, .btn--ghost:hover, .btn--gold:hover, .copy-btn:hover, .qa-btn:hover {
  background:#050a0e; color:#fff; transform:none;
  border-color:#39ff14;
  box-shadow:0 0 15px rgba(57,255,20,.45);
}
.rm-btn { border-color:rgba(220,80,80,.45); }
.rm-btn:hover { border-color:#DC5050; box-shadow:0 0 15px rgba(220,80,80,.45); }

/* ===== fundal albastru, suprascrie body din theme.css ===== */
html body {
  background-color:#071b3a;
  background-image:
    radial-gradient(ellipse 1200px 650px at 15% -10%, rgba(21,101,192,.22), transparent 62%),
    radial-gradient(ellipse 800px 550px at 90% 20%, rgba(21,101,192,.16), transparent 65%),
    linear-gradient(180deg, rgb(6,20,35), rgb(8,25,45));
  background-attachment:fixed, fixed, fixed;
  background-repeat:no-repeat;
}

/* ===== sidebar + topnav negre, fum la hover ===== */
body .sidebar { background:#000; border-right:1px solid rgba(255,255,255,.08); }
body .topnav  { background:#000; border-bottom:1px solid rgba(255,255,255,.08); }
body .topnav input { background:#050a0e; border:1px solid rgba(255,255,255,.12); color:#fff; }
body .app-shell, body .main { background:transparent; }
body .sidebar .nav-link {
  position:relative; overflow:hidden; isolation:isolate;
  background:transparent; border:1px solid transparent; border-radius:10px;
  transition:border-color .3s ease, color .3s ease;
}
body .sidebar .nav-link::before {
  content:''; position:absolute; inset:-50%; z-index:-1; pointer-events:none;
  background:
    radial-gradient(circle at 30% 60%, rgba(255,255,255,.22), transparent 45%),
    radial-gradient(circle at 70% 40%, rgba(170,180,195,.18), transparent 50%),
    radial-gradient(circle at 50% 85%, rgba(255,255,255,.12), transparent 40%);
  filter:blur(12px); opacity:0; transition:opacity .4s ease;
  animation:rcSmoke 7s ease-in-out infinite;
}
body .sidebar .nav-link:hover { color:#fff; border-color:rgba(255,255,255,.14); }
body .sidebar .nav-link:hover::before { opacity:1; }
body .sidebar .nav-link.active { background:#0b0b0b; color:#fff; border-color:rgba(255,255,255,.18); }
body .sidebar .nav-link.active::before { opacity:.45; }
@keyframes rcSmoke {
  0%   { transform:translate(-12%, 10%) scale(1);   }
  50%  { transform:translate( 12%,-10%) scale(1.35); }
  100% { transform:translate(-12%, 10%) scale(1);   }
}

/* ===== tokens.html: clase rwc-* ===== */
body .rwc-kpi, body .rwc-panel {
  background:rgba(15,76,129,.18);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
body .rwc-tbl tbody tr:hover { background:rgba(255,255,255,.05); }
body .rwc-tbl tr.is-sel { background:rgba(255,255,255,.07); box-shadow:inset 3px 0 0 #39ff14; }
body .rwc-btn, body .rwc-menu summary {
  background:#050a0e; color:#fff;
  border:1px solid rgba(57,255,20,.25);
  transition:box-shadow .2s ease, border-color .2s ease;
}
body .rwc-btn:hover, body .rwc-menu summary:hover {
  background:#050a0e; color:#fff;
  border-color:#39ff14;
  box-shadow:0 0 15px rgba(57,255,20,.45);
}
body .rwc-ml { background:rgba(10,18,30,.92); border:1px solid rgba(255,255,255,.10); }
body .rwc-ml a:hover, body .rwc-ml button:hover:not(:disabled) { background:rgba(255,255,255,.07); }
body .rwc-sel { background:#050a0e; border:1px solid rgba(255,255,255,.12); }
body .rwc-lg { background:#050a0e; }

/* ===== dashboard.html: valori verzi, text mov -> alb ===== */
body .hero-value, body .hero-value #hero, body .summary-card__value { color:#39ff14; }
body .section-title, body .main__content h2, body .card h3 { color:#fff; }
body .main__content a:not(.btn):not(.nav-link) { color:#00eaff; }
body .hero-eye, body .chart-tab { background:#050a0e; color:#fff; border:1px solid rgba(57,255,20,.25); }
body .hero-eye:hover, body .chart-tab:hover, body .chart-tab.active { border-color:#39ff14; box-shadow:0 0 15px rgba(57,255,20,.45); background:#050a0e; color:#fff; }
body .summary-card__icon { background:rgba(255,255,255,.06); }
/* dashboard.html: valori */

/* ===== fix: important (bate html,body!important din theme.css) ===== */
html { background:#071b3a !important; }
body {
  background:
    radial-gradient(900px 600px at 15% -10%, rgba(21,101,192,.22), transparent 60%),
    radial-gradient(800px 600px at 100% 30%, rgba(21,101,192,.16), transparent 60%),
    linear-gradient(180deg, rgb(6,20,35), rgb(8,25,45)) !important;
  background-attachment: fixed !important;
}
body .card, body .glass { background:rgba(15,76,129,.18) !important; border:1px solid rgba(255,255,255,.10) !important; }
body .hero-value, body .hero-value #hero, body .summary-card__value { color:#39ff14 !important; }
body .main__content h2, body .card h3, body .section-title { color:#fff !important; }
/* fix: important */

/* ===== fix: sidebar, topnav, butoane ===== */
body .sidebar { background:#050a10 !important; border-right:1px solid rgba(255,255,255,.08) !important; }
body .topnav { background:#050a10 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; }
body .sidebar a { color:#e6edf5 !important; background:transparent !important; }
body .sidebar a:hover { background:rgba(255,255,255,.05) !important; box-shadow:0 0 12px rgba(57,255,20,.25) !important; }
body .sidebar a.active, body .sidebar a[aria-current] { background:#050a0e !important; border:1px solid rgba(57,255,20,.45) !important; color:#fff !important; }
body .btn, body .btn--primary, body .btn--ghost, body .btn--gold,
body .copy-btn, body .qa-btn, body .hero-eye, body .chart-tab {
  background:#050a0e !important; color:#fff !important;
  border:1px solid rgba(57,255,20,.25) !important; box-shadow:none !important;
}
body .btn:hover, body .btn--primary:hover, body .btn--ghost:hover, body .btn--gold:hover,
body .copy-btn:hover, body .qa-btn:hover, body .hero-eye:hover, body .chart-tab:hover, body .chart-tab.active {
  background:#050a0e !important; color:#fff !important;
  border-color:#39ff14 !important; box-shadow:0 0 15px rgba(57,255,20,.45) !important;
}
/* fix: sidebar */

/* ===== fix: olive (fundal ca la Coins) ===== */
html { background:#050a0e !important; }
body { background:#050a0e !important; background-image:none !important; }
body .card, body .glass {
  background:radial-gradient(120% 55% at 50% 0%, rgba(52,211,153,.075), transparent 62%), rgba(20,26,22,.72) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
.card::before, .glass::before { background:none !important; }
/* fix: olive */

/* ===== fix: tokens 2026 ===== */
body .rwc-kpi, body .rwc-panel { border-radius:16px; font-variant-numeric:tabular-nums; }
body .rwc-kpi { position:relative; overflow:hidden; transition:transform .2s ease, border-color .2s ease; }
body .rwc-kpi::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,#39ff14,transparent 70%); opacity:.8; }
body .rwc-kpi:hover { transform:translateY(-2px); border-color:rgba(57,255,20,.4); }
body .rwc-tbl { font-variant-numeric:tabular-nums; }
body .rwc-tbl tbody td { padding-top:14px; padding-bottom:14px; }
body .rwc-tbl tbody tr { transition:background-color .15s ease; }
body .rwc-tbl tbody tr:hover { background:rgba(57,255,20,.06); }
body .rwc-tbl tr.is-sel { background:rgba(57,255,20,.09); box-shadow:inset 3px 0 0 #39ff14; }
body .rwc-btn, body .rwc-menu summary { border-radius:10px; transition:box-shadow .2s ease, border-color .2s ease; }
@media (prefers-reduced-motion:reduce) { body .rwc-kpi, body .rwc-tbl tbody tr, body .rwc-btn { transition:none; } body .rwc-kpi:hover { transform:none; } }
/* fix: tokens 2026 */

/* ===== fix: tokens 2026b ===== */
body .rwc-chart { background:linear-gradient(180deg,#0d1410,#0a0f0c) !important; border:1px solid rgba(255,255,255,.06); }
body .rwc-chart small, body .rwc-chart p, body .rwc-xl { color:#7f8f86 !important; }
body .rwc-lm i { height:3px; border-radius:999px; background:linear-gradient(90deg,#39ff14,rgba(57,255,20,.35)); box-shadow:0 0 6px rgba(57,255,20,.35); }
body .rwc-li { transition:background-color .15s ease; border-radius:8px; padding-left:6px; padding-right:6px; }
body .rwc-li:hover { background:rgba(57,255,20,.06); }
body .rwc-dot { box-shadow:0 0 6px #39ff14; background:#39ff14; }
body .rwc-nm { letter-spacing:-.01em; }
body .rwc-side > * { content-visibility:auto; contain-intrinsic-size:auto 220px; }
@media (prefers-reduced-motion:reduce) { body .rwc-li { transition:none; } }
/* fix: tokens 2026b */

/* ===== search box: negru + verde ca dashboard ===== */
body .search-box { display:flex; align-items:center; gap:10px; background:#050a07; border:1px solid rgba(57,255,20,.28); border-radius:999px; padding:5px 5px 5px 16px; color:#39ff14; }
body .search-box:focus-within { border-color:#39ff14; box-shadow:0 0 15px rgba(57,255,20,.35); }
body .search-box input { background:transparent; border:0; outline:0; color:#fff; flex:1; min-width:0; }
body .search-box input::placeholder { color:rgba(255,255,255,.45); }
body .search-box .search-go { width:34px; height:34px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:#39ff14; color:#04110a; cursor:pointer; padding:0; box-shadow:0 0 12px rgba(57,255,20,.45); transition:box-shadow .15s, transform .15s; }
body .search-box .search-go:hover { box-shadow:0 0 20px rgba(57,255,20,.75); transform:scale(1.05); }
body .search-box .search-go svg { width:16px; height:16px; }
/* search box: end */

/* ===== negru in loc de olive ===== */
body .user-chip { background:#000; border:1px solid rgba(255,255,255,.14); box-shadow:none; }
body .user-chip:hover { border-color:rgba(255,255,255,.3); }
body .search-box { background:#000; }
body .search-box input#shellSearch { background:#000; border:0; outline:0; box-shadow:none; }
/* negru in loc de olive: end */

/* ===== negru: clopotel si adresa ===== */
body .icon-btn { background:#000; border:1px solid rgba(255,255,255,.14); box-shadow:none; }
body .icon-btn:hover { border-color:rgba(255,255,255,.3); background:#000; }
body .wallet-addr-box { background:#000; border:1px solid rgba(255,255,255,.14); }
body .wallet-addr-box code { background:transparent; }
body .copy-btn { background:#050a0e; color:#fff; border:1px solid rgba(255,255,255,.14); }
body .copy-btn:hover { border-color:rgba(255,255,255,.3); }
/* negru: clopotel si adresa: end */

/* ===== clopotel: panou ===== */
body .topnav__right { position:relative; }
body .icon-btn { position:relative; }
body .icon-btn.has-dot::after { content:''; position:absolute; top:6px; right:6px; width:8px; height:8px; border-radius:50%; background:#39ff14; box-shadow:0 0 8px rgba(57,255,20,.8); }
body .notif-panel { position:absolute; top:calc(100% + 10px); right:0; width:320px; max-width:90vw; background:#000; border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:6px; z-index:1000; box-shadow:0 12px 40px rgba(0,0,0,.6); }
body .notif-panel[hidden] { display:none; }
body .notif-head { padding:8px 10px; font-weight:600; color:#fff; }
body .notif-empty { padding:12px 10px; color:rgba(255,255,255,.5); font-size:13px; }
body .notif-row { display:flex; justify-content:space-between; gap:12px; padding:8px 10px; border-radius:10px; }
body .notif-row:hover { background:rgba(255,255,255,.05); }
body .notif-type { color:#fff; text-transform:capitalize; font-size:13px; }
body .notif-meta { color:rgba(255,255,255,.45); font-size:11px; }
body .notif-amt { color:#39ff14; font-family:monospace; font-size:13px; white-space:nowrap; }
body .notif-all { display:block; text-align:center; padding:8px; color:#00eaff; font-size:13px; }
/* clopotel: panou: end */

/* ===== logo: ReweCoin metalic ===== */
body .sidebar__brand .mark img { display:none !important; }
body .sidebar__brand .mark::after {
  content:'ReweCoin'; display:block; white-space:nowrap;
  font-family:'Space Grotesk','Inter',system-ui,sans-serif; font-weight:700; font-size:24px; letter-spacing:.5px; line-height:1.1;
  background:linear-gradient(100deg,#5b6068 0%,#c9ced6 18%,#ffffff 32%,#8d939c 46%,#e6e9ee 62%,#ffffff 74%,#6b7078 100%);
  background-size:260% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(200,210,225,.25));
  animation:rwcMetalFlow 5s linear infinite;
}
@keyframes rwcMetalFlow { 0% { background-position:100% 50%; } 100% { background-position:-160% 50%; } }
@media (prefers-reduced-motion: reduce) { body .sidebar__brand .mark::after { animation:none; background-position:30% 50%; } }
/* logo: ReweCoin metalic: end */