@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

.npqr-widget {
  --bg:#0b0f1a;--card:#0f1623;--border:#1e2d4a;--accent:#c8922a;--accent2:#e8b84b;
  --glow:rgba(200,146,42,0.22);--text:#e8dcc8;--muted:#6b7a99;
  --success:#34d399;--error:#f87171;--radius:18px;
  font-family:'Inter',sans-serif;width:100%;max-width:480px;margin:0 auto;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  overflow:visible !important;position:relative;color:var(--text);
  box-shadow:0 0 60px rgba(200,146,42,0.08),0 24px 48px rgba(0,0,0,0.5);
}
.npqr-widget *,.npqr-widget *::before,.npqr-widget *::after{box-sizing:border-box;}
.npqr-widget::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),var(--accent),transparent);
  background-size:200% 100%;animation:npqr-shimmer 4s linear infinite;border-radius:var(--radius) var(--radius) 0 0;}
@keyframes npqr-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.npqr-header{padding:28px 28px 20px;border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,rgba(200,146,42,0.07) 0%,transparent 100%);
  border-radius:var(--radius) var(--radius) 0 0;text-align:center;}
.npqr-label{display:none !important;}
.npqr-title{font-family:var(--npqr-title-font,'Orbitron'),sans-serif;font-size:17px;font-weight:700;
  color:var(--npqr-title-color,#fff);
  line-height:1.25;letter-spacing:.02em;text-shadow:0 0 20px rgba(200,146,42,0.4);margin-bottom:6px;}
.npqr-subtitle{font-size:13px;color:var(--npqr-subtitle-color,#ffffff);
  font-family:var(--npqr-subtitle-font,'Inter'),sans-serif;}

.npqr-body{padding:22px 26px 26px;}

.npqr-error{background:rgba(248,113,113,0.08);border:1px solid rgba(248,113,113,0.3);
  border-radius:10px;padding:10px 14px;color:var(--error);font-size:13px;margin-bottom:14px;line-height:1.5;}

.npqr-input-group{margin-bottom:14px;}
.npqr-input-label{display:block;font-size:10px;font-weight:600;color:var(--accent);
  margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase;font-family:'Orbitron',sans-serif;}
.npqr-required{color:var(--error);}

/* ── Inputs & Selects — force dark always ── */
.npqr-widget .npqr-text-input,
.npqr-widget .npqr-select {
  width:100% !important;
  background:#0d1520 !important;
  background-color:#0d1520 !important;
  border:1px solid var(--border) !important;
  border-radius:10px !important;
  padding:0 14px !important;
  height:46px !important;
  color:#ffffff !important;
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  outline:none !important;
  transition:border-color .2s,box-shadow .2s !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}
.npqr-widget .npqr-text-input::placeholder { color:#ffffff !important; opacity:1 !important; }
.npqr-widget .npqr-text-input:focus,
.npqr-widget .npqr-select:focus {
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px var(--glow) !important;
  background:#0d1520 !important;
  background-color:#0d1520 !important;
}
/* Kill ALL browser autofill yellow/white override */
.npqr-widget .npqr-text-input:-webkit-autofill,
.npqr-widget .npqr-text-input:-webkit-autofill:hover,
.npqr-widget .npqr-text-input:-webkit-autofill:focus,
.npqr-widget .npqr-text-input:-webkit-autofill:active {
  -webkit-box-shadow:0 0 0 1000px #0d1520 inset !important;
  box-shadow:0 0 0 1000px #0d1520 inset !important;
  -webkit-text-fill-color:#ffffff !important;
  caret-color:#ffffff !important;
  background-color:#0d1520 !important;
  transition:background-color 9999s ease-in-out 0s !important;
}
.npqr-widget .npqr-select {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8922a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:calc(100% - 14px) center !important;
  background-size:12px 8px !important;
  padding-right:36px !important;
  cursor:pointer !important;
  color-scheme:dark !important;
}
.npqr-widget .npqr-select option {
  background:#111827 !important;
  background-color:#111827 !important;
  color:#e8dcc8 !important;
}

/* Minimum warning */
.npqr-min-warning {
  background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.35);
  border-radius:10px;padding:10px 14px;color:#fbbf24;font-size:12px;
  line-height:1.6;margin-bottom:14px;
}
.npqr-min-warning strong{color:#e8b84b;}

/* Amount input */
.npqr-amount-wrapper{display:flex;align-items:center;background:#0d1520;border:1px solid var(--border);
  border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.npqr-amount-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);}
.npqr-currency-tag{padding:0 14px;font-family:'Orbitron',sans-serif;font-size:10px;font-weight:600;
  color:var(--accent2);background:rgba(200,146,42,0.1);height:46px;display:flex;align-items:center;
  border-right:1px solid var(--border);white-space:nowrap;}
.npqr-amount-input{flex:1;background:transparent;border:none;outline:none;color:#fff;
  font-family:'Orbitron',sans-serif;font-size:18px;font-weight:700;padding:0 14px;height:46px;width:100%;}
.npqr-amount-input::placeholder{color:#1e2d4a;}

/* Generate button — flat solid gold matching screenshot */
.npqr-generate-btn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 14px 24px !important;
  margin-top: 8px !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: #1a0800 !important;
  text-shadow: none !important;
  cursor: pointer !important;
  border: 1.5px solid #7a5000 !important;
  border-radius: 8px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #c8922a !important;
  background-color: #c8922a !important;
  box-shadow: none !important;
  transition: background-color 0.15s !important;
  outline: none !important;
}
.npqr-generate-btn:hover { background: #d9a030 !important; background-color: #d9a030 !important; }
.npqr-generate-btn:active { background: #b07820 !important; background-color: #b07820 !important; }
.npqr-generate-btn:disabled { opacity: 0.5 !important; cursor: not-allowed !important; }
.npqr-btn-spinner {
  display: none;
  width: 18px; height: 18px;
  border: 2px solid rgba(26,8,0,0.2);
  border-top-color: #1a0800;
  border-radius: 50%;
  animation: npqr-spin 0.6s linear infinite;
}
@keyframes npqr-spin { to { transform: rotate(360deg); } }
/* Select placeholder (first empty option) */
.npqr-widget .npqr-select:invalid,
.npqr-widget .npqr-select option[value=""] { color:#ffffff !important; }

/* Step 2 */
.npqr-payment-summary{display:flex;justify-content:space-between;align-items:center;
  background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:18px;}
.npqr-summary-label{font-size:10px;color:var(--muted);margin-bottom:4px;letter-spacing:.08em;
  text-transform:uppercase;font-family:'Orbitron',sans-serif;font-weight:600;}
.npqr-summary-value{font-family:'Orbitron',sans-serif;font-size:15px;color:#fff;font-weight:700;}
.npqr-summary-coin{font-size:12px;color:var(--accent2);margin-top:3px;}
.npqr-status-badge{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:100px;
  font-family:'Orbitron',sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;}
.npqr-waiting{background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.3);color:#fbbf24;}
.npqr-confirmed{background:rgba(52,211,153,0.08);border:1px solid rgba(52,211,153,0.3);color:var(--success);}
.npqr-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:npqr-pulse 1.5s ease-in-out infinite;}
@keyframes npqr-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}

.npqr-qr-container{display:flex;flex-direction:column;align-items:center;margin-bottom:18px;}
.npqr-qr-frame{background:#fff;padding:16px;border-radius:16px;margin-bottom:10px;
  box-shadow:0 0 40px rgba(200,146,42,0.25);border:2px solid var(--accent);}
.npqr-qr-label{font-family:'Orbitron',sans-serif;font-size:10px;font-weight:600;
  color:var(--muted);text-align:center;letter-spacing:.08em;text-transform:uppercase;}

.npqr-address-box{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:14px;}
.npqr-address-label{font-size:10px;color:var(--accent);font-family:'Orbitron',sans-serif;font-weight:700;margin-bottom:8px;letter-spacing:.1em;}
.npqr-address-row{display:flex;align-items:center;gap:10px;}
.npqr-address-text{flex:1;font-family:'Inter',sans-serif;font-size:12px;color:var(--accent2);word-break:break-all;line-height:1.6;}
.npqr-copy-btn{flex-shrink:0;background:rgba(200,146,42,0.12);border:1px solid rgba(200,146,42,0.35);
  border-radius:8px;padding:8px 14px;color:var(--accent2);font-size:11px;font-family:'Orbitron',sans-serif;
  font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;}
.npqr-copy-btn:hover{background:rgba(200,146,42,0.22);}
.npqr-copy-btn.npqr-copied{color:var(--success);border-color:var(--success);}

.npqr-timer-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;
  font-family:'Orbitron',sans-serif;font-size:10px;font-weight:600;color:var(--muted);
  letter-spacing:.06em;text-transform:uppercase;}
.npqr-timer-value{color:#fbbf24;font-size:14px;font-weight:700;text-shadow:0 0 10px rgba(251,191,36,0.5);}

.npqr-back-btn{width:100%;padding:12px;background:transparent;border:1px solid var(--border);
  border-radius:10px;color:var(--muted);font-family:'Orbitron',sans-serif;font-size:10px;
  font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.05em;}
.npqr-back-btn:hover{border-color:var(--accent);color:var(--accent);}

/* Success / Error popups */
.npqr-success-popup,.npqr-error-popup{text-align:center;padding:10px 0;}
.npqr-success-icon{width:64px;height:64px;border-radius:50%;background:rgba(52,211,153,0.15);
  border:2px solid var(--success);color:var(--success);font-size:28px;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.npqr-error-icon{width:64px;height:64px;border-radius:50%;background:rgba(248,113,113,0.12);
  border:2px solid var(--error);color:var(--error);font-size:28px;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.npqr-success-title{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--accent2);margin-bottom:8px;}
.npqr-error-title{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--error);margin-bottom:8px;}
.npqr-success-msg,.npqr-error-msg{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:20px;}
.npqr-success-details{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:left;margin-bottom:14px;}
.npqr-success-row{display:flex;justify-content:space-between;align-items:flex-start;
  padding:6px 0;border-bottom:1px solid var(--border);font-size:12px;}
.npqr-success-row:last-child{border-bottom:none;}
.npqr-success-row span{color:var(--muted);font-family:'Orbitron',sans-serif;font-size:10px;
  letter-spacing:.05em;text-transform:uppercase;margin-right:10px;flex-shrink:0;}
.npqr-success-row strong{color:var(--accent2);}
.npqr-success-note{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:4px;}

/* Static network display */
.npqr-network-static {
  width: 100%;
  background: #0d1520;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 0 14px;
  height: 46px;
  color: #e8b84b;
  font-family: 'Orbitron', sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
}