.payment-assignment-layout{
    display:grid;
    grid-template-columns:1.4fr .8fr;
    gap:14px;
    margin-bottom:16px;
}

.payment-assignment-form,
.payment-assignment-info{
    border-radius:30px;
    padding:18px;
    display:grid;
    gap:10px;
}

.payment-assignment-form h2{
    margin:0 0 8px;
    color:#21171a;
}

.payment-assignment-info span{
    color:#781428;
    font-weight:950;
}

.payment-assignment-info strong{
    display:block;
    color:#781428;
    font-size:52px;
    letter-spacing:-.07em;
}

.payment-assignment-info p{
    color:#827277;
    margin:0;
}

.payment-assignment-check{
    border-radius:18px;
    padding:12px;
    display:flex;
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,.62);
    color:#21171a;
    font-weight:900;
}

.payment-assignment-list{
    display:grid;
    gap:14px;
}

.payment-assignment-card{
    border-radius:30px;
    padding:18px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:14px;
}

.payment-assignment-card span{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(120,20,40,.09);
    color:#781428;
    font-size:11px;
    font-weight:950;
}

.payment-assignment-card.is-inactive{
    opacity:.58;
}

.payment-assignment-card h2{
    margin:10px 0 6px;
    color:#21171a;
}

.payment-assignment-card p{
    margin:0;
    color:#827277;
}

.payment-assignment-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.payment-assignment-badges em{
    font-style:normal;
    border-radius:999px;
    padding:7px 10px;
    background:rgba(255,255,255,.66);
    color:#781428;
    font-size:11px;
    font-weight:950;
}

.payment-assignment-actions{
    display:grid;
    gap:10px;
    min-width:220px;
}

.payment-assignment-actions form{
    display:grid;
    gap:8px;
    margin:0;
}

.payment-assignment-actions label{
    display:flex;
    gap:8px;
    align-items:center;
    font-weight:900;
    color:#21171a;
}

.danger-btn{
    width:100%;
    min-height:52px;
    border:0;
    border-radius:22px;
    background:#991b1b;
    color:white;
    font-weight:950;
    cursor:pointer;
}

@media(max-width:780px){
    .payment-assignment-layout,
    .payment-assignment-card{
        grid-template-columns:1fr;
    }

    .payment-assignment-actions{
        min-width:0;
    }
}
