/* =========================================================
   NF-CASH — Wallet Counters + Private Key UX (v4)
   - White + blue backlight around each counter box
   - All numbers turquoise
   - Private key flashes on COPY
   - Private key turns GREEN backlight on CONNECT or DOWNLOAD
   ========================================================= */

/* ===== Counter boxes: white + blue backlight ===== */
#nfStats .nf-stat{
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 16px rgba(255,255,255,.16),
    0 0 30px rgba(74,163,255,.14);
}

/* ===== Special: TOTAL HOLD box — blue backlight (less white) ===== */
#nfStats .nf-stat.nf-stat-hold{
  border: 1px solid rgba(74,163,255,.32) !important;
  box-shadow:
    0 0 0 1px rgba(74,163,255,.16) inset,
    0 0 18px rgba(74,163,255,.22),
    0 0 44px rgba(74,163,255,.18) !important;
}

/* Titles: slightly brighter */
#nfStats .nf-stat-title{
  color: rgba(230,237,243,.96) !important;
  font-weight: 950 !important;
  text-shadow: 0 0 10px rgba(255,255,255,.10), 0 0 18px rgba(74,163,255,.10);
}

/* ===== Numbers: turquoise ===== */
#nfHoldClaimCount,
#nfHoldClaimNF,
#nfQuestClaimCount,
#nfQuestClaimNF,
#nfMiningBlocks,
#nfMiningNF,
#nfSendTx,
#nfSendNF,
#nfRecvTx,
#nfRecvNF,
#nfTotalNF{
  color: rgba(40, 240, 255, .98) !important;
  text-shadow:
    0 0 10px rgba(34,211,238,.38),
    0 0 26px rgba(34,211,238,.18);
  font-weight: 950;
}

/* ===== Private key: flash on copy ===== */
@keyframes nfPrivFlash{
  0%   { box-shadow: 0 0 0 rgba(255,255,255,0); border-color: rgba(255,255,255,.18); }
  40%  { box-shadow: 0 0 22px rgba(255,255,255,.22), 0 0 30px rgba(74,163,255,.18); border-color: rgba(74,163,255,.45); }
  100% { box-shadow: 0 0 0 rgba(255,255,255,0); border-color: rgba(255,255,255,.18); }
}
#privCard.nf-priv-flash .value{
  animation: nfPrivFlash .65s ease-in-out 1;
}

/* ===== Private key: secure GREEN glow after CONNECT or DOWNLOAD ===== */
#privCard.nf-priv-secure .value{
  border-color: rgba(34,197,94,.55) !important;
  box-shadow:
    0 0 0 1px rgba(34,197,94,.18) inset,
    0 0 22px rgba(34,197,94,.26),
    0 0 44px rgba(34,197,94,.14) !important;
  text-shadow: 0 0 10px rgba(34,197,94,.18);
}

/* =========================================
   FINAL STATE — AFTER DOWNLOAD or CONNECT
   - Private Key: turquoise frame + clear white text
   - Address: green frame
   ========================================= */

/* 🔐 PRIVATE KEY — Turquoise frame + white text */
#privCard.connected .value,
#privCard.nf-priv-secure .value{
  color: rgba(245, 250, 255, .98) !important;        /* clear white */
  border-color: rgba(34, 211, 238, .75) !important;  /* turquoise */
  box-shadow:
    0 0 0 1px rgba(34,211,238,.25) inset,
    0 0 22px rgba(34,211,238,.30),
    0 0 44px rgba(34,211,238,.18) !important;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}

/* 🟢 ADDRESS — Green frame */
#addrCard.connected .value{
  border-color: rgba(34,197,94,.75) !important;      /* green */
  box-shadow:
    0 0 0 1px rgba(34,197,94,.22) inset,
    0 0 22px rgba(34,197,94,.28),
    0 0 44px rgba(34,197,94,.18) !important;
}
