.tg-account{max-width:540px;padding:20px;min-height:360px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.tg-account form{display:flex;flex-direction:column;gap:16px;width:min(100%,320px)}
.tg-account input{width:100%;height:36px;font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-s,8px);background:var(--input,var(--bg));color:var(--text)}
.tg-account-qr,.tg-account-qr-placeholder{width:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.tg-account-qr img{display:block;max-width:100%;height:auto;border-radius:12px;background:white}
.tg-account-qr p{max-width:300px;text-align:center;margin:0;font-size:13px}
.tg-account-error{margin:0;font-size:13px;color:var(--danger,#b42318)}
.tg-account-error:empty{display:none}
.tg-account-status{display:flex;flex-direction:column;gap:8px}
.tg-account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.tg-account-disconnect{color:var(--danger,#b42318)}
.tg-account[aria-busy="true"]{cursor:progress}
@media(max-width:600px){.tg-account{padding:16px}.tg-account input,.tg-account .btn,.tg-account .viewsw button{min-height:44px}.tg-account .viewsw{height:46px;overflow:hidden}.tg-account .viewsw button{height:44px;line-height:44px}.tg-account input{font-size:16px}.tg-account-actions{width:100%}.tg-account-actions .btn{flex:1}}