/* Premium Launch Assurance UI Foundation - visual only.
   Safe scope: public checkout, confirmation, login and operational panel.
   Admin must be linked only after a dedicated one-line diff and QA. */
:root{--pla-bg:#f7f9fc;--pla-surface:#fff;--pla-text:#172033;--pla-muted:#5b6780;--pla-border:#d7deea;--pla-primary:var(--brand-primary,#2157ff);--pla-primary-soft:#eef4ff;--pla-success:#1f8f52;--pla-warning:#a36a00;--pla-danger:#c62f2f;--pla-radius:16px;--pla-shadow:0 10px 30px rgba(15,23,42,.08)}
body.publicPaymentPage,body.confirmationPageWL,body.loginNeutralPage,body.panelWorkspacePage{background:linear-gradient(135deg,#f7f9fc,#eef4fb);color:var(--pla-text)}
body.publicPaymentPage .button,body.confirmationPageWL .button,body.loginNeutralPage .button,body.panelWorkspacePage .button{border-radius:14px;font-weight:850;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.15;white-space:normal;text-align:center}body.publicPaymentPage .button.secondary,body.confirmationPageWL .button.secondary,body.loginNeutralPage .button.secondary,body.panelWorkspacePage .button.secondary{background:#eef2f7;color:#253044;border:1px solid var(--pla-border)}body.publicPaymentPage .button.danger,body.confirmationPageWL .button.danger,body.loginNeutralPage .button.danger,body.panelWorkspacePage .button.danger{background:var(--pla-danger);color:#fff}
body.publicPaymentPage .payCardWL,body.publicPaymentPage .payInfoCard,body.publicPaymentPage .secureCheckoutCardWL,body.confirmationPageWL .receiptCardWL,body.loginNeutralPage .loginCard,body.panelWorkspacePage .panelOpsCard,body.panelWorkspacePage .metricCard,body.panelWorkspacePage .resultBox{border:1px solid var(--pla-border);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--pla-shadow)}
body.publicPaymentPage .badge,body.confirmationPageWL .badge,body.loginNeutralPage .neutralBadge,body.panelWorkspacePage .badge,body.panelWorkspacePage .contextChip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:850;font-size:12px;border:1px solid var(--pla-border);background:#f8fafc;color:var(--pla-muted)}
body.publicPaymentPage input,body.publicPaymentPage select,body.publicPaymentPage textarea,body.confirmationPageWL input,body.confirmationPageWL select,body.confirmationPageWL textarea,body.loginNeutralPage input,body.loginNeutralPage select,body.loginNeutralPage textarea,body.panelWorkspacePage input,body.panelWorkspacePage select,body.panelWorkspacePage textarea{border-radius:13px;border-color:#cfd9e8;background:#fbfdff}body.publicPaymentPage .message,body.confirmationPageWL .message,body.loginNeutralPage .message,body.panelWorkspacePage .message{border-radius:14px;padding:10px 12px;margin-top:12px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}body.publicPaymentPage .message:empty,body.confirmationPageWL .message:empty,body.loginNeutralPage .message:empty,body.panelWorkspacePage .message:empty{display:none}
.payBrandHeader{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--pla-border);border-radius:22px;background:#fff;margin-bottom:16px}.payBrandHeader img{width:108px;max-height:58px;object-fit:contain}.paymentSplitWL{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr);gap:18px;align-items:start}.paymentLeftStackWL{display:flex;flex-direction:column;gap:14px}.secureTitleWL,.panelCardTitle{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.iconBubble{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--pla-primary-soft);color:var(--pla-primary);font-weight:900}.paymentActionRow,.receiptActionsWL,.panelFormActions{display:flex;gap:10px;flex-wrap:wrap}
pre,.codePreview,.diagBox,.previewCard{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
@supports (background:color-mix(in srgb,#000 10%,#fff)){.iconBubble{background:color-mix(in srgb,var(--pla-primary) 10%,#fff)}}
@media(max-width:1100px){.paymentSplitWL{grid-template-columns:1fr}}@media(max-width:760px){.payCardWL,.receiptCardWL{padding:12px;border-radius:18px}.payBrandHeader{align-items:flex-start}.payBrandHeader img{width:82px}.paymentActionRow .button,.receiptActionsWL .button{width:100%}}