/* ============================================================================
   wallet-ledger — DESKTOP / TABLET relayout (this file is media-gated to ≥768px
   by its <link media="(min-width:768px)">). Light-2026 standard, matching
   account-hub: the wallet balance HERO becomes a contained rounded card on top,
   then a 2-column grid — a wide ledger table (left) + PT Coin balance & quick
   menu (right). Mobile (<768) = Source-of-Truth, never touched by this file.
   Runs beside the shared AppShell sidebar (body.ptshell · appshell.css); loads
   AFTER appshell.css so equal-specificity !important rules here win.
   ============================================================================ */

/* the page's own sticky header is already hidden by the shell on desktop; keep it
   hidden even if the shell chrome is absent (content lives under the shell topbar) */
.page-header{display:none}

/* light neutral canvas is set by appshell.css (html{background:#F4F5F7}) */

/* ---- HERO: full-bleed dark band → contained rounded balance card ---- */
body.ptshell .cHero{
  max-width:1180px;
  margin:6px auto 0;
  border-radius:24px;
  padding:30px 44px 26px !important;         /* beat appshell's .cHero{padding:20px 10%} */
  box-shadow:0 28px 64px -36px rgba(40,20,0,.62);
}
body.ptshell .cHero .bal{font-size:46px}
body.ptshell .cHero .cStats{gap:34px}
body.ptshell .cHero .cQa{max-width:520px}   /* keep quick actions from stretching too wide */

/* ---- content grid: ledger (left, tall) + PT Coin & menu (right) ---- */
body.ptshell main.page{
  max-width:1180px;
  margin-inline:auto;
  padding:20px 0 48px;
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);
  grid-template-areas:"ledger ptc" "ledger menu";
  gap:20px;
  align-items:start;
}
/* neutralise the shared "main.page > * + .card" vertical rhythm inside the grid */
body.ptshell main.page > .card{margin-top:0}
body.ptshell .wl-ledger-card{grid-area:ledger}
body.ptshell .wl-ptc-card{grid-area:ptc}
body.ptshell .wl-menu-card{grid-area:menu}

/* ---- light-2026 card polish (neutral line + soft lift) ---- */
body.ptshell main.page .card{
  border-color:#E8EAEF;
  box-shadow:0 20px 46px -30px rgba(20,25,35,.28);
  padding:18px 20px;
}

/* ---- ledger as a clean, width-using list/table ---- */
body.ptshell .wl-ledger-card .title{font-size:16px;margin-bottom:14px}
body.ptshell .wl-ledger-card .ftabs{margin-bottom:12px}
body.ptshell .wl-ledger-card .trow{
  padding:15px 12px;
  border-radius:12px;
  transition:background .12s ease;
}
body.ptshell .wl-ledger-card .trow:hover{background:#F7F8FA}
body.ptshell .wl-ledger-card .trow .td b{font-size:14.5px}
body.ptshell .wl-ledger-card .trow .tv{font-size:16px}

/* ---- PT Coin balance: a touch more presence in the side column ---- */
body.ptshell .wl-ptc-card .ptc{margin-top:0;padding:15px 18px}
body.ptshell .wl-ptc-card .ptc .pv{font-size:19px}
body.ptshell .wl-menu-card .title{margin-bottom:12px}

/* ≥1280: sidebar expands (shell) → give the content a little more room */
@media (min-width:1280px){
  body.ptshell .cHero,
  body.ptshell main.page{max-width:1240px}
}