/* WEB3-COBRANCAS-VISUAL-20261018 */
/* Ajusta apenas a area de Metodo de Pagamento e Historico de Cobrancas */

.w44 .web3-billing-stack{
    gap:18px!important;
}

.w44 .web3-pay-panel,
.w44 .web3-history-panel{
    padding:18px 18px 16px!important;
    border-radius:16px!important;
}

.w44 .web3-pay-titlebar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.w44 .web3-pay-panel h4,
.w44 .web3-history-panel h4{
    margin:0!important;
    font-size:15px!important;
    line-height:1.3!important;
    color:#0b2147!important;
    letter-spacing:-.2px!important;
}

.w44 .web3-pay-add{
    border:1px solid #d9e6fb!important;
    background:#f8fbff!important;
    color:#1f67da!important;
    border-radius:9px!important;
    padding:7px 12px!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.1!important;
    cursor:not-allowed!important;
    opacity:1!important;
}

.w44 .web3-pay-box,
.w44 .web3-history-box{
    display:grid;
    align-items:center;
    gap:14px;
    background:#fff!important;
    border:1px solid #e4edf9!important;
    border-radius:14px!important;
    padding:14px 16px!important;
    box-shadow:0 4px 14px rgba(24,53,102,.04)!important;
}

.w44 .web3-pay-box{
    grid-template-columns:54px minmax(0,1fr) auto;
}

.w44 .web3-history-box{
    grid-template-columns:54px minmax(0,1fr);
}

.w44 .web3-pay-icon,
.w44 .web3-history-icon{
    width:44px;
    height:44px;
    border-radius:12px;
    display:grid;
    place-items:center;
    font-size:22px;
    background:#edf4ff;
    color:#1d66da;
    box-shadow:inset 0 0 0 1px #d9e7fd;
}

.w44 .web3-history-icon{
    background:#eef4ff;
    color:#2c73ea;
}

.w44 .web3-pay-copy,
.w44 .web3-history-copy{
    min-width:0;
}

.w44 .web3-pay-copy strong,
.w44 .web3-history-copy strong{
    display:block;
    font-size:12.5px;
    line-height:1.35;
    color:#10284f;
    margin:0 0 3px;
    font-weight:850;
}

.w44 .web3-pay-copy p,
.w44 .web3-history-copy p{
    margin:0;
    font-size:11.5px;
    line-height:1.45;
    color:#7085a2;
}

.w44 .web3-pay-brand{
    display:flex;
    align-items:center;
    gap:8px;
    justify-self:end;
    margin-left:10px;
    padding-left:10px;
}

.w44 .web3-pay-brand-mark{
    width:34px;
    height:34px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#e7f1ff,#cde2ff);
    color:#1f67da;
    font-size:18px;
    font-weight:900;
    line-height:1;
    box-shadow:inset 0 0 0 1px #c7dcff;
}

.w44 .web3-pay-brand-text{
    display:block;
    font-size:11px;
    line-height:1.05;
    text-transform:lowercase;
    color:#1f67da;
    font-weight:850;
    text-align:left;
}

@media (max-width:900px){
    .w44 .web3-pay-box{
        grid-template-columns:54px minmax(0,1fr);
    }

    .w44 .web3-pay-brand{
        justify-self:start;
        margin-left:0;
        padding-left:0;
        margin-top:2px;
        grid-column:2;
    }
}

@media (max-width:680px){
    .w44 .web3-pay-titlebar{
        flex-wrap:wrap;
        align-items:flex-start;
    }

    .w44 .web3-pay-panel,
    .w44 .web3-history-panel{
        padding:16px!important;
    }

    .w44 .web3-pay-box,
    .w44 .web3-history-box{
        grid-template-columns:1fr!important;
        align-items:flex-start;
        gap:12px;
        padding:14px!important;
    }

    .w44 .web3-pay-brand{
        grid-column:auto;
    }
}