.form-payment-details[data-v-asha-payment-20261024] { color: var(--app-text-primary, #153f3b);
}
.payment-intro[data-v-asha-payment-20261024] { margin: 0 0 18px; font-size: 14px; line-height: 1.6;
}
.payment-layout[data-v-asha-payment-20261024] { display: grid; grid-template-columns: minmax(150px, .8fr) minmax(0, 1.2fr); align-items: start; gap: 18px;
}
.payment-qr[data-v-asha-payment-20261024] { display: grid; justify-items: center; gap: 12px; margin: 0; padding: 16px; border-radius: 22px; border: 1px solid color-mix(in srgb, var(--app-text-primary, #153f3b) 14%, transparent); background: color-mix(in srgb, var(--app-surface, #fff) 54%, transparent);
}
.payment-qr-frame[data-v-asha-payment-20261024] { box-sizing: border-box; width: min(100%, 218px); padding: 10px; background: #fff; border-radius: 15px; box-shadow: 0 8px 24px #163c3020;
}
.payment-qr img[data-v-asha-payment-20261024] { display: block; max-width: 100%; height: auto;
}
.payment-qr-crop[data-v-asha-payment-20261024] { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; background: #fff;
}
.payment-qr-crop img[data-v-asha-payment-20261024] { position: absolute; top: 0; left: 0; width: 290.91%; max-width: none; transform: translate(-48.5%, -66.5%);
}
.payment-qr figcaption[data-v-asha-payment-20261024] { display: grid; gap: 4px; text-align: center; font-size: 12px;
}
.payment-qr figcaption span[data-v-asha-payment-20261024] { font-size: 11px; opacity: .85;
}
.payment-methods[data-v-asha-payment-20261024] { min-width: 0; display: grid; gap: 12px;
}
.payment-upi[data-v-asha-payment-20261024] { display: grid; gap: 7px; padding: 16px; border-radius: 17px; background: color-mix(in srgb, var(--app-accent, #c2994c) 12%, transparent); border: 1px solid color-mix(in srgb, var(--app-accent, #c2994c) 25%, transparent);
}
.payment-upi small[data-v-asha-payment-20261024] { font-size: 10px; letter-spacing: .14em; font-weight: 700;
}
.payment-upi strong[data-v-asha-payment-20261024] { font-size: 16px; overflow-wrap: anywhere; user-select: text;
}
.payment-upi span[data-v-asha-payment-20261024] { font-size: 12px;
}
.payment-bank[data-v-asha-payment-20261024] { margin: 0; border-radius: 17px; border: 1px solid color-mix(in srgb, var(--app-text-primary, #153f3b) 14%, transparent); padding: 4px 14px;
}
.payment-bank > div[data-v-asha-payment-20261024] { display: grid; gap: 4px; padding: 10px 0; border-bottom: 1px solid color-mix(in srgb, var(--app-text-primary, #153f3b) 10%, transparent);
}
.payment-bank > div[data-v-asha-payment-20261024]:last-child { border-bottom: 0;
}
.payment-bank dt[data-v-asha-payment-20261024] { font-size: 11px; opacity: .8;
}
.payment-bank dd[data-v-asha-payment-20261024] { margin: 0; font-size: 13px; font-weight: 650; overflow-wrap: anywhere; user-select: text;
}
.payment-note[data-v-asha-payment-20261024] { margin: 16px 0 0; font-size: 12px; line-height: 1.6; opacity: .88;
}
.payment-qr-actions[data-v-asha-payment-20261024] { display: grid; gap: 7px; margin-top: 5px;
}
.payment-qr-actions button[data-v-asha-payment-20261024] { min-height: 42px; padding: 9px 12px; border: 1px solid color-mix(in srgb, var(--app-accent, #c2994c) 55%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--app-accent, #c2994c) 12%, transparent); color: var(--app-text-primary, #153f3b); font: inherit; font-weight: 650; cursor: pointer;
}
.payment-qr-actions button[data-v-asha-payment-20261024]:disabled { opacity: .6; cursor: wait;
}
.payment-qr-actions button[data-v-asha-payment-20261024]:focus-visible { outline: 2px solid var(--app-accent, #c2994c); outline-offset: 3px;
}
.payment-app-backdrop[data-v-asha-payment-20261024] { position: fixed; inset: 0; z-index: 12000; display: grid; place-items: center; padding: 18px; background: #0008;
}
.payment-app-chooser[data-v-asha-payment-20261024] { box-sizing: border-box; width: min(100%, 420px); max-height: min(85dvh, 650px); overflow-y: auto; padding: 20px; border-radius: 20px; background: var(--app-surface, #fff); color: var(--app-text-primary, #153f3b); border: 1px solid color-mix(in srgb, var(--app-accent, #c2994c) 40%, transparent); box-shadow: 0 18px 70px #0005;
}
.payment-app-chooser header[data-v-asha-payment-20261024] { display: flex; align-items: start; justify-content: space-between; gap: 14px;
}
.payment-app-chooser header strong[data-v-asha-payment-20261024] { font-size: 17px;
}.payment-app-chooser header p[data-v-asha-payment-20261024] { margin: 6px 0 0; font-size: 12px; line-height: 1.5;
}
.payment-app-close[data-v-asha-payment-20261024] { flex: none; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: color-mix(in srgb, var(--app-accent, #c2994c) 12%, transparent); color: inherit; font-size: 25px; cursor: pointer;
}
.payment-app-grid[data-v-asha-payment-20261024] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px;
}
.payment-app-grid button[data-v-asha-payment-20261024],.payment-app-qr[data-v-asha-payment-20261024] { min-height: 46px; padding: 11px; border: 1px solid color-mix(in srgb, var(--app-accent, #c2994c) 45%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--app-accent, #c2994c) 10%, transparent); color: inherit; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer;
}
.payment-app-grid button[data-v-asha-payment-20261024]:disabled { opacity: .6; cursor: wait;
}.payment-app-qr[data-v-asha-payment-20261024] { display: block; width: 100%; margin-top: 16px; background: transparent;
}
.payment-app-chooser button[data-v-asha-payment-20261024]:focus-visible { outline: 2px solid var(--app-accent, #c2994c); outline-offset: 3px;
}
.payment-card-options[data-v-asha-payment-20261024] { grid-column: 1 / -1; display: grid; gap: 10px; padding: 12px; border: 1px solid color-mix(in srgb, var(--app-accent, #c2994c) 30%, transparent); border-radius: 13px; background: color-mix(in srgb, var(--app-accent, #c2994c) 6%, transparent);
}
.payment-card-options > strong[data-v-asha-payment-20261024] { font-size: 13px;
}
.payment-card-links[data-v-asha-payment-20261024] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px;
}
.payment-card-links a[data-v-asha-payment-20261024] { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 12px; border: 1px solid color-mix(in srgb, var(--app-accent, #c2994c) 55%, transparent); border-radius: 11px; color: var(--app-text-primary, #153f3b); background: color-mix(in srgb, var(--app-accent, #c2994c) 12%, transparent); text-align: center; text-decoration: none; font-size: 12px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere;
}
.payment-card-links a[data-v-asha-payment-20261024]:focus-visible { outline: 2px solid var(--app-accent, #c2994c); outline-offset: 3px;
}
.payment-card-links a[aria-disabled="true"][data-v-asha-payment-20261024] { opacity: .6; cursor: wait;
}
.payment-card-options p[data-v-asha-payment-20261024] { margin: 0; font-size: 11px; line-height: 1.5; opacity: .88;
}
.is-compact .payment-intro[data-v-asha-payment-20261024] { margin-bottom: 13px; font-size: 12px;
}
.is-compact .payment-layout[data-v-asha-payment-20261024] { grid-template-columns: 1fr; gap: 12px;
}
.is-compact .payment-qr[data-v-asha-payment-20261024] { grid-template-columns: 147px minmax(0, 180px); justify-content: center; align-items: center; gap: 14px; padding: 0; border: 0; background: transparent;
}
.is-compact .payment-qr-frame[data-v-asha-payment-20261024] { width: 147px; padding: 0; border-radius: 0; box-shadow: none;
}
.is-compact .payment-qr img[data-v-asha-payment-20261024] { width: 100%; image-rendering: pixelated;
}
.is-compact .payment-qr figcaption[data-v-asha-payment-20261024] { text-align: left; gap: 5px;
}
.is-compact .payment-methods[data-v-asha-payment-20261024] { gap: 9px;
}
.is-compact .payment-upi[data-v-asha-payment-20261024] { padding: 11px 12px; gap: 4px; border-radius: 12px;
}
.is-compact .payment-upi strong[data-v-asha-payment-20261024] { font-size: 14px;
}
.is-compact .payment-bank[data-v-asha-payment-20261024] { padding: 2px 12px; border-radius: 12px;
}
.is-compact .payment-bank > div[data-v-asha-payment-20261024] { grid-template-columns: minmax(90px, .85fr) minmax(0, 1.3fr); gap: 10px; align-items: start; padding: 7px 0;
}
.is-compact .payment-bank dd[data-v-asha-payment-20261024] { font-size: 12px;
}
.is-compact .payment-note[data-v-asha-payment-20261024] { margin-top: 10px; font-size: 11px;
}
@media (max-width: 520px) {
.payment-layout[data-v-asha-payment-20261024] { grid-template-columns: 1fr;
}
.payment-qr[data-v-asha-payment-20261024] { padding: 15px;
}
}