/* PAG 1.5.1 · Central de Pagamentos por conta e cartão de cobrança */
.pag-central-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.pag-central-hero h2{font-size:24px;margin:3px 0 5px;letter-spacing:-.03em}
.pag-central-hero p{margin:0;color:#93afb9;font-size:12px;line-height:1.5;max-width:67ch}
.pag-central-stats{margin-bottom:18px}
.pag-central-stats>div{padding:13px 15px}
.pag-central-stats b{font-size:22px}
.pag-bank-panel,.pag-bank-queue{padding:18px;margin-bottom:16px}
.pag-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}
.pag-section-title h3{font-size:18px;line-height:1.25;margin:3px 0}
.pag-section-title p{font-size:12px;color:#83a3ae;margin:0;line-height:1.5}
.pag-section-count{color:#92adb4;font-size:12px;white-space:nowrap}
.pag-bank-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:10px}
.pag-bank-picker{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 12px;border:1px solid #254958!important;border-radius:13px!important;background:linear-gradient(145deg,#102833,#0a1b24)!important;color:#e8f7fb!important;text-align:left!important;min-height:87px;transition:border-color .16s,box-shadow .16s,transform .16s}
.pag-bank-picker:hover{border-color:#3b9aab!important;transform:translateY(-1px)}
.pag-bank-picker.is-selected{border-color:#21dcb4!important;box-shadow:inset 0 0 0 1px rgba(33,220,180,.4),0 0 0 2px rgba(33,220,180,.1);background:linear-gradient(145deg,#143e49,#0b2830)!important}
.pag-bank-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#102c36;border:1px solid #315867;border-radius:12px;font-size:20px;overflow:hidden}
.pag-bank-icon .entity{display:contents}
.pag-bank-icon .logo-box,.pag-bank-icon img{max-width:39px;max-height:39px;object-fit:contain}
.pag-bank-name{display:block;min-width:0;overflow:hidden}
.pag-bank-name b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pag-bank-name small,.pag-bank-name em{font-size:11px;color:#8baab2;display:block;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}
.pag-bank-count{text-align:right;min-width:37px;font-size:21px;color:#65e6c2;font-weight:750;line-height:1.1}
.pag-bank-count small{display:block;font-size:9px;color:#8ab1b8;font-weight:500;margin-top:4px}
.pag-queue-total{display:flex;align-items:flex-end;gap:4px;flex-direction:column;white-space:nowrap;font-size:12px}
.pag-queue-total strong{color:#6ce8c5;font-size:13px}.pag-queue-total span{color:#9fb9c1}
.pag-queue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}
.pag-queue-items{display:grid;gap:9px}
.pag-queue-item{border:1px solid #204450;border-radius:12px;background:#0b1e28;overflow:hidden}
.pag-queue-item:has(.pag-payment-card:not([hidden])){border-color:#247484}
.pag-queue-row{display:grid;grid-template-columns:37px minmax(0,1fr) minmax(110px,auto) auto;gap:13px;align-items:center;padding:14px}
.pag-queue-index{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#173541;color:#77e7cb;font-size:14px;font-weight:800}
.pag-queue-person{min-width:0}.pag-queue-person>b{display:block;font-size:14px;color:#e8f8fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pag-queue-person small{display:block;color:#a3bbc3;font-size:11px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pag-queue-meta{font-size:10px;color:#81a2ad}
.pag-queue-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pag-queue-right>b{font-size:14px;white-space:nowrap}.pag-queue-right .pill{font-size:10px}
.pag-queue-open{white-space:nowrap}
.pag-queue-empty{padding:35px 12px;color:#93aeb6;text-align:center;border:1px dashed #224b59;border-radius:12px;font-size:13px}
.pag-payment-card{background:#081a23;padding:19px;border-top:1px solid #204c5b}
.pag-payment-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:14px}
.pag-payment-head h2{font-size:21px;line-height:1.22;margin:4px 0}.pag-payment-head p{font-size:12px;color:#91aeb8;margin:0}
.pag-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.pag-payment-summary>div{padding:12px;border-radius:10px;border:1px solid #214a56;background:#0d2530;min-width:0}
.pag-payment-summary span{display:block;color:#7a9ba7;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.pag-payment-summary strong{display:block;word-break:break-word;font-size:13px}
.pag-payment-summary>div:first-child strong{font-size:20px;color:#eafff7}
.pag-payment-description{margin-top:12px;color:#a4bac2;font-size:12px;padding:9px 11px;background:#102a33;border-radius:9px}
.pag-pay-code-section{margin-top:16px;padding:16px;border:1px solid #275767;background:#0b212b;border-radius:14px}
.pag-method-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.pag-method-title>div{display:flex;align-items:center;gap:10px;min-width:0}
.pag-method-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;background:#153c44;border-radius:11px;color:#50e1bf;font-size:23px}
.pag-method-title h3{font-size:17px;margin:0 0 3px}.pag-method-title p{font-size:11px;color:#9aafb9;margin:0;line-height:1.5}
.pag-method-status{white-space:nowrap;border:1px solid #256b5d;border-radius:50px;padding:5px 8px;font-size:10px;color:#83ebc6;background:#0e342f}
.pag-method-status.waiting{color:#ebc68d;background:#36291d;border-color:#84663c}
.pag-pay-qr-layout{display:flex;align-items:stretch;gap:18px;flex-wrap:wrap}
.pag-pay-qr-layout .qr-real{width:244px;flex:0 0 244px;padding:18px;border-radius:13px}
.pag-pay-qr-layout .qr-real svg{width:205px;height:205px;max-width:100%}
.pag-pay-copy-side{min-width:0;flex:1 1 210px;display:flex;align-items:flex-start;flex-direction:column;gap:9px;justify-content:center}
.pag-pay-copy-side code,.pag-backup-code code{font-size:13px;word-break:break-all;max-width:100%;white-space:normal;color:#e1f5fa}
.pag-pay-copy-side strong{font-size:20px}
.pag-pay-copy-side small{color:#85a4ad;font-size:11px;line-height:1.5}
.pag-caption{color:#8baeb6;font-size:11px;letter-spacing:.02em}
.pag-pay-copy-side button,.pag-backup-code button{font-size:12px}
.pag-backup-code{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin-top:12px}
.pag-payment-warning{padding:13px 14px;background:#2a231d;color:#ffdcad;border:1px solid #6e573c;border-radius:10px;font-size:12px;line-height:1.6}
.pag-payment-warning .pag-backup-code code{color:#ffedda}
.pag-city-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:12px;align-items:end}
.pag-city-form label{grid-column:1/-1;margin:0;font-size:12px}.pag-city-form input{min-width:0;min-height:38px}
.pag-boleto-graphic{max-width:100%;padding:12px;border-radius:9px;background:white;color:#304752;margin:12px 0;overflow:hidden}
.pag-boleto-graphic svg{display:block;width:100%;max-height:140px;object-fit:fill}
.pag-boleto-graphic small{display:block;color:#34515d;text-align:center;margin-top:8px;font-size:10px}
.pag-card-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}
.pag-payment-card .pay-origin-account{margin-top:16px}
.pag-payment-card .pay-origin-account small{display:block;margin-top:7px;color:#91adb6;font-size:11px}
@media(max-width:980px){.pag-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pag-queue-row{grid-template-columns:37px minmax(0,1fr) auto}.pag-queue-right{grid-column:2;grid-row:2;align-items:flex-start;flex-direction:row}.pag-queue-open{grid-column:3;grid-row:1/3}}
@media(max-width:620px){.pag-central-hero{align-items:flex-start;flex-direction:column}.pag-central-hero h2{font-size:21px}.pag-bank-panel,.pag-bank-queue{padding:11px}.pag-bank-list{grid-template-columns:1fr 1fr;gap:7px}.pag-bank-picker{grid-template-columns:1fr auto;min-height:91px;padding:10px;gap:5px}.pag-bank-picker .pag-bank-icon{display:none}.pag-bank-count{font-size:19px}.pag-bank-count small{font-size:8px}.pag-bank-name b{font-size:12px}.pag-bank-name small,.pag-bank-name em{font-size:10px}.pag-section-title{align-items:flex-start}.pag-section-title h3{font-size:16px}.pag-queue-row{grid-template-columns:29px minmax(0,1fr);gap:7px;padding:11px}.pag-queue-index{width:27px;height:27px}.pag-queue-person>b{font-size:13px}.pag-queue-right{grid-column:2;grid-row:auto;align-items:center;justify-content:space-between}.pag-queue-open{grid-column:2;grid-row:auto;width:100%}.pag-payment-card{padding:11px}.pag-payment-summary{gap:6px}.pag-payment-summary>div{padding:9px}.pag-payment-summary>div:first-child strong{font-size:18px}.pag-pay-code-section{padding:11px}.pag-pay-qr-layout .qr-real{flex:0 0 auto;width:100%;max-width:245px;margin:auto}.pag-pay-qr-layout .qr-real svg{width:194px;height:194px}.pag-pay-copy-side{flex:1 1 100%}.pag-payment-head{flex-direction:column}.pag-method-title{flex-wrap:wrap}.pag-city-form{grid-template-columns:1fr}.pag-queue-total{white-space:normal;text-align:right}.pag-queue-total strong{font-size:11px}}
@media(max-width:355px){.pag-bank-list{grid-template-columns:1fr}.pag-payment-summary{grid-template-columns:1fr}}
@media print{.pag-boleto-graphic{border:1px solid #aaa;page-break-inside:avoid}.pag-boleto-graphic svg{width:100%}}