/* Carteira wallet: transparent PNG buttons centered in their balance card. */
body{
  background-image:
    linear-gradient(color-mix(in srgb, var(--balance, #e0d400) 42%, transparent), color-mix(in srgb, var(--balance, #e0d400) 42%, transparent)),
    url('/assets/branding/background.png');
}
.wallet-balance-card .wallet-actions{
  display:grid;
  justify-items:center;
  align-items:center;
  width:100%;
  gap:12px;
  margin-top:28px;
}
.wallet-balance-card .wallet-image-button{
  display:block;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:none;
}
.wallet-balance-card .wallet-image-button img{
  display:block;
  width:min(100%,280px);
  height:auto;
  margin:0 auto;
  background:transparent;
}
.wallet-balance-card .wallet-image-button span{
  background:transparent;
  color:inherit;
  padding:0;
}

/* Keep the title artwork and the chosen avatar together, without distortion. */
.wallet-branding{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(8px,3vw,18px);
  width:100%;
  max-width:620px;
  margin:0 auto 12px;
  padding:0 clamp(4px,2vw,12px);
}
.wallet-branding .wallet-title{flex:1 1 auto;min-width:0;margin:0;text-align:center}
.wallet-branding .wallet-title img{display:block;width:100%;max-width:380px;height:auto;margin:0 auto;object-fit:contain}
.wallet-user-avatar{flex:0 0 auto;width:clamp(70px,23vw,112px);aspect-ratio:1;object-fit:contain;border-radius:50%}

/* Admin number inputs use the phone's numeric keypad; message fields remain normal text. */
.admin-operation{display:flex;justify-content:center;gap:10px;margin:10px 0}.admin-operation button{margin:0}.admin-operation .selected-operation{outline:3px solid #251541;outline-offset:2px}.transaction-card label{display:block;text-align:left;font-weight:800;margin-top:12px}.transaction-card label input,.transaction-card label textarea{width:100%;margin:5px 0 0}.transaction-card textarea{resize:vertical}.transaction-card label small{font-weight:400}

/* On phones, keep a typed admin form above the virtual keyboard. */
.transaction-modal.keyboard-aware-open{place-items:start center;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:16px}

/* Tigrinho: legible warning over the custom background artwork. */
.tigrinho-controls .tigrinho-insufficient{color:#fff!important;}

/* Triple Davi grants a locked free spin: make the locked bet controls unmistakable. */
.tigrinho-image-button.tigrinho-free-spin-locked img{
  filter:grayscale(1) saturate(.04) brightness(.78);
}