.ecp-payment-wrap { margin-top: 12px; padding: 16px; border: 1px solid #e2e2e2; border-radius: 8px; background: #fafafa; max-width: 420px; }
.ecp-loading { display: flex; align-items: center; gap: 8px; color: #666; font-size: 14px; }
.ecp-spinner { width: 16px; height: 16px; border: 2px solid #ccc; border-top-color: #333; border-radius: 50%; animation: ecp-spin 0.8s linear infinite; display: inline-block; }
@keyframes ecp-spin { to { transform: rotate(360deg); } }

.ecp-qr-section { text-align: center; margin-bottom: 14px; }
.ecp-qr { display: inline-block; padding: 8px; background: #fff; border-radius: 6px; }
.ecp-qr-hint { font-size: 12px; color: #777; margin-top: 6px; }

.ecp-field-row { margin-bottom: 12px; }
.ecp-field-row label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 4px; color: #444; }
.ecp-field__input-wrap { display: flex; align-items: center; gap: 6px; }
.ecp-field__input-wrap input { flex: 1; padding: 8px; font-family: monospace; font-size: 13px; border: 1px solid #ddd; border-radius: 4px; background: #fff; }
.ecp-field__unit { font-size: 12px; font-weight: 600; color: #666; }
.ecp-copy-btn { padding: 6px 10px; font-size: 12px; border: 1px solid #ccc; border-radius: 4px; background: #fff; cursor: pointer; }
.ecp-copy-btn:hover { background: #f0f0f0; }

.ecp-status-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #444; margin-top: 8px; }
.ecp-pulse { width: 8px; height: 8px; border-radius: 50%; background: #f59e0b; animation: ecp-pulse 1.5s ease-in-out infinite; }
@keyframes ecp-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.ecp-countdown { margin-left: auto; font-family: monospace; font-weight: 600; }

.ecp-notice { font-size: 12px; color: #777; margin-top: 10px; line-height: 1.4; }
.ecp-status--error { color: #b91c1c; font-size: 13px; }