/* VEORA Secure Tripay dialog v2.2 — progressive enhancement, no payment-state side effects. */
.tripay-inline-status{display:flex;align-items:flex-start;gap:13px;padding:18px;margin:19px 0 15px;background:#edf9ff;border:1px solid #b2dbf3;border-radius:17px;color:#153858}
.tripay-inline-status strong{display:block;font-weight:800;font-size:15px;margin-bottom:4px}.tripay-inline-status p{margin:0;font-size:13px;line-height:1.65;color:#466179}
.tripay-live-dot{width:12px;height:12px;flex:none;border-radius:100%;background:#0ca4e9;box-shadow:0 0 0 5px #d4f1ff;margin:6px}
.tripay-open-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;cursor:pointer}
.veora-tripay-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;border:1px solid rgba(159,217,253,.6);padding:0;width:min(530px,calc(100vw - 28px));max-height:min(92dvh,870px);overflow:auto;background:#fff;color:#0c2341;border-radius:24px;box-shadow:0 30px 100px rgba(1,16,37,.42);overscroll-behavior:contain;z-index:1100}
.veora-tripay-dialog::backdrop{background:rgba(2,13,34,.79);backdrop-filter:blur(7px)}
.veora-tripay-dialog .tripay-modal-inner{width:100%;background:linear-gradient(155deg,#fff,#f5faff)}
.tripay-modal-head{background:linear-gradient(115deg,#061a3d,#082f5b);display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#fff}
.tripay-modal-brand{display:flex;gap:11px;align-items:center}.tripay-modal-brand img{object-fit:contain;filter:drop-shadow(0 2px 7px rgba(0,174,255,.3))}.tripay-modal-brand span{display:grid;gap:2px}.tripay-modal-brand strong{font-size:18px;letter-spacing:.05em;color:#fff}.tripay-modal-brand small{font-size:9px;letter-spacing:.18em;color:#9cdefb;font-weight:700}
.tripay-modal-close{appearance:none;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:26px;line-height:1;width:40px;height:40px;cursor:pointer}.tripay-modal-close:hover{background:rgba(255,255,255,.23)}
.tripay-modal-content{padding:clamp(18px,4vw,26px)}.tripay-modal-kicker{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#1173be}.tripay-lock{font-size:15px;color:#11abe3}
.tripay-modal-content h2{font:800 clamp(24px,4.5vw,32px)/1.14 'Bricolage Grotesque',system-ui,sans-serif;margin:13px 0 10px;letter-spacing:-.04em;color:#08294a}.tripay-modal-lead{color:#58708a;font-size:14px;line-height:1.6;margin:0 0 20px}
.tripay-order-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#0a244c;color:#fff;border-radius:17px;padding:17px;margin:0 0 23px}.tripay-order-summary>div{min-width:0;display:grid;gap:8px}.tripay-order-summary span{color:#a6c4e3;font-size:9px;letter-spacing:.1em;font-weight:800}.tripay-order-summary strong{color:#fff;overflow-wrap:anywhere;font-size:clamp(12px,2.5vw,17px)}.tripay-order-summary>div:last-child strong{color:#7ae5ff}
.tripay-channel-fieldset{padding:0;border:0;min-width:0;display:grid;gap:9px}.tripay-channel-fieldset legend{margin:0 0 12px;font-size:14px;font-weight:800;color:#173959}.veora-tripay-dialog .tripay-channel{padding:12px 14px;border:1px solid #ccdeed;border-radius:13px;cursor:pointer;background:#fff;display:flex;align-items:center;gap:10px}.veora-tripay-dialog .tripay-channel:has(input:checked){background:#e9f7ff;border-color:#0ba5e9;box-shadow:inset 0 0 0 1px #0ba5e9}.veora-tripay-dialog .tripay-channel input{width:18px;height:18px;accent-color:#007cc8}.tripay-channel span{flex:1;color:#0c3359;font-size:14px;font-weight:700}.tripay-channel small{font-size:11px;color:#52748e}
.tripay-cap-section{margin-top:21px}.tripay-security-label{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tripay-shield{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#dff6ff;color:#0067a6;font-size:20px}.tripay-security-label div{display:grid;gap:3px}.tripay-security-label strong{font-size:13px;color:#12385c}.tripay-security-label small{color:#55758d;font-size:11px}.tripay-modal-form .veora-cap{background:#f3faff;border:1px solid #b8dff3;padding:14px 12px}.tripay-modal-form .veora-cap .cap-icon{background:#d5f2ff;border-radius:10px}.tripay-modal-form .veora-cap .cap-trigger{border-color:#a3d4ef}
.tripay-primary-action{display:flex!important;justify-content:center;align-items:center;gap:13px;text-align:center;width:100%;box-sizing:border-box;min-height:51px;margin:15px 0;text-decoration:none}.tripay-primary-action:focus-visible,.tripay-modal-close:focus-visible,.tripay-copy:focus-visible,.tripay-refresh:focus-visible,.tripay-open-button:focus-visible{outline:3px solid #06b6d4;outline-offset:3px}
.tripay-modal-foot{border-top:1px solid #d8e7f3;padding-top:16px;margin-top:18px;font-size:11px;line-height:1.6;color:#56728b}.tripay-modal-foot span{color:#057dcc;margin-right:5px}
.tripay-pending-banner{display:flex;gap:13px;align-items:flex-start;background:#eaf8fd;border:1px solid #bae1f1;border-radius:14px;padding:15px;margin-bottom:17px}.tripay-pending-banner strong{color:#135480;font-size:14px}.tripay-pending-banner p{margin:4px 0 0;font-size:12px;color:#49718a;line-height:1.5}
.tripay-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 3px;border-bottom:1px solid #e3edf5}.tripay-detail-row span,.tripay-code-block>span{font-size:12px;color:#60798c}.tripay-detail-row strong,.tripay-detail-row code{color:#0f3558;font-size:13px;overflow-wrap:anywhere;text-align:right}
.tripay-code-block{padding:15px;background:#eaf4fc;border-radius:15px;margin:17px 0 12px;display:grid;gap:10px}.tripay-code-block>div{display:flex;justify-content:space-between;align-items:center;gap:9px}.tripay-code-block code{color:#0d3760;font-weight:800;font-size:clamp(15px,4vw,23px);overflow-wrap:anywhere}.tripay-copy{padding:10px 12px;border-radius:10px;border:1px solid #8ac6e7;background:white;color:#056baf;font-weight:700;cursor:pointer}.tripay-refresh{display:block;text-align:center;margin:13px auto;color:#0169a8;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:3px}.tripay-waiting-note{font-size:11px;color:#5b7289;text-align:center;line-height:1.5}
html.trip-modal-active{overflow:hidden}
@media(max-width:480px){.veora-tripay-dialog{border-radius:20px;max-height:96dvh}.tripay-modal-head{padding:12px 14px}.tripay-modal-content{padding:18px 15px}.tripay-order-summary{gap:9px;padding:14px}.tripay-modal-brand strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.veora-tripay-dialog,.veora-tripay-dialog *{animation:none!important;transition:none!important}}
@supports not (selector(:has(*))){.veora-tripay-dialog .tripay-channel:focus-within{border-color:#0ba5e9;background:#e9f7ff}}