.auth-actions{
  align-items:center;
  flex:0 0 auto;
}

.account-chip{
  display:none;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:6px 7px 6px 12px;
  border:1px solid #26405d;
  border-radius:12px;
  background:#091523;
}

.auth-actions.logged-in .auth-btn{display:none}
.auth-actions.logged-in .account-chip{display:flex}
.account-copy{display:grid;gap:1px;line-height:1.2}
.account-copy strong{font-size:10px;color:#f2f7ff}
.account-copy span{font-size:10px;color:var(--accent2);font-weight:900}

.logout-btn{
  min-height:29px;
  padding:0 9px;
  border:1px solid #304966;
  border-radius:8px;
  color:#aebdd0;
  background:#0c1a2a;
  cursor:pointer;
  font-size:9px;
  font-weight:900;
}

.submit-auth:disabled{opacity:.55;cursor:wait}
.auth-helper-row{display:flex;align-items:center;justify-content:flex-end;margin-top:-2px}
.auth-link-button,.auth-back-button{
  padding:2px 0;
  border:0;
  color:var(--accent2);
  background:transparent;
  cursor:pointer;
  font-size:10px;
  font-weight:900;
}
.auth-back-button{justify-self:start;color:#9aabc1}
.auth-link-button:hover,.auth-back-button:hover{color:#fff}
.reset-email-note{
  margin:0!important;
  padding:10px 12px;
  border:1px solid #203650;
  border-radius:10px;
  color:#a9bdd4!important;
  background:#07121f;
  font-size:10px!important;
  text-align:left!important;
  word-break:break-all;
}
.reset-email-note strong{color:var(--accent2)}
.deposit-panel{width:min(560px,100%)}
.deposit-form{display:grid;gap:13px;margin-top:20px}
.deposit-help{color:#7f91a9!important;font-size:10px!important}
.deposit-result{display:none;margin-top:20px}
.deposit-result.active{display:grid;gap:14px}

.qr-wrap{
  display:grid;
  place-items:center;
  padding:15px;
  border:1px solid #243a55;
  border-radius:17px;
  background:#fff;
}

.qr-wrap img{
  display:block;
  width:min(280px,100%);
  aspect-ratio:1;
  object-fit:contain;
}

.deposit-details{
  display:grid;
  gap:9px;
  padding:15px;
  border:1px solid #1e334c;
  border-radius:15px;
  background:#07121f;
}

.deposit-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  font-size:11px;
}

.deposit-row span{color:#8497ae}
.deposit-row strong{color:#f3f8ff;text-align:right;word-break:break-word}
.deposit-row strong.code{color:var(--accent2);font-size:14px;letter-spacing:.04em;user-select:all}

.deposit-status{
  padding:11px 13px;
  border:1px solid #5f5425;
  border-radius:12px;
  color:#ffe680;
  background:rgba(101,80,13,.14);
  text-align:center;
  font-size:10px;
  font-weight:1000;
}

.deposit-status.paid{border-color:#1b6955;color:#7bffd2;background:rgba(20,103,79,.14)}
.deposit-status.failed{border-color:#713747;color:#ff98ac;background:rgba(126,35,56,.13)}
.deposit-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}

.deposit-actions button{
  min-height:43px;
  border-radius:10px;
  cursor:pointer;
  font-size:10px;
  font-weight:1000;
}

.ui-note.purchase-ok{
  padding:12px!important;
  border:1px solid #1b6955;
  border-radius:11px;
  color:#7bffd2!important;
  background:rgba(20,103,79,.14);
  user-select:all;
  word-break:break-all;
}

.ui-note.purchase-failed{
  padding:12px!important;
  border:1px solid #713747;
  border-radius:11px;
  color:#ff9db0!important;
  background:rgba(126,35,56,.13);
}

.purchase-history-panel{width:min(720px,100%)}
.purchase-history-list{display:grid;gap:10px;max-height:min(62vh,620px);margin-top:18px;overflow:auto}
.purchase-history-item{display:grid;gap:9px;padding:14px;border:1px solid #203650;border-radius:13px;background:#07121f}
.purchase-history-item.failed{border-color:#713747;background:rgba(126,35,56,.1)}
.purchase-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.purchase-history-head strong{color:#f3f8ff;font-size:11px}
.purchase-history-head span{color:var(--accent2);font-size:9px;font-weight:1000;text-align:right}
.purchase-history-item.failed .purchase-history-head span{color:#ff9db0}
.purchase-history-item p{margin:0!important;color:#8295ad!important;font-size:9px!important;line-height:1.6!important}
.history-key-button,.history-support-button{display:block;width:100%;min-height:39px;padding:10px;border:1px solid #285276;border-radius:9px;color:#8effd8;background:#0b2030;cursor:pointer;text-align:center;font-size:10px;font-weight:1000;word-break:break-all}
.history-support-button{border-color:#704257;color:#ffb0c0;background:#27131c;text-decoration:none}

@media(max-width:620px){
  .deposit-actions{grid-template-columns:1fr}
  .deposit-row{display:grid;gap:3px}
  .deposit-row strong{text-align:left}
  .purchase-history-head{display:grid}
  .purchase-history-head span{text-align:left}
}