.pubg-topup-card { width: 100%; max-width: 560px; margin-inline: auto; box-sizing: border-box; }
.pubg-topup-card .pubg-hint, .pubg-support-panel .pubg-hint { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.pubg-topup-card .pubg-form-error { color: #b42318; margin: 0; font-size: 14px; line-height: 1.5; }
.pubg-topup-card [aria-invalid="true"] { border-color: #d92d20; }
.pubg-topup-card .telegram-field { margin: 0; }
.pubg-topup-card input:focus-visible, .pubg-support-panel input:focus-visible, .pubg-support-panel textarea:focus-visible { outline: 2px solid var(--green-dark); outline-offset: 3px; }
.pubg-topup-card h1 { font-size: clamp(22px, 5vw, 30px); line-height: 1.2; overflow-wrap: anywhere; }
.pubg-topup-card form, .pubg-support-panel form { display: grid; gap: 16px; min-width: 0; }
.pubg-id-confirm { display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }
.pubg-id-confirm input[type="checkbox"] { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 3px; }
.pubg-topup-card input[type="text"] { min-width: 0; width: 100%; box-sizing: border-box; font-size: 16px; }
.pubg-support-panel { margin-block: 20px; overflow-wrap: anywhere; }
.pubg-support-panel form { margin-top: 18px; }
.pubg-support-panel small { color: var(--muted); line-height: 1.5; }
.pubg-attempt-details { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--line-strong); border-radius: 16px; }
.pubg-attempt-details dt { font-size: 12px; color: var(--muted); margin-top: 8px; }
.pubg-attempt-details dt:first-child { margin-top: 0; }
.pubg-attempt-details dd { margin: 0; font-size: 14px; }
.pubg-support-panel label:not(.pubg-id-confirm) { display: grid; gap: 6px; }
.pubg-support-panel input:not([type="checkbox"]), .pubg-support-panel textarea { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; padding: 10px; border: 1px solid #9b9b9b; border-radius: 10px; }
.pubg-order-card .status.status-pubg-progress, .order-row.status-pubg-progress { color: #175cd3; border-color: #b2ccff; }
.pubg-order-card .status.status-pubg-progress { background: #eff4ff; }
html[data-theme="dark"] .pubg-order-card .status.status-pubg-progress { background: #1e3455; border-color: #355781; color: #b2cfff; }
html[data-theme="dark"] .pubg-topup-card .pubg-form-error { color: #ffb7bf; }
html[data-theme="dark"] .pubg-support-panel input:not([type="checkbox"]), html[data-theme="dark"] .pubg-support-panel textarea { color: #f3f6fb; background: #142238; border-color: #35455b; }

.product-card.simple.nominal-card.thin-nominal.pubg-nominal-card { width:100%; grid-template-columns:minmax(0,1fr) auto; text-align:left; gap:14px; }
.pubg-nominal-card .nominal-line-copy b { white-space:normal; overflow:visible; text-overflow:clip; }
.pubg-nominal-action { display:flex; align-items:center; gap:6px; color:var(--green-dark); font-size:13px; font-weight:650; }
.pubg-nominal-action svg { width:16px; height:16px; }
.pubg-topup-card .pubg-selection { margin:8px 0 20px; color:var(--muted); }
.pubg-topup-card .custom-usd-add-btn { width:100%; }
html[data-theme="dark"] .pubg-nominal-action { color:#8af0bd; }