/* KeyFusion Compact Payment Requests UI */

.np-deposits-card{
    padding:16px !important;
}

.np-deposits-head{
    margin-bottom:10px !important;
}

.np-deposits-head h3{
    font-size:18px !important;
    line-height:1.2 !important;
}

.np-deposits-head .small{
    font-size:12px !important;
    max-width:780px;
}

.np-deposit-list{
    gap:8px !important;
}

.np-deposit-card{
    padding:10px 12px !important;
    border-radius:16px !important;
    box-shadow:0 6px 16px rgba(15,23,42,.055) !important;
}

.np-deposit-card.active{
    border-color:#f59e0b !important;
    background:linear-gradient(180deg,#fffaf0,#f9fcff) !important;
}

.np-deposit-top{
    margin-bottom:8px !important;
    padding-bottom:7px !important;
    border-bottom:1px solid rgba(148,163,184,.22);
}

.np-deposit-title{
    font-size:14px !important;
    line-height:1.15 !important;
}

.np-deposit-top .small{
    font-size:11px !important;
    line-height:1.35 !important;
}

.np-deposit-card .badge{
    padding:6px 10px !important;
    font-size:11px !important;
}

.np-deposit-grid{
    grid-template-columns:1.05fr 1fr 1.05fr .9fr !important;
    gap:8px !important;
    margin-bottom:6px !important;
}

.np-deposit-grid .info-box{
    padding:9px 11px !important;
    min-height:auto !important;
    border-radius:13px !important;
}

.np-deposit-grid .info-label{
    font-size:10px !important;
    letter-spacing:.06em !important;
    margin-bottom:4px !important;
}

.np-deposit-grid .info-value{
    font-size:13px !important;
    line-height:1.35 !important;
    word-break:break-word;
}

.np-deposit-grid code{
    font-size:12px !important;
}

.np-deposit-details{
    margin-top:4px !important;
}

.np-deposit-details summary{
    padding:5px 0 !important;
    font-size:13px !important;
}

.np-send-exactly-box{
    display:grid !important;
    grid-template-columns:220px 220px 1fr !important;
    gap:8px !important;
    margin:6px 0 8px !important;
}

.np-send-exactly-box > div{
    padding:9px 11px !important;
    border-radius:13px !important;
}

.np-send-exactly-value{
    font-size:15px !important;
    line-height:1.25 !important;
}

.np-network-value{
    font-size:13px !important;
    line-height:1.25 !important;
}

.np-address-row{
    margin-top:6px !important;
    padding:8px 10px !important;
    border-radius:13px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:8px !important;
    align-items:center !important;
}

.np-address-row code{
    font-size:12px !important;
    line-height:1.35 !important;
    word-break:break-all;
}

.np-address-row .green,
.np-address-row button{
    padding:9px 12px !important;
    font-size:12px !important;
    border-radius:11px !important;
    white-space:nowrap;
}

.np-detail-meta{
    margin-top:7px !important;
    gap:6px !important;
}

.np-detail-meta span{
    padding:5px 8px !important;
    font-size:11px !important;
    border-radius:999px !important;
}

/* Make the latest top pending box less huge too */
.np-current-payment-card{
    padding:14px 16px !important;
}

.np-current-payment-card .np-pay-grid,
.np-current-payment-card .order-grid{
    gap:8px !important;
}

.np-current-payment-card .np-pay-box,
.np-current-payment-card .info-box{
    padding:10px 12px !important;
    min-height:auto !important;
}

.np-current-payment-card .np-address-code{
    font-size:12px !important;
}

.np-current-payment-card .np-warning-line{
    padding:9px 11px !important;
    margin-top:8px !important;
    font-size:12px !important;
}

/* Responsive */
@media(max-width:1100px){
    .np-deposit-grid{
        grid-template-columns:1fr 1fr !important;
    }

    .np-send-exactly-box{
        grid-template-columns:1fr 1fr !important;
    }
}

@media(max-width:720px){
    .np-deposit-grid,
    .np-send-exactly-box,
    .np-address-row{
        grid-template-columns:1fr !important;
    }

    .np-address-row .green,
    .np-address-row button{
        width:100%;
    }
}