.payment-pending > span { flex: 0 0 auto; }
.payment-pending p { margin-bottom: 12px; }
.gateway-payment-option {
    margin-top: 18px;
    padding: 18px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #eef4ff, #f8fbff);
    border: 1px solid #cfddf4;
    border-radius: 13px;
}
.gateway-option-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #293681, #4274d9);
    border-radius: 12px;
    font-size: 20px;
}
.gateway-payment-option strong { display: block; color: #293b58; font-size: 13px; }
.gateway-payment-option p { margin: 5px 0 0; color: #6f7d90; font-size: 10px; line-height: 1.8; }
.gateway-payment-option form { margin: 0; }
.payment-separator {
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8a96a7;
    font-size: 9px;
}
.payment-separator::before,
.payment-separator::after { content: ""; height: 1px; flex: 1; background: #e4e9f0; }
.payment-separator span { padding: 0 12px; }
.manual-payment-form { padding-top: 0 !important; }
.payment-success {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding: 25px;
    background: linear-gradient(135deg, #eaf8f2, #f8fcfa);
    border: 1px solid #c8eadc;
    border-radius: 14px;
}
.payment-success-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: #fff;
    background: #1d986c;
    border-radius: 50%;
    font-size: 23px;
}
.payment-success small { color: #1d986c; font-weight: 800; }
.payment-success h2 { margin: 5px 0 7px; color: #244136; font-size: 20px; }
.payment-success p { max-width: 650px; margin: 0; color: #5d736a; line-height: 1.9; }
.payment-success code {
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 16px 0;
    padding: 10px 14px;
    color: #244136;
    background: #fff;
    border: 1px dashed #92cdb5;
    border-radius: 9px;
    font-family: monospace;
    font-size: 14px;
    direction: ltr;
}
.payment-success-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.license-card-actions { display: flex; align-items: center; gap: 8px; }
.license-card-actions form { margin: 0; }
.license-key-panel {
    padding: 24px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow);
}
.license-key-meta {
    display: grid;
    grid-template-columns: auto repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 12px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8edf3;
}
.license-key-meta > div { padding: 12px; background: #f7f9fc; border-radius: 10px; }
.license-key-meta small,
.license-key-meta strong { display: block; }
.license-key-meta small { margin-bottom: 5px; color: var(--muted); font-size: 9px; }
.license-key-meta strong { font-size: 11px; }
.license-password-form {
    max-width: 560px;
    margin: 24px auto 4px;
    padding: 22px;
    background: #f8fafc;
    border: 1px solid #e3e9f0;
    border-radius: 12px;
}
.license-password-form label { display: block; margin-bottom: 8px; font-size: 11px; font-weight: 800; }
.license-password-form input {
    width: 100%;
    min-height: 44px;
    margin-bottom: 13px;
    padding: 0 12px;
    border: 1px solid #d4dde8;
    border-radius: 9px;
    font: inherit;
}
.revealed-license-key { margin: 25px auto 4px; text-align: center; }
.revealed-license-key > span { display: block; color: var(--muted); font-size: 10px; }
.revealed-license-key code {
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 10px auto 15px;
    padding: 15px 20px;
    overflow-x: auto;
    color: #253b62;
    background: #eef4ff;
    border: 1px dashed #7ca1df;
    border-radius: 11px;
    font-family: monospace;
    font-size: 19px;
    letter-spacing: 1px;
}
.revealed-license-key p { color: #7b8798; font-size: 10px; }

@media (max-width: 950px) {
    .gateway-payment-option { grid-template-columns: 46px minmax(0, 1fr); }
    .gateway-payment-option form { grid-column: 1 / -1; }
    .gateway-payment-option .button { width: 100%; }
    .license-key-meta { grid-template-columns: 1fr 1fr; }
    .license-key-meta > .status { width: max-content; }
}
@media (max-width: 620px) {
    .gateway-payment-option { grid-template-columns: 1fr; }
    .gateway-option-icon { width: 40px; height: 40px; }
    .payment-success { display: block; }
    .payment-success-icon { margin-bottom: 14px; }
    .payment-success-actions,
    .license-card-actions { align-items: stretch; flex-direction: column; }
    .license-key-meta { grid-template-columns: 1fr; }
    .revealed-license-key code { font-size: 14px; }
}