.remote-wallet-dialog {
  box-sizing: border-box;
  width: min(480px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 24px;
  border: 2px solid #fff;
  border-radius: 26px;
  background: #f5fbff;
  color: #19344f;
  box-shadow: 0 0 0 1px #c4e2f1, 0 12px 0 #b9dce966, 0 28px 72px #102e5555;
  overflow: auto;
  font-family: inherit;
  overscroll-behavior: contain;
}
.remote-wallet-dialog::backdrop { background: #112a456b; backdrop-filter: blur(5px); }
.remote-wallet-dialog * { box-sizing: border-box; min-width: 0; }
.remote-wallet-head { display: flex; align-items: center; gap: 12px; }
.remote-wallet-head img { width: 56px; height: 56px; object-fit: contain; flex: 0 0 56px; }
.remote-wallet-head > div { flex: 1; }
.remote-wallet-dialog h2 { margin: 0; font: inherit; font-size: 23px; font-weight: 800; line-height: 1.18; overflow-wrap: anywhere; }
.remote-wallet-dialog p { margin: 14px 0; font-size: 15px; line-height: 1.55; }
.remote-wallet-dialog .remote-wallet-eyebrow { margin: 0 0 5px; font-size: 12px; font-weight: 800; color: #436f8b; }
.remote-wallet-dialog button { min-height: 44px; height: auto; padding: 10px 15px; border: 1px solid #b6d9eb; border-radius: 14px; background: #fff; color: #19344f; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; cursor: pointer; box-shadow: 0 3px 0 #c7dce7; }
.remote-wallet-dialog button:disabled { opacity: .5; cursor: default; }
.remote-wallet-dialog button:hover:enabled { background: #e8f5ff; }
.remote-wallet-dialog button:active:enabled { transform: translateY(2px); box-shadow: 0 1px 0 #c7dce7; }
.remote-wallet-dialog :is(button, input):focus-visible { outline: 3px solid #116db1; outline-offset: 3px; }
.remote-wallet-qr { display: grid; justify-items: center; margin: 20px 0 16px; padding: 14px; background: #fff; border: 1px solid #d0e4ef; border-radius: 20px; }
.remote-wallet-qr canvas { max-width: 100%; height: auto !important; aspect-ratio: 1; }
.remote-wallet-qr [data-remote-status] { margin: 10px 0 0; text-align: center; font-size: 14px; }
.remote-wallet-dialog .remote-wallet-note { padding: 12px 14px; border-radius: 14px; background: #fff4cc; font-size: 14px; }
.remote-wallet-dialog .remote-wallet-expiry { color: #537388; font-size: 13px; text-align: center; }
.remote-wallet-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.remote-wallet-actions button:first-child { flex: 1 1 210px; background: #ffd766; border-color: #efc453; box-shadow: 0 3px 0 #e4b94d; }
.remote-wallet-actions button:last-child { flex: 1 1 70px; }
.remote-wallet-manual { display: grid; gap: 8px; margin-top: 18px; font-size: 14px; }
.remote-wallet-manual input { width: 100%; min-height: 44px; padding: 10px; border: 1px solid #8cb6cc; border-radius: 10px; font: inherit; font-size: 16px; background: #fff; color: #19344f; }
.remote-wallet-dialog [hidden] { display: none !important; }
@media (max-width: 380px) {
  .remote-wallet-dialog { padding: 18px; width: calc(100vw - 20px); }
  .remote-wallet-head { flex-wrap: wrap; gap: 10px; }
  .remote-wallet-head img { width: 44px; height: 44px; flex-basis: 44px; }
  .remote-wallet-head h2 { font-size: 21px; }
  .remote-wallet-head > button { margin-left: auto; }
  .remote-wallet-qr { padding: 10px; }
}