/*
 * css/personal-qr.css — "My Personal QR" sidebar section (PILOT-READY).
 * Brand palette: blue #1976D2 / purple #7B1FA2.
 */
.personal-qr { display: flex; flex-direction: column; gap: 8px; }
.personal-qr-status {
  font-size: 0.82rem; color: #4b5563; line-height: 1.45;
  background: #f8fafc; border: 1px solid #eef0f3; border-radius: 10px;
  padding: 10px 12px;
}
.personal-qr-main { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.personal-qr-frame {
  width: 200px; height: 200px; display: flex; align-items: center;
  justify-content: center; background: #fff; border: 1px solid #eef0f3;
  border-radius: 10px; padding: 8px; word-break: break-all; font-size: 0.7rem;
}
.personal-qr-frame canvas, .personal-qr-frame img { display: block; }
.personal-qr-help { font-size: 0.78rem; color: #6b7280; text-align: center; margin: 0; line-height: 1.4; }
.personal-qr-label { font-size: 0.78rem; font-weight: 600; color: #374151; align-self: flex-start; }
.personal-qr-select {
  width: 100%; padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 9px;
  font-size: 0.85rem; background: #fff; color: #111827;
}
.personal-qr-select:focus { outline: none; border-color: #1976D2; box-shadow: 0 0 0 2px rgba(25,118,210,0.25); }
.personal-qr-url {
  width: 100%; font-size: 0.7rem; color: #6b7280; word-break: break-all;
  text-align: center; background: #f8fafc; border-radius: 8px; padding: 6px 8px;
}
.personal-qr-actions { display: flex; gap: 8px; width: 100%; }
.personal-qr-btn {
  flex: 1; border: none; background: #1976D2; color: #fff; font-weight: 600;
  font-size: 0.82rem; padding: 9px; border-radius: 9px; cursor: pointer;
}
.personal-qr-btn:hover { background: #0D47A1; }
.personal-qr-btn-secondary { background: #7B1FA2; }
.personal-qr-btn-secondary:hover { background: #4A148C; }
.personal-qr-reset {
  width: 100%; margin-top: 2px; background: transparent; border: none;
  color: #b91c1c; font-size: 0.74rem; cursor: pointer; padding: 4px;
  text-decoration: underline;
}
.personal-qr-reset:hover { color: #7f1d1d; }