/* Use the shared main width and gutters, matching the Reseller page. */
.store-wallet-page{margin:38px auto 70px}.wallet-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.wallet-heading h1{font-size:clamp(28px,4vw,40px);margin:8px 0}.wallet-heading p{margin:0;max-width:660px;color:#607493;line-height:1.7}.wallet-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}.wallet-card{background:#fff;border:1px solid #d3e1f7;border-radius:20px;padding:26px;min-width:0;margin-bottom:24px}.wallet-balance{background:linear-gradient(120deg,#0e2546,#164f95);color:#fff;border-color:#164f95}.wallet-balance h2{font-size:clamp(28px,4vw,38px);margin:18px 0 6px;overflow-wrap:anywhere}.wallet-balance .eyebrow{color:#a9d4ff}.wallet-balance p{color:#c8dbf4;line-height:1.7}.wallet-balance a{display:inline-block;margin-top:14px;background:#fff;color:#145ccd}.wallet-card h2,.wallet-card h3{margin-top:0}.wallet-card .field{margin:18px 0}.wallet-card input,.wallet-card select{width:100%;min-width:0}.wallet-networks{font-size:12px;line-height:1.9;color:#607493}.wallet-history-row{display:flex;gap:16px;justify-content:space-between;width:100%;padding:17px 0;border:0;border-bottom:1px solid #e5ecf7;background:transparent;text-align:left;color:#182d4d;font:inherit}.wallet-history-row span{min-width:0;overflow-wrap:anywhere}.wallet-history-row span:last-child{text-align:right;flex-shrink:0;max-width:48%}.wallet-history-row small{display:block;font-size:11px;line-height:1.7;color:#607493;margin-top:5px}.wallet-history-row b{font-size:13px}.wallet-history-row .wallet-success,.wallet-success{color:#087d64}.wallet-empty{font-size:13px;line-height:1.8;color:#607493}.wallet-copy-actions{display:flex;gap:10px;flex-wrap:wrap}.wallet-break{overflow-wrap:anywhere}.wallet-instruction{background:#f3f7ff;border-radius:14px;padding:20px;margin-top:24px}.wallet-instruction .section-title{gap:12px}.wallet-instruction .section-title h3{margin:0}.wallet-instruction p{font-size:13px;line-height:1.8}.wallet-help{font-size:12px;line-height:1.8;color:#607493}.wallet-state{font-weight:600}.wallet-login-card{max-width:620px;margin:0 auto;text-align:center;padding:44px 26px}.wallet-login-card p{line-height:1.8}.wallet-admin-row{padding:14px 0;border-bottom:1px solid #d3e1f7;overflow-wrap:anywhere;font-size:13px}
@media(max-width:720px){.store-wallet-page{margin-top:24px}.wallet-layout{grid-template-columns:1fr;gap:0}.wallet-heading{align-items:flex-start;flex-direction:column;gap:14px}.wallet-card{padding:20px;border-radius:16px}.wallet-heading p{font-size:13px}.wallet-history-row{gap:10px}.wallet-copy-actions button{flex:1}.site-nav{overflow-x:auto}}

.wallet-balance #walletSyncStatus{display:block}
.wallet-heading #walletRefresh { flex-shrink: 0; white-space: nowrap; }
/* Keep the two history panels aligned; long lists scroll within the cards. */
.wallet-layout {
  grid-template-areas: "overview topup" "activity history";
  align-items: stretch;
}
.wallet-overview { grid-area: overview; min-width: 0; }
.wallet-overview > .wallet-balance { margin-bottom: 0; }
.wallet-topup { grid-area: topup; margin-bottom: 0; }
.wallet-activity { grid-area: activity; }
.wallet-history { grid-area: history; }
.wallet-activity, .wallet-history {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: clamp(360px, 48svh, 460px);
  margin-bottom: 0;
}
.wallet-activity > h2, .wallet-history > h2,
.wallet-activity > p, .wallet-history > p { flex-shrink: 0; }
.wallet-activity > h2, .wallet-history > h2 { margin: 0 0 8px; }
.wallet-activity > p, .wallet-history > p { margin: 0 0 16px; font-size: 12px; line-height: 1.7; }
.wallet-scroll {
  flex: 1 1 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-behavior: smooth;
  scroll-padding-block: 12px;
  scrollbar-gutter: auto;
  scrollbar-width: none;
  padding-right: 0;
  /* Local white covers reveal the blue edge shadows only while scrolling. */
  background:
    linear-gradient(#fff 30%, #ffffff00) center top / 100% 36px local,
    linear-gradient(#ffffff00, #fff 70%) center bottom / 100% 36px local,
    radial-gradient(farthest-side at 50% 0, #1269ef1f, #1269ef00) center top / 100% 12px scroll,
    radial-gradient(farthest-side at 50% 100%, #1269ef1f, #1269ef00) center bottom / 100% 12px scroll;
  background-repeat: no-repeat;
}
.wallet-scroll:focus-visible { outline: 2px solid #1269ef; outline-offset: 3px; border-radius: 4px; }
/* Hide the scroll controls while preserving native swipe, wheel and keyboard scrolling. */
.wallet-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
.wallet-scroll .wallet-history-row:last-child { border-bottom: 0; }
.wallet-history .wallet-scroll > h3:not(:first-child) { margin-top: 20px; }
@media(min-width:721px) and (max-width:1100px) {
  .wallet-layout { gap: 20px; }
  .wallet-card { padding: 20px; }
  .wallet-heading h1 { font-size: 30px; }
}
@media(max-width:720px) {
  .wallet-layout { grid-template-areas: "overview" "activity" "topup" "history"; gap: 24px; }
  .wallet-activity, .wallet-history { height: auto; max-height: clamp(320px, 55svh, 420px); }
  .wallet-scroll { flex: 0 1 auto; }
  .wallet-scroll .wallet-empty { margin: 0; }
}
@media(max-width:1100px) {
  .store-wallet-page .field input, .store-wallet-page .field select { font-size: 16px; min-height: 46px; }
  .store-wallet-page #walletRefresh, .store-wallet-page .wallet-topup button { min-height: 44px; }
}
@media(prefers-reduced-motion:reduce) { .wallet-scroll { scroll-behavior: auto; } }
.wallet-address-qr{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:12px;background:#fff}
/* Keep the footer at the bottom even on short wallet pages or zoomed-out screens. */
body[data-page="dompet"]{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body[data-page="dompet"]>.announcement,body[data-page="dompet"]>.site-header,body[data-page="dompet"]>.store-footer{flex-shrink:0}
body[data-page="dompet"]>.site-header{width:100%;margin:0 auto}
body[data-page="dompet"]>.store-wallet-page{width:100%;flex:1 0 auto}
body[data-page="dompet"]>.store-footer{width:100%;margin-top:auto;margin-bottom:0}
@media(max-width:720px){.site-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.site-nav .nav-trigger{flex:0 0 auto}.wallet-instruction .section-title{display:flex;flex-direction:row;align-items:center}.wallet-instruction #walletHideDeposit{width:36px;flex:0 0 36px;padding:8px}}