/* =========================================================
   nav-00-vars-base.css

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

   Ownership:
   - production ownership map
   - body / :root vars
   - base navbar shell
   - balance base
   - right-side identity base
   - logout/home/table button base

   Production rule:
   This file must load immediately BEFORE poker-nav.css.
   It preserves original cascade order by owning the former top of poker-nav.css.
========================================================= */

/* =========================================================
   PRODUCTION OWNERSHIP MAP - poker-nav.css

   Shared global navbar CSS loaded by:
   - frontend/Poker.html
   - frontend/StakeSelect.html

   Current ownership ranges, based on read-only audit:
   - 1-220: base nav / balance / right side / logout / home / tables button
   - 220-560: tables bubble / table preview / fullscreen exit / send / receive
   - 560-940: inventory bubble / shop bubble accumulated fixes
   - 936-1308: PNG navbar skin / responsive flow
   - 1309-2744: wallet-email PNG rows / copy hitbox tuning / copy debug history
   - 2745-2913: current final wallet-email copy hitbox source of truth
   - 2914-3196: Shop / Inventory / Buy KAS PNG navbar positioning
   - 3208-3634: privacy eye controls / balance privacy alignment / final tune

   Production rule:
   Do not split by line count.
   Split only by ownership after no-comment diff proves exact behavior preservation.

   This header is documentation only.
   No selectors, declarations, load order, or visuals are changed by this patch.
========================================================= */

body{margin:0;}

:root{
  --bg:#0f1117;
  --card:#141826;
  --muted:#9aa6b2;
  --text:#e9eef2;
  --accent:#38bdf8;
  --accent2:#60a5fa;
  --border:#1f2636;
  --border-strong:#2b3246;
}

/* =========================
   NAVBAR
========================= */

.nav{
  position:absolute;
  left:0;
  right:0;
  width:100%;
  top:0;
  z-index:9999999;
  backdrop-filter:saturate(120%) blur(8px);
  background:rgba(13,16,24,.7);
  border-bottom:4px solid var(--border-strong);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.nav-inner{
  max-width:none;
  width:100%;
  margin:0;
  padding:6px 16px;
  display:flex;
  align-items:center;
  gap:14px;
  position:relative;
}

.spacer{flex:1}

/* =========================
   BALANCE
========================= */

.balance{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  min-width:187px;
  width:187px;
  text-align:center;
  font-size:16px;
  font-weight:900;
  padding:6px 0;
  border-radius:999px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#17223b,#101628);
  box-shadow:0 6px 24px rgba(0,0,0,.25);
  user-select:none;
  cursor:pointer;
}

.balance small{
  display:block;
  font-size:12px;
  color:#9fb0c5;
  font-weight:700;
}

/* =========================
   RIGHT SIDE
========================= */

.nav-right{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:var(--muted);
}

.clickcopy{
  cursor:pointer;
  padding:6px 0;
  border-radius:8px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.03);
}

.clickcopy:hover{
  background:rgba(255,255,255,.06);
}

.id-container{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  max-width:360px;
  font-size:12px;
}

.id-container .email{
  align-self:center;
  font-weight:800;
}

.id-container .address{
  font-family:ui-monospace,monospace;
  font-size:12px;
  word-break:break-all;
  opacity:.9;
}

/* =========================
   LOGOUT BUTTON
========================= */

.logout{
  background:#ff4d4d;
  color:#fff;
  border:none;
  padding:7px 14px;
  border-radius:999px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 0 10px rgba(255,0,0,.35);
}

.logout:hover{
  background:#ff5f5f;
}

/* =========================
   HOME BUTTON
========================= */

.homeBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 0;
  margin:0 10px;
  border:0;
  background:transparent;
  text-decoration:none;
}

.homeIcon{
  width:110px;
  height:79px;
  display:block;
}

/* =========================
   TABLE BUTTON
========================= */

.tablesBtn{
  position:relative;
  overflow:visible;
  width:48px;
  height:48px;
  border-radius:10px;
  border:1px solid rgba(120,160,255,.25);
  background:rgba(10,14,24,.55) url("/assets/PokerTable.png") no-repeat center / contain;
  cursor:pointer;
}

.tablesBtn:hover{
  filter:brightness(1.15);
}