/* =========================================================
   nav-40-wallet-email-copy-history.css

   Extracted top-contiguous section from frontend/poker-nav.css.

   Ownership:
   - temporary copy debug panel
   - historical copydebug overlays
   - wallet/email copy-hitbox tuning history
   - historical debug geometry blocks
   - wallet/email/balance compacting history before final source of truth

   Production rule:
   This file must load AFTER nav-30-png-skin-responsive.css
   and immediately BEFORE poker-nav.css.
   It preserves original cascade order by owning the former next top section.

   Do not split this file semantically until visual/click regression testing proves old history is dead.
========================================================= */

/* =========================================================
   DEBUG CSS OWNERSHIP NOTE

   This #navCopyDebug panel is visual-only debug UI.
   It is safe to extract later into css/nav/nav-debug.css
   after load order is proven.

   Do not move wallet/email geometry rules with it.
========================================================= */

/* =========================
   TEMP COPY DEBUG WINDOW
========================= */

#navCopyDebug{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999999999;
  max-width:460px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(0,255,255,.45);
  background:rgba(3,10,24,.92);
  color:#eaffff;
  font:12px/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  box-shadow:0 0 18px rgba(0,255,255,.25);
  pointer-events:none;
}

/* make overlapped wallet/email rows click correctly */
.png-wallet-card .wallet-line{
  position:relative !important;
}

.png-wallet-card .wallet-line:not(.email-line){
  z-index:1 !important;
}

.png-wallet-card .email-line{
  z-index:5 !important;
}

#navAddr,
#navEmail{
  position:relative !important;
  z-index:10 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* =========================================================
   HISTORICAL DEBUG OVERRIDE BLOCK

   This early copy-debug section is part of wallet/email hitbox history.
   Do not extract or delete until final computed behavior is verified.
   The current source of truth is the later FINAL CLEAN block.
========================================================= */

/* =========================
   COPY DEBUG URL MODE
   Use: /StakeSelect.html?copydebug=1
========================= */

.copy-debug-mode #navCopyDebug{
  display:block !important;
}

.copy-debug-mode .png-wallet-card{
  outline:2px dashed rgba(255,0,255,.65) !important;
  outline-offset:4px !important;
}

.copy-debug-mode .png-wallet-card .wallet-line{
  overflow:visible !important;
}

.copy-debug-mode #navAddr,
.copy-debug-mode #navEmail{
  background:rgba(255,0,255,.32) !important;
  outline:2px solid #ff00ff !important;
  outline-offset:2px !important;
  box-shadow:
    0 0 0 9999px rgba(255,0,255,0),
    0 0 16px rgba(255,0,255,.75) !important;
}

.copy-debug-mode #navAddr::before,
.copy-debug-mode #navEmail::before{
  position:absolute;
  left:0;
  top:-20px;
  z-index:999999999;
  padding:2px 6px;
  border-radius:6px;
  background:#ff00ff;
  color:white;
  font:11px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space:nowrap;
  pointer-events:none;
}

.copy-debug-mode #navAddr::before{
  content:"KASPA ADDRESS COPY AREA";
}

.copy-debug-mode #navEmail::before{
  content:"EMAIL COPY AREA";
}

.copy-debug-mode #navAddr::after,
.copy-debug-mode #navEmail::after{
  content:"";
  position:absolute;
  inset:-4px;
  z-index:-1;
  border-radius:8px;
  background:rgba(255,0,255,.18);
  pointer-events:none;
}

/* =========================
   WALLET / EMAIL TUNE
   Half height: 80px -> 40px
   Width +5%: 390px -> 410px
========================= */

.png-nav-inner{
  min-height:108px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}

.png-wallet-card{
  width:410px !important;
  max-width:410px !important;
  min-width:410px !important;
  gap:4px !important;
  padding:0 !important;
  justify-content:center !important;
}

/* both wallet + email rows */
.png-wallet-card .wallet-line{
  width:410px !important;
  height:40px !important;
  min-height:40px !important;
  line-height:40px !important;
  padding:0 48px 0 44px !important;
  background-size:100% 100% !important;
}

/* stop the old 80px overlap pull */
.png-wallet-card .email-line{
  margin-top:0 !important;
}

.png-wallet-card .wallet-line .address,
.png-wallet-card .wallet-line .email{
  line-height:40px !important;
}

.png-wallet-card .wallet-line .address{
  font-size:12px !important;
}

.png-wallet-card .wallet-line .email{
  font-size:13px !important;
}

/* responsive version */
@media (max-width:1700px){
  .png-wallet-card{
    width:378px !important;
    max-width:378px !important;
    min-width:378px !important;
  }

  .png-wallet-card .wallet-line{
    width:378px !important;
    height:40px !important;
    min-height:40px !important;
    line-height:40px !important;
    padding-left:42px !important;
    padding-right:44px !important;
  }

  .png-wallet-card .wallet-line .address,
  .png-wallet-card .wallet-line .email{
    line-height:40px !important;
  }
}

/* =========================
   WALLET / EMAIL HEIGHT 36PX
   10% smaller from 40px
========================= */

.png-wallet-card .wallet-line{
  height:36px !important;
  min-height:36px !important;
  line-height:36px !important;
}

.png-wallet-card .wallet-line .address,
.png-wallet-card .wallet-line .email{
  line-height:36px !important;
}

@media (max-width:1700px){
  .png-wallet-card .wallet-line{
    height:36px !important;
    min-height:36px !important;
    line-height:36px !important;
  }

  .png-wallet-card .wallet-line .address,
  .png-wallet-card .wallet-line .email{
    line-height:36px !important;
  }
}

/* =========================
   WALLET / EMAIL COPY AREAS 32PX
   Additional 10% smaller from 36px
========================= */

.png-wallet-card .wallet-line{
  height:32px !important;
  min-height:32px !important;
  line-height:32px !important;
}

.png-wallet-card .wallet-line .address,
.png-wallet-card .wallet-line .email{
  line-height:32px !important;
}

@media (max-width:1700px){
  .png-wallet-card .wallet-line{
    height:32px !important;
    min-height:32px !important;
    line-height:32px !important;
  }

  .png-wallet-card .wallet-line .address,
  .png-wallet-card .wallet-line .email{
    line-height:32px !important;
  }
}

/* =========================
   REAL COPY HITBOX FIX
   This controls the actual clickable #navAddr / #navEmail boxes,
   not only the PNG background rows.
========================= */

.png-wallet-card .wallet-line{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}

/* Actual copy/click targets */
#navAddr,
#navEmail{
  display:block !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  line-height:18px !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* =========================================================
   HISTORICAL DEBUG GEOMETRY BLOCK

   This mid-file debug section changes hitbox dimensions/positioning.
   It is retained for cascade safety only.
   Do not move into nav-debug.css during first extraction.
========================================================= */

/* Debug should show the REAL copy hitbox only */
.copy-debug-mode #navAddr,
.copy-debug-mode #navEmail{
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  line-height:18px !important;
  background:rgba(255,0,255,.42) !important;
  outline:2px solid #ff00ff !important;
  outline-offset:0 !important;
  box-shadow:0 0 10px rgba(255,0,255,.65) !important;
}

/* Remove the fake bigger magenta area from earlier */
.copy-debug-mode #navAddr::after,
.copy-debug-mode #navEmail::after{
  display:none !important;
}

/* Keep labels from making it look like the hitbox is taller */
.copy-debug-mode #navAddr::before,
.copy-debug-mode #navEmail::before{
  top:-16px !important;
  font-size:9px !important;
  padding:1px 4px !important;
}

/* =========================
   DOUBLE ONLY THE BACKGROUND PNG HEIGHT
   Keep actual copy hitboxes (#navAddr / #navEmail) unchanged
========================= */

.png-wallet-card{
  gap:6px !important;
}

.png-wallet-card .wallet-line{
  height:64px !important;
  min-height:64px !important;
  line-height:64px !important;
  padding:0 48px 0 44px !important;
  display:flex !important;
  align-items:center !important;   /* keeps real copy boxes vertically centered */
  background-size:100% 100% !important;
}

/* DO NOT enlarge the real copy hitboxes */
#navAddr,
#navEmail{
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  line-height:18px !important;
}

/* responsive */
@media (max-width:1700px){
  .png-wallet-card .wallet-line{
    height:64px !important;
    min-height:64px !important;
    line-height:64px !important;
  }

  #navAddr,
  #navEmail{
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    line-height:18px !important;
  }
}

/* =========================
   WALLET / EMAIL BACKGROUND PNG +33%
   64px -> 85px
   Keep real copy hitboxes unchanged
========================= */

.png-wallet-card{
  gap:8px !important;
}

.png-wallet-card .wallet-line{
  height:85px !important;
  min-height:85px !important;
  line-height:85px !important;
  padding:0 48px 0 44px !important;
  display:flex !important;
  align-items:center !important;   /* keep copy hitboxes vertically centered */
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

/* DO NOT enlarge the real copy hitboxes */
#navAddr,
#navEmail{
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  line-height:18px !important;
}

/* responsive */
@media (max-width:1700px){
  .png-wallet-card .wallet-line{
    height:85px !important;
    min-height:85px !important;
    line-height:85px !important;
  }

  #navAddr,
  #navEmail{
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    line-height:18px !important;
  }
}

/* =========================
   WALLET / EMAIL BACKGROUND PNG +25%
   85px -> 106px
   Keep real copy hitboxes unchanged
========================= */

.png-wallet-card{
  gap:10px !important;
}

.png-wallet-card .wallet-line{
  height:106px !important;
  min-height:106px !important;
  line-height:106px !important;
  padding:0 48px 0 44px !important;
  display:flex !important;
  align-items:center !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

/* keep the REAL copy hitboxes small */
#navAddr,
#navEmail{
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  line-height:18px !important;
}

@media (max-width:1700px){
  .png-wallet-card .wallet-line{
    height:106px !important;
    min-height:106px !important;
    line-height:106px !important;
  }

  #navAddr,
  #navEmail{
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    line-height:18px !important;
  }
}

/* =========================
   COPY HITBOX COVERS FULL WALLET / EMAIL PNG
   The magenta area now represents the full clickable PNG row.
========================= */

.png-wallet-card .wallet-line{
  position:relative !important;
}

/* Make actual copy targets fill their whole PNG row */
#navAddr,
#navEmail{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;

  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  display:flex !important;
  align-items:center !important;

  box-sizing:border-box !important;
  padding:0 48px 0 44px !important;

  line-height:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

/* Debug view: magenta covers the full PNG click area */
.copy-debug-mode #navAddr,
.copy-debug-mode #navEmail{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;

  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  display:flex !important;
  align-items:center !important;

  padding:0 48px 0 44px !important;
  background:rgba(255,0,255,.42) !important;
  outline:2px solid #ff00ff !important;
  outline-offset:0 !important;
  box-shadow:0 0 14px rgba(255,0,255,.75) !important;
}

/* Keep debug labels small */
.copy-debug-mode #navAddr::before,
.copy-debug-mode #navEmail::before{
  top:4px !important;
  left:8px !important;
  font-size:9px !important;
  padding:1px 4px !important;
}

/* =========================
   REDUCE ONLY KASPA WALLET COPY HITBOX
   106px -> 36px, centered inside PNG
========================= */

#navAddr{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;

  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;

  display:flex !important;
  align-items:center !important;

  padding:0 48px 0 44px !important;
  box-sizing:border-box !important;
  line-height:36px !important;
}

/* Debug magenta follows the real wallet copy area */
.copy-debug-mode #navAddr{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;

  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;

  display:flex !important;
  align-items:center !important;

  padding:0 48px 0 44px !important;
  background:rgba(255,0,255,.42) !important;
  outline:2px solid #ff00ff !important;
  outline-offset:0 !important;
  box-shadow:0 0 14px rgba(255,0,255,.75) !important;
}

/* =========================
   KASPA WALLET COPY HITBOX WIDTH 95%
   Reduce width by 5%, keep centered
========================= */

#navAddr{
  left:50% !important;
  right:auto !important;
  width:95% !important;
  transform:translate(-50%, -50%) !important;
}

/* Debug magenta follows same reduced wallet copy width */
.copy-debug-mode #navAddr{
  left:50% !important;
  right:auto !important;
  width:95% !important;
  transform:translate(-50%, -50%) !important;
}

/* =========================
   KASPA WALLET COPY HITBOX WIDTH 90%
   Additional 5% smaller, centered
========================= */

#navAddr{
  left:50% !important;
  right:auto !important;
  width:90% !important;
  transform:translate(-50%, -50%) !important;
}

.copy-debug-mode #navAddr{
  left:50% !important;
  right:auto !important;
  width:90% !important;
  transform:translate(-50%, -50%) !important;
}

/* =========================
   EMAIL COPY HITBOX MATCHES KASPA ADDRESS
   Same height, width, and centered position
========================= */

#navEmail{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  transform:translate(-50%, -50%) !important;

  width:90% !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;

  display:flex !important;
  align-items:center !important;

  padding:0 48px 0 44px !important;
  box-sizing:border-box !important;
  line-height:36px !important;
}

/* Debug magenta follows same email copy area */
.copy-debug-mode #navEmail{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  transform:translate(-50%, -50%) !important;

  width:90% !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;

  display:flex !important;
  align-items:center !important;

  padding:0 48px 0 44px !important;
  background:rgba(255,0,255,.42) !important;
  outline:2px solid #ff00ff !important;
  outline-offset:0 !important;
  box-shadow:0 0 14px rgba(255,0,255,.75) !important;
}

/* =========================
   REDUCE SPACE BETWEEN WALLET + EMAIL PNG ROWS
   Keep PNG size, pull email row upward to shrink navbar height
========================= */

.png-wallet-card{
  gap:0 !important;
  justify-content:center !important;
}

/* Pull email row closer to wallet row */
.png-wallet-card .email-line{
  margin-top:-70px !important;
}

/* Reduce navbar height after overlap */
.png-nav-inner{
  min-height:150px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}

/* =========================
   ADD SMALL GAP BETWEEN WALLET + EMAIL ROWS
========================= */

.png-wallet-card .email-line{
  margin-top:-60px !important;
}

/* slightly more room for the small gap */
.png-nav-inner{
  min-height:160px !important;
}

/* center Shop / Buy KAS text inside transparent nav background */
.png-shopBtn,
.png-buyKasBtn {
  justify-content: center !important;
  text-align: center !important;
}

.png-shopBtn img,
.png-buyKasBtn img {
  margin-left: 0 !important;
}

.png-shopBtn span,
.png-buyKasBtn span {
  text-align: center !important;
}

/* real centering for PNG nav buttons */
.png-shop-frame #shopNavBtn,
.png-shop-frame #buyKasNavBtn {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.png-shop-frame #shopNavBtn .nav-btn-img,
.png-shop-frame #buyKasNavBtn .nav-btn-img {
  display:block !important;
  margin:0 auto !important;
  transform:none !important;
}

/* small surgical nudges */
.png-shop-frame #shopNavBtn .nav-btn-img {
  translate: 8px 0;
}

.png-shop-frame #buyKasNavBtn .nav-btn-img {
  translate: -8px 0;
}

/* stronger centering pass for Shop / Buy KAS */
.png-shop-frame #shopNavBtn .nav-btn-img {
  translate: 18px 0 !important;
}

.png-shop-frame #buyKasNavBtn .nav-btn-img {
  translate: -18px 0 !important;
}

/* bigger balance PNG so text fits */
.balance.png-balance,
#balanceBtn.balance,
.balance {
  width: 135px !important;
  min-width: 135px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* keep balance text centered inside bigger PNG */
.balance {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.05 !important;
}

.balance small {
  margin-top: 1px !important;
}

/* increase balance PNG height only */
.balance.png-balance,
#balanceBtn.balance,
.balance {
  height: 72px !important;
  min-height: 72px !important;
}

/* give the two text lines a little more breathing room */
.balance {
  line-height: 1.12 !important;
}

.balance small {
  margin-top: 3px !important;
}

/* balance PNG height +50% */
.balance.png-balance,
#balanceBtn.balance,
.balance {
  height: 108px !important;
  min-height: 108px !important;
}

/* keep text spacing comfortable inside taller PNG */
.balance {
  line-height: 1.18 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.balance small {
  margin-top: 6px !important;
}

/* balance: 20% more height + text shifted right */
.balance.png-balance,
#balanceBtn.balance,
.balance {
  height: 130px !important;
  min-height: 130px !important;

  /* push the text block a bit right inside the PNG */
  box-sizing: border-box !important;
  padding-left: 29px !important;

  /* keep vertical centering */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.18 !important;
}

.balance small {
  margin-top: 6px !important;
}

/* make the full Kaspa address row clickable */
.png-wallet-card .wallet-line {
  position: relative !important;
  cursor: pointer !important;
}

.png-wallet-card .wallet-line #navAddr,
.png-wallet-card .wallet-line #navEmail {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* the actual ID is navAddr, not navAddress */
#navAddr.clickcopy,
#navEmail.clickcopy {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* reduce navbar height by shrinking the tallest navbar item */
.balance.png-balance,
#balanceBtn.balance,
.balance {
  height: 91px !important;
  min-height: 91px !important;
}

/* reduce navbar vertical padding */
.nav-inner {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

/* keep balance text centered after shrinking */
.balance {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.12 !important;
}

.balance small {
  margin-top: 3px !important;
}

/* REAL navbar compact pass */
.nav-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 92px !important;
  height: 92px !important;
}

/* shrink home logo area */
.homeBtn {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.homeIcon {
  width: 76px !important;
  height: 58px !important;
}

/* shrink table button */
.tablesBtn {
  width: 44px !important;
  height: 44px !important;
}

/* shrink balance so it no longer controls navbar height */
.balance.png-balance,
#balanceBtn.balance,
.balance {
  width: 150px !important;
  min-width: 150px !important;
  height: 70px !important;
  min-height: 70px !important;
  padding-left: 29px !important;
  line-height: 1.08 !important;
}

/* shrink wallet/email card */
.png-wallet-card {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 4px !important;
}

/* shrink each wallet/email row */
.png-wallet-card .wallet-line {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}

.png-wallet-card .wallet-line #navAddr,
.png-wallet-card .wallet-line #navEmail,
#navAddr.clickcopy,
#navEmail.clickcopy {
  min-height: 30px !important;
  height: 30px !important;
}

/* keep right PNG buttons compact */
.png-nav-img-btn {
  height: 64px !important;
  width: 64px !important;
}

.png-nav-img-btn .nav-btn-img {
  max-height: 64px !important;
  max-width: 64px !important;
}

/* navbar +15% from compact pass */
.nav-inner {
  min-height: 106px !important;
  height: 106px !important;
}

/* home logo +15% */
.homeIcon {
  width: 87px !important;
  height: 67px !important;
}

/* table button slight increase */
.tablesBtn {
  width: 50px !important;
  height: 50px !important;
}

/* balance +15% */
.balance.png-balance,
#balanceBtn.balance,
.balance {
  width: 173px !important;
  min-width: 173px !important;
  height: 81px !important;
  min-height: 81px !important;
  padding-left: 29px !important;
}

/* wallet/email card +15% */
.png-wallet-card {
  height: 87px !important;
  min-height: 87px !important;
  max-height: 87px !important;
  gap: 5px !important;
}

/* wallet/email rows +15% */
.png-wallet-card .wallet-line {
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
}

.png-wallet-card .wallet-line #navAddr,
.png-wallet-card .wallet-line #navEmail,
#navAddr.clickcopy,
#navEmail.clickcopy {
  min-height: 35px !important;
  height: 35px !important;
}

/* right PNG buttons +15% */
.png-nav-img-btn {
  height: 90px !important;
  width: 74px !important;
}

.png-nav-img-btn .nav-btn-img {
  max-height: 90px !important;
  max-width: 74px !important;
}


/* Balance pill unwarp fix */
#balancePill.balance.png-balance {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;

  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;

  padding: 0 !important;
  transform: none !important;

  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 190px auto !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

#balancePill #balanceValue {
  line-height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#balancePill #balanceHint {
  line-height: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Move balance text slightly right */
#balancePill #balanceValue,
#balancePill #balanceHint {
  transform: translateX(-82px) !important;
}

/* Center balance only on wide screens where space permits */
@media (min-width: 1700px) {
  #balancePill.balance.png-balance {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  #balancePill #balanceValue,
  #balancePill #balanceHint {
    transform: translateX(-82px) !important;
  }
}

/* Wallet/email background PNGs taller, navbar height unchanged */
.png-wallet-card {
  height: 87px !important;
  min-height: 87px !important;
  max-height: 87px !important;
  gap: 0px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  overflow: visible !important;
}

/* Make the two actual wallet/email PNG rows taller */
.png-wallet-card .wallet-line {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Keep copy hitboxes matching the taller PNG rows */
.png-wallet-card .wallet-line #navAddr,
.png-wallet-card .wallet-line #navEmail,
#navAddr.clickcopy,
#navEmail.clickcopy {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  line-height: 42px !important;
}

/* Wallet/email PNG rows +50% taller, navbar height unchanged */
.png-wallet-card {
  height: 87px !important;
  min-height: 87px !important;
  max-height: 87px !important;
  gap: 0px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
}

/* 42px + 50% = 63px */
.png-wallet-card .wallet-line {
  height: 63px !important;
  min-height: 63px !important;
  max-height: 63px !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Pull the second row upward so both fit visually inside the same navbar height */
.png-wallet-card .wallet-line.email-line {
  margin-top: -39px !important;
}

/* Keep text/copy hitboxes centered inside the taller PNGs */
.png-wallet-card .wallet-line #navAddr,
.png-wallet-card .wallet-line #navEmail,
#navAddr.clickcopy,
#navEmail.clickcopy {
  height: 63px !important;
  min-height: 63px !important;
  max-height: 63px !important;
  line-height: 63px !important;
}

/* Increase distance between wallet/email PNG rows slightly */
.png-wallet-card .wallet-line.email-line {
  margin-top: -30px !important;
}