.public-qr-section{min-height:calc(100vh - 150px);padding:150px 15px 80px;background:linear-gradient(135deg,#f5f9ff 0%,#eef5fb 55%,#e5f0fa 100%)}
.public-qr-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #dce6f0;border-radius:18px;box-shadow:0 20px 55px rgba(29,65,103,.12);overflow:hidden}
.public-qr-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;background:linear-gradient(135deg,#247ab8,#3d96cf);color:#fff}
.public-qr-heading h1{margin:3px 0 6px;color:#fff;font-size:30px}.public-qr-heading p{margin:0;opacity:.9}.public-qr-kicker{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.public-qr-icon{width:62px;height:62px;border-radius:15px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:30px}
#public-generate-qr-form{padding:32px}.public-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.public-form-full{grid-column:1/-1}.public-form-group label{display:block;margin-bottom:8px;color:#26384a;font-size:14px;font-weight:700}.public-form-group label span{color:#e44949}.public-form-group input,.public-form-group select{width:100%;height:48px;border:1px solid #cfdbe7;border-radius:9px;padding:0 14px;background:#fff;color:#203040;outline:none;transition:.2s}.public-form-group input:focus,.public-form-group select:focus{border-color:#318aca;box-shadow:0 0 0 3px rgba(49,138,202,.12)}.public-input-group{display:flex;border:1px solid #cfdbe7;border-radius:9px;overflow:hidden}.public-input-group:focus-within{border-color:#318aca;box-shadow:0 0 0 3px rgba(49,138,202,.12)}.public-input-group>span{display:flex;align-items:center;padding:0 14px;background:#f4f7fa;border-right:1px solid #cfdbe7;font-weight:700}.public-input-group input{border:0;border-radius:0;box-shadow:none!important}.public-form-group small{display:block;min-height:18px;margin-top:5px;color:#d43b3b;font-size:12px}
.public-qr-submit{width:100%;height:50px;border:0;border-radius:9px;background:#318aca;color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:.2s}.public-qr-submit:hover{background:#2479b6;transform:translateY(-1px)}.public-qr-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-loading{display:none}.is-loading .button-label{display:none}.is-loading .button-loading{display:inline}.public-qr-note{text-align:center;margin:14px 0 0;color:#6c7b8b;font-size:12px}.public-qr-alert{display:none;margin:24px 32px 0;padding:12px 14px;border-radius:8px}.public-qr-alert.error{display:block;color:#8a1f1f;background:#fff1f1;border:1px solid #f2c6c6}
@media(max-width:767px){.public-qr-section{padding:110px 10px 45px}.public-qr-heading{padding:23px 20px}.public-qr-heading h1{font-size:24px}.public-qr-icon{display:none}#public-generate-qr-form{padding:22px 18px}.public-qr-grid{grid-template-columns:1fr;gap:8px}.public-form-full{grid-column:auto}.public-qr-alert{margin:18px 18px 0}}

.public-qr-result-section{display:flex;align-items:center}
.public-qr-result-card{max-width:680px;margin:0 auto;padding:44px 38px;background:#fff;border:1px solid #dce6f0;border-radius:20px;box-shadow:0 20px 55px rgba(29,65,103,.12);text-align:center}
.public-qr-result-icon{width:82px;height:82px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;font-size:36px}
.public-qr-result-card.success .public-qr-result-icon{background:#e9f9f0;color:#1f9d5a}
.public-qr-result-card.failed .public-qr-result-icon{background:#fff0f0;color:#d94a4a}
.public-qr-result-kicker{display:block;margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#318aca}
.public-qr-result-card.failed .public-qr-result-kicker{color:#d94a4a}
.public-qr-result-card h1{margin:0 0 12px;color:#203040;font-size:30px}
.public-qr-result-card>p{max-width:540px;margin:0 auto 26px;color:#68798a;line-height:1.7}
.public-qr-result-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0;text-align:left}
.public-qr-result-details>div{padding:14px 16px;border:1px solid #e1e9f0;border-radius:10px;background:#f8fbfd;overflow:hidden}
.public-qr-result-details span{display:block;margin-bottom:4px;color:#7a8998;font-size:12px}
.public-qr-result-details strong{display:block;color:#26384a;font-size:14px;word-break:break-word}
.public-qr-result-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;height:50px;padding:0 24px;border-radius:9px;background:#318aca;color:#fff!important;font-weight:700;text-decoration:none;transition:.2s}
.public-qr-result-button:hover{background:#2479b6;transform:translateY(-1px)}
.public-qr-result-card.failed .public-qr-result-button{background:#d94a4a}
.public-qr-result-card.failed .public-qr-result-button:hover{background:#c53d3d}
.public-qr-result-note{margin:15px 0 0!important;font-size:12px!important;color:#82909d!important}
.public-qr-result-help{display:flex;align-items:flex-start;gap:10px;margin:24px 0;padding:14px 16px;border:1px solid #f0d0d0;border-radius:10px;background:#fff7f7;color:#7d4545;text-align:left;line-height:1.6}
.public-qr-result-help i{margin-top:4px}
@media(max-width:767px){.public-qr-result-card{padding:32px 20px}.public-qr-result-card h1{font-size:24px}.public-qr-result-details{grid-template-columns:1fr}.public-qr-result-button{width:100%}}

/* Payment result pages */
.public-qr-result-section{display:flex;align-items:center}
.public-qr-result-card{max-width:720px;margin:0 auto;padding:42px 34px;text-align:center;background:#fff;border:1px solid #dce6f0;border-radius:18px;box-shadow:0 20px 55px rgba(29,65,103,.12)}
.public-qr-result-card.success{border-top:5px solid #28a745}.public-qr-result-card.failed{border-top:5px solid #dc3545}
.public-qr-result-icon{width:82px;height:82px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#fff}
.public-qr-result-card.success .public-qr-result-icon{background:#28a745}.public-qr-result-card.failed .public-qr-result-icon{background:#dc3545}
.public-qr-result-kicker{display:block;margin-bottom:7px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#68798a}
.public-qr-result-card h1{margin:0 0 10px;color:#1f3143;font-size:32px}.public-qr-result-card>p{margin:0 auto 24px;max-width:540px;color:#667788}
.public-qr-result-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;text-align:left}
.public-qr-result-details>div{padding:14px 16px;background:#f7f9fb;border:1px solid #e3eaf1;border-radius:10px}.public-qr-result-details span{display:block;margin-bottom:4px;color:#778696;font-size:12px}.public-qr-result-details strong{display:block;color:#26384a;word-break:break-word}
.public-qr-result-help{margin:20px 0;padding:13px 15px;border-radius:9px;background:#fff7e8;border:1px solid #f1d9aa;color:#7a5a1c;text-align:left}
.public-qr-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.public-qr-result-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:175px;padding:13px 21px;border:0;border-radius:9px;background:#318aca;color:#fff!important;font-weight:700;text-decoration:none;cursor:pointer}
.public-qr-result-button:hover{background:#2479b6}.public-qr-result-button-secondary{background:#eef3f7;color:#29445b!important}.public-qr-result-button-secondary:hover{background:#e0e8ef}.public-qr-result-button.is-disabled{opacity:.55;cursor:not-allowed}
.public-qr-result-note{margin-top:18px!important;font-size:12px;color:#7b8996!important}
@media(max-width:767px){.public-qr-result-card{padding:32px 18px}.public-qr-result-card h1{font-size:26px}.public-qr-result-details{grid-template-columns:1fr}.public-qr-result-button{width:100%}}


/* =========================================================
   Minimal animated payment result pages
   ========================================================= */
html,
body.public-qr-result-page {
    min-height: 100%;
}

body.public-qr-result-page {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background: #f4f8fc;
}

body.public-qr-result-page .public-qr-result-section {
    min-height: 100vh;
    box-sizing: border-box;
    padding: 24px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 50% 30%, rgba(49, 138, 202, .09), transparent 34%),
        linear-gradient(135deg, #f8fbff 0%, #eef5fb 100%);
}

.public-qr-result-card-simple {
    width: min(100%, 440px);
    box-sizing: border-box;
    margin: 0;
    padding: 40px 32px 32px;
    border-radius: 24px;
    border: 1px solid #e2eaf2;
    background: #fff;
    box-shadow: 0 22px 65px rgba(36, 73, 111, .14);
    text-align: center;
    animation: publicQrCardIn .55s cubic-bezier(.2, .8, .2, 1) both;
}

.public-qr-result-card-simple.success,
.public-qr-result-card-simple.failed {
    border-top: 1px solid #e2eaf2;
}

.public-qr-status-animation {
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}

.public-qr-status-circle {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    animation: publicQrPop .48s cubic-bezier(.18, .89, .32, 1.28) .08s both;
}

.public-qr-result-card-simple.success .public-qr-status-circle {
    background: #ebf9f1;
}

.public-qr-result-card-simple.failed .public-qr-status-circle {
    background: #fff0f1;
}

.public-qr-status-svg {
    width: 64px;
    height: 64px;
    overflow: visible;
}

.public-qr-status-ring {
    fill: none;
    stroke-width: 2.5;
    stroke-dasharray: 151;
    stroke-dashoffset: 151;
    animation: publicQrDrawRing .55s ease-out .18s forwards;
}

.success .public-qr-status-ring {
    stroke: #27a85d;
}

.failed .public-qr-status-ring {
    stroke: #dc4c55;
}

.public-qr-status-check {
    fill: none;
    stroke: #27a85d;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 38;
    stroke-dashoffset: 38;
    animation: publicQrDrawCheck .42s ease-out .65s forwards;
}

.public-qr-status-cross {
    fill: none;
    stroke: #dc4c55;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 26;
    stroke-dashoffset: 26;
}

.public-qr-status-cross-one {
    animation: publicQrDrawCross .3s ease-out .58s forwards;
}

.public-qr-status-cross-two {
    animation: publicQrDrawCross .3s ease-out .76s forwards;
}

.public-qr-result-card-simple .public-qr-result-kicker {
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.public-qr-result-card-simple.success .public-qr-result-kicker {
    color: #269b58;
}

.public-qr-result-card-simple.failed .public-qr-result-kicker {
    color: #d74650;
}

.public-qr-result-card-simple h1 {
    margin: 0 0 10px;
    font-size: clamp(27px, 5vw, 34px);
    line-height: 1.2;
    color: #203040;
}

.public-qr-result-card-simple .public-qr-result-message {
    max-width: 350px;
    margin: 0 auto 24px;
    color: #6d7c8b;
    font-size: 14px;
    line-height: 1.65;
}

.public-qr-result-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 6px;
}

.public-qr-result-summary-item {
    min-width: 0;
    padding: 15px 14px;
    border: 1px solid #e3eaf1;
    border-radius: 13px;
    background: #f8fafc;
    text-align: left;
}

.public-qr-result-summary-item span {
    display: block;
    margin-bottom: 5px;
    color: #7b8996;
    font-size: 11px;
    font-weight: 600;
}

.public-qr-result-summary-item strong {
    display: block;
    overflow-wrap: anywhere;
    color: #26384a;
    font-size: 14px;
    line-height: 1.45;
}

.public-qr-result-summary-item .public-qr-result-amount {
    font-size: 17px;
    font-weight: 800;
}

.success .public-qr-result-amount {
    color: #219653;
}

.failed .public-qr-result-amount {
    color: #d64550;
}

@keyframes publicQrCardIn {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes publicQrPop {
    from {
        opacity: 0;
        transform: scale(.55);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes publicQrDrawRing {
    to { stroke-dashoffset: 0; }
}

@keyframes publicQrDrawCheck {
    to { stroke-dashoffset: 0; }
}

@keyframes publicQrDrawCross {
    to { stroke-dashoffset: 0; }
}

@media (max-width: 520px) {
    body.public-qr-result-page .public-qr-result-section {
        padding: 18px 12px;
    }

    .public-qr-result-card-simple {
        padding: 34px 18px 24px;
        border-radius: 20px;
    }

    .public-qr-status-circle {
        width: 82px;
        height: 82px;
    }

    .public-qr-status-svg {
        width: 57px;
        height: 57px;
    }

    .public-qr-result-summary {
        grid-template-columns: 1fr;
    }

    .public-qr-result-summary-item {
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-qr-result-card-simple,
    .public-qr-status-circle,
    .public-qr-status-ring,
    .public-qr-status-check,
    .public-qr-status-cross {
        animation: none !important;
    }

    .public-qr-status-ring,
    .public-qr-status-check,
    .public-qr-status-cross {
        stroke-dashoffset: 0;
    }
}