/* Read-only availability indicator in the existing bank-dialog header. */
.bank-dialog-available{margin-left:auto;min-width:154px;padding-left:14px;border-left:1px solid rgba(191,224,243,.45);text-align:right;font-variant-numeric:tabular-nums;line-height:1.05}
.bank-dialog-available span{display:block;margin:0!important;color:#b9d8cc!important;font-size:.66rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.bank-dialog-available b{display:block;margin-top:3px;color:#fff;font-size:1.38rem;font-weight:900;letter-spacing:.01em;white-space:nowrap}
.bank-popular-dialog .bank-dialog-available span,.bank-banreservas-dialog .bank-dialog-available span{color:#c8ecff!important}
#destination-correction-dialog .bank-dialog-available{margin:7px 0 12px;padding:9px 0 0;border-top:1px solid #38506b;border-left:0;text-align:left}
#destination-correction-dialog .bank-dialog-available b{font-size:1.15rem}
@media(max-width:600px){.bank-dialog-identity{flex-wrap:wrap}.bank-dialog-available{width:100%;margin-left:0;padding:9px 0 0;border-top:1px solid rgba(191,224,243,.45);border-left:0;text-align:left}.bank-dialog-available b{font-size:1.2rem}}

/* Keep the complete bank dialog inside the viewport.  The core skin deliberately
   clips its decorative artwork; these explicit longhands retain that horizontal
   clipping while making the dialog itself the vertical scroll container. */
#bank-dialog[open],
#bank-dialog.bank-bhd-dialog[open],
#bank-dialog.bank-popular-dialog[open],
#bank-dialog.bank-banreservas-dialog[open],
#bank-dialog[open]:has(#dialog-bank-logo img[src*="adopem"]){max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
html:has(#bank-dialog[open]),body:has(#bank-dialog[open]){overflow:hidden}