:root{
  --qrwp-bg1:#5b7cfa;
  --qrwp-bg2:#a855f7;
  --qrwp-card:#0b1220;
}
.qrwp-wrap{max-width:1100px;margin:18px auto;padding:10px}
.qrwp-grid{display:grid;gap:14px;grid-template-columns:repeat(12,1fr)}
.qrwp-card{grid-column:span 12;background:rgba(255,255,255,0.92);border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden}
.qrwp-hero{background:linear-gradient(135deg,var(--qrwp-bg1),var(--qrwp-bg2));color:#fff}
.qrwp-hero-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.qrwp-kicker{opacity:.9;font-weight:600}
.qrwp-balance{font-size:40px;font-weight:800;line-height:1.1;margin-top:6px}
.qrwp-unit{font-size:18px;font-weight:700;opacity:.95}
.qrwp-sub{opacity:.9;margin-top:6px}
.qrwp-badge{background:rgba(255,255,255,.18);padding:6px 10px;border-radius:999px;font-weight:700}
.qrwp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.qrwp-btn{border:0;background:#111827;color:#fff;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.qrwp-btn:hover{filter:brightness(1.05)}
.qrwp-btn-outline{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.3)}
.qrwp-title{font-size:18px;font-weight:800;margin-bottom:6px;color:#111827}
.qrwp-subtitle{font-size:16px;font-weight:800;margin:10px 0 6px;color:#111827}
.qrwp-text{color:#4b5563;margin-bottom:10px}
.qrwp-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.qrwp-input{flex:1;min-width:180px;border:1px solid rgba(17,24,39,.12);border-radius:12px;padding:10px 12px;font-weight:600}
.qrwp-msg{margin-top:10px;font-weight:700}
.qrwp-msg.ok{color:#065f46}
.qrwp-msg.err{color:#b91c1c}
.qrwp-qrbox{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.qrwp-qr{width:190px;height:190px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(17,24,39,.08)}
.qrwp-walletid{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}
.qrwp-label{font-size:12px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}
.qrwp-scan{display:grid;grid-template-columns:1fr;gap:14px}
.qrwp-video{width:100%;max-height:260px;background:#0f172a;border-radius:16px}
.qrwp-receiver{background:linear-gradient(135deg, rgba(91,124,250,.14), rgba(168,85,247,.14));border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:10px;margin:10px 0}
.qrwp-receiver-name{font-weight:900}
.qrwp-receiver-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;color:#374151}
.qrwp-table{margin-top:6px}
.qrwp-thead,.qrwp-trow{display:grid;grid-template-columns:150px 110px 70px 90px 70px 90px;gap:8px;align-items:center}
.qrwp-thead{font-weight:900;color:#111827;border-bottom:1px solid rgba(17,24,39,.08);padding:8px 0}
.qrwp-trow{padding:10px 0;border-bottom:1px solid rgba(17,24,39,.06);font-weight:600;color:#374151}
.qrwp-muted{color:#6b7280}
.qrwp-in{color:#065f46;font-weight:900}
.qrwp-out{color:#9a3412;font-weight:900}
.qrwp-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;background:rgba(17,24,39,.08)}
.qrwp-pill-success{background:rgba(16,185,129,.15);color:#065f46}
.qrwp-pill-failed{background:rgba(239,68,68,.15);color:#991b1b}
.qrwp-pill-pending{background:rgba(245,158,11,.15);color:#92400e}
.qrwp-pill-declined{background:rgba(107,114,128,.15);color:#374151}
.qrwp-pill-paid{background:rgba(16,185,129,.15);color:#065f46}
.qrwp-split{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
.qrwp-req{border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:12px;background:#fff;margin-bottom:10px}
.qrwp-req-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.qrwp-req-name{font-weight:900;color:#111827}
.qrwp-req-amt{font-weight:900;color:#111827}
.qrwp-req-note{color:#4b5563;margin:6px 0 10px}
@media (min-width: 900px){
  .qrwp-card{grid-column:span 6}
  .qrwp-hero{grid-column:span 12}
  .qrwp-scan{grid-template-columns:1fr 1fr}
  .qrwp-split{grid-template-columns:1fr 1fr}
}


/* Tabs */
.qrwp-tab{display:none}
/* Floating Scan Button */
.qrwp-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  background:linear-gradient(135deg,var(--qrwp-bg1),var(--qrwp-bg2));
  color:#fff;
  border:0;
  border-radius:999px;
  padding:14px 18px;
  font-weight:900;
  box-shadow:0 14px 40px rgba(0,0,0,.22);
  cursor:pointer;
}
.qrwp-fab:hover{filter:brightness(1.05)}


/* Modal (Full screen scanner) */
.qrwp-modal{position:fixed;inset:0;display:none;z-index:10000}
.qrwp-modal.open{display:block}
.qrwp-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.qrwp-modal-card{
  position:relative;
  margin:18px auto;
  max-width:980px;
  background:rgba(255,255,255,.96);
  border-radius:18px;
  box-shadow:0 20px 70px rgba(0,0,0,.35);
  overflow:hidden;
}
.qrwp-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,var(--qrwp-bg1),var(--qrwp-bg2));color:#fff}
.qrwp-modal-title{font-weight:900}
.qrwp-modal-close{border:0;background:rgba(255,255,255,.2);color:#fff;border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:900}
.qrwp-modal-body{padding:14px}
@media (max-width:600px){
  .qrwp-modal-card{margin:0;min-height:100vh;border-radius:0}
  .qrwp-modal-body{padding:12px}
}


/* Layout fixes */
.qrwp-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.qrwp-row .qrwp-input{flex:1 1 240px}
.qrwp-row .qrwp-btn{flex:0 0 auto}
.qrwp-btn{white-space:nowrap}

/* Ensure floating scan button always floats */
.qrwp-fab{position:fixed !important; right:18px; bottom:18px}

/* Modal close should not look like main button */
.qrwp-modal-close{
  background:rgba(255,255,255,.2) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:12px !important;
  padding:8px 10px !important;
  box-shadow:none !important;
}

/* Reduce duplicated titles inside modal body */
#qrwp-scan-modal .qrwp-title{display:none}

.qrwp-tabbtn-active{filter:brightness(0.92); box-shadow:0 8px 20px rgba(0,0,0,.18) !important}

.qrwp-qrimg{width:190px;height:190px;border-radius:16px;background:#fff;border:1px solid rgba(17,24,39,.08)}