.login-fields { display: grid; gap: .75rem; margin: 1rem 0 1.25rem; text-align: left; }
.login-fields input, .login-fields textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: .75rem .85rem; color: var(--ink); background: #fff; outline: none; resize: vertical; }
.login-fields input:focus, .login-fields textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px var(--blue-pale); }
.code-row { display: grid; grid-template-columns: 1fr auto; gap: .6rem; }
.auth-mode-row { grid-template-columns: 1fr 1fr; }
.dialog small { display: block; margin-top: 1rem; color: var(--ink-4); }
.dialog small a { color: var(--blue); }
#payQr { position: relative; background: #fff; }
#payQr::after { display: none; }
#payQr img { display: block; width: 100%; height: 100%; border-radius: 10px; }
#payQr .spinner { width: 34px; height: 34px; }
.field textarea#mindInput { min-height: 150px; }
.result-empty .btn { margin-top: 1rem; }
@media (max-width: 600px) {
  .dialog { padding: 1.5rem 1.2rem; }
  .login-fields { margin: .8rem 0 1rem; }
}