/* Credits pill in the Atelier header: balance on the left, "Top up" in a small ink capsule on the right. */
.header-nav .atelier-wallet{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 4px 0 12px;border:1px solid var(--rule,rgba(22,21,26,.14));border-radius:999px;background:var(--wall,#fffefb);font-size:12px;line-height:1;white-space:nowrap;text-decoration:none;transition:border-color .3s,box-shadow .3s}
.header-nav .atelier-wallet::after{content:none}
.header-nav .atelier-wallet:hover{border-color:var(--ink,#16151a);box-shadow:0 8px 20px -14px rgba(22,21,26,.5)}
.atelier-wallet .wallet-mark{width:7px;height:7px;flex-shrink:0;background:var(--accent,#c4472f);rotate:45deg;transition:rotate .5s cubic-bezier(.22,.8,.18,1)}
.atelier-wallet:hover .wallet-mark{rotate:225deg}
.atelier-wallet .wallet-balance{font-variant-numeric:tabular-nums;color:var(--ink,#16151a)}
.atelier-wallet.has-balance .wallet-balance{font-weight:600}
.atelier-wallet .wallet-action{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--ink,#16151a);color:var(--paper,#f7f5f0);font-size:11px;transition:background .3s}
.atelier-wallet:hover .wallet-action{background:var(--accent,#c4472f)}
.atelier-wallet.is-unavailable{padding-right:12px;color:var(--muted,#6e6a73)}
.atelier-wallet.is-unavailable .wallet-mark{background:var(--muted,#6e6a73)}
.atelier-wallet.is-unavailable .wallet-action{display:none}
/* Keep the wallet reachable when Atelier collapses the other navigation links. */
.site-header .header-nav a.atelier-wallet{display:inline-flex}
@media(max-width:640px){
  .header-nav .atelier-wallet{height:30px;gap:6px;padding-left:10px;font-size:11px}
  .atelier-wallet .wallet-mark{display:none}
  .atelier-wallet .wallet-action{height:22px;padding:0 9px;font-size:10px}
  .atelier-wallet .wallet-balance{max-width:96px;overflow:hidden;text-overflow:ellipsis}
}
@media(prefers-reduced-motion:reduce){.atelier-wallet,.atelier-wallet *{transition:none!important}}

/* Wallet entry inside the 4K checkout dialog */
.checkout-wallet{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border:1px dashed var(--rule,rgba(22,21,26,.18));border-radius:12px;text-decoration:none;color:var(--ink,#16151a);transition:border-color .3s,background .3s}
.checkout-wallet:hover{border-style:solid;border-color:var(--ink,#16151a);background:var(--paper,#f7f5f0)}
.checkout-wallet strong{display:block;font-size:14px;font-weight:600}
.checkout-wallet small{display:block;margin-top:2px;font-size:12px;color:var(--muted,#6e6a73)}
.checkout-wallet-mark{width:8px;height:8px;margin:0 4px;background:var(--accent,#c4472f);rotate:45deg}
.checkout-wallet-arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--rule,rgba(22,21,26,.18));font-size:13px;transition:background .3s,color .3s}
.checkout-wallet:hover .checkout-wallet-arrow{background:var(--ink,#16151a);color:var(--paper,#f7f5f0)}