#view-mine #mineBalanceDetails .mw-account-panel {
  --account-ink: #4b3025;
  --account-muted: #75675f;
  --account-purple: #6b50b4;
  --account-pale: #f4eefe;
  margin: 12px 0 0;
  padding: 17px 0 6px;
  border-top: 1px solid rgba(92, 65, 45, .16);
  color: var(--account-ink);
  font-size: 16px;
  line-height: 1.55;
}
#view-mine #mineBalanceDetails .mw-account-panel *,
#view-mine #mineBalanceDetails .mw-account-panel *::before,
#view-mine #mineBalanceDetails .mw-account-panel *::after { box-sizing: border-box; }
#view-mine #mineBalanceDetails .mw-account-panel [hidden] { display: none !important; }
#view-mine #mineBalanceDetails .mw-account-head { display: flex; align-items: center; gap: 11px; }
#view-mine #mineBalanceDetails .mw-account-head-logo {
  display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px;
  overflow: hidden; border: 1px solid #d9c9f2; border-radius: 14px; background: #fff;
}
#view-mine #mineBalanceDetails .mw-account-head-logo img { width: 37px; height: 37px; object-fit: contain; }
#view-mine #mineBalanceDetails .mw-account-head strong { display: block; color: #4b3025; font-size: 18px; font-weight: 850; }
#view-mine #mineBalanceDetails .mw-account-head small { display: block; color: #826e8e; font-size: 13px; font-weight: 650; }
#view-mine #mineBalanceDetails .mw-account-explain,
#view-mine #mineBalanceDetails .mw-account-note,
#view-mine #mineBalanceDetails .mw-account-action-card > p,
#view-mine #mineBalanceDetails .mw-account-verify small,
#view-mine #mineBalanceDetails .mw-account-records-head p {
  margin: 8px 0 0;
  color: var(--account-muted);
  font-size: 14px;
  line-height: 1.7;
}
#view-mine #mineBalanceDetails .mw-account-auth,
#view-mine #mineBalanceDetails .mw-account-action-card {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid #e8ddf7;
  border-radius: 17px;
  background: linear-gradient(145deg, #fffdfa, #fbf7ff);
  box-shadow: 0 7px 20px rgba(85, 50, 115, .07);
}
#view-mine #mineBalanceDetails .mw-account-auth {
  display: grid; gap: 12px; justify-items: start;
  background: linear-gradient(145deg, #f9f3ff, #fffdf9);
}
#view-mine #mineBalanceDetails .mw-account-auth p { margin: 0; color: #5f5275; font-size: 14px; line-height: 1.7; }
#view-mine #mineBalanceDetails .mw-account-panel button {
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid #d8c4ed;
  border-radius: 12px;
  background: #f4eafd;
  color: #614697;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
  cursor: pointer;
}
#view-mine #mineBalanceDetails .mw-account-panel button:hover { background: #ead9fa; }
#view-mine #mineBalanceDetails .mw-account-panel button:focus-visible,
#view-mine #mineBalanceDetails .mw-account-panel input:focus-visible {
  outline: 2px solid #8e66d3;
  outline-offset: 2px;
}
#view-mine #mineBalanceDetails .mw-account-panel button:disabled,
#view-mine #mineBalanceDetails .mw-account-panel input:disabled { opacity: .55; cursor: not-allowed; }
#view-mine #mineBalanceDetails #mwAccountLogin,
#view-mine #mineBalanceDetails #mwDepositButton,
#view-mine #mineBalanceDetails #mwWithdrawalButton {
  border-color: #7953b9;
  background: linear-gradient(140deg, #8b69d0, #7052b5);
  color: #fff;
}
#view-mine #mineBalanceDetails .mw-account-balances {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
}
#view-mine #mineBalanceDetails .mw-account-balance {
  min-width: 0;
  padding: 12px;
  border: 1px solid #e9def3;
  border-radius: 14px;
  background: #fffdfc;
}
#view-mine #mineBalanceDetails .mw-account-balance--gift { background: #fff7fb; border-color: #f3dce8; }
#view-mine #mineBalanceDetails .mw-account-balance--locked { background: #f8f5fc; }
#view-mine #mineBalanceDetails .mw-account-balance--available { background: #f4efff; border-color: #dccaf5; }
#view-mine #mineBalanceDetails .mw-account-balance span { display: block; color: #75647e; font-size: 14px; font-weight: 750; }
#view-mine #mineBalanceDetails .mw-account-balance strong {
  display: block; margin-top: 4px; color: #4c3275;
  font-size: 17px; font-weight: 900; line-height: 1.35; overflow-wrap: anywhere;
}
#view-mine #mineBalanceDetails .mw-account-balance small { display: block; margin-top: 5px; color: #7f7484; font-size: 12px; line-height: 1.5; }
#view-mine #mineBalanceDetails .mw-account-note {
  margin-top: 12px; padding: 10px 12px;
  border-radius: 11px; background: #f6ecfb; color: #67527a;
}
#view-mine #mineBalanceDetails .mw-account-action-card h3 { margin: 0; color: #4b3025; font-size: 18px; font-weight: 850; }
#view-mine #mineBalanceDetails .mw-account-addresses {
  display: grid; gap: 8px; margin: 14px 0;
}
#view-mine #mineBalanceDetails .mw-account-addresses > div {
  min-width: 0; padding: 9px 11px; border-radius: 11px;
  border: 1px solid #eee4f6; background: #fbf8ff;
}
#view-mine #mineBalanceDetails .mw-account-addresses span { display: block; color: #766888; font-size: 12px; font-weight: 750; }
#view-mine #mineBalanceDetails .mw-account-addresses strong {
  display: block; margin-top: 4px; color: #563d7e;
  font: 600 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow-wrap: anywhere;
}
#view-mine #mineBalanceDetails .mw-account-form,
#view-mine #mineBalanceDetails .mw-account-verify { display: grid; gap: 7px; margin-top: 14px; }
#view-mine #mineBalanceDetails .mw-account-form label,
#view-mine #mineBalanceDetails .mw-account-verify label { color: #573b66; font-size: 15px; font-weight: 800; }
#view-mine #mineBalanceDetails .mw-account-input-row { display: flex; min-width: 0; gap: 8px; }
#view-mine #mineBalanceDetails .mw-account-input-row input {
  flex: 1 1 auto; min-width: 0; width: 100%; min-height: 46px; padding: 10px 12px;
  border: 1px solid #dfcdeb; border-radius: 11px; background: #fff;
  color: #4b3025; font: inherit; font-size: 16px; line-height: 1.4;
}
#view-mine #mineBalanceDetails .mw-account-input-row input::placeholder { color: #97889b; opacity: 1; }
#view-mine #mineBalanceDetails .mw-account-input-row button { flex: 0 0 auto; }
#view-mine #mineBalanceDetails .mw-account-verify { padding-top: 13px; border-top: 1px solid #efe5f6; }
#view-mine #mineBalanceDetails .mw-account-verify small { margin: 0; }
#view-mine #mineBalanceDetails .mw-account-status { min-height: 0; margin: 9px 0 0; color: #75647e; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
#view-mine #mineBalanceDetails .mw-account-status:empty { display: none; }
#view-mine #mineBalanceDetails .mw-account-status[data-kind="ok"] { color: #386f51; }
#view-mine #mineBalanceDetails .mw-account-status[data-kind="warn"] { color: #8a5a29; }
#view-mine #mineBalanceDetails .mw-account-status[data-kind="error"] { color: #b54455; }
#view-mine #mineBalanceDetails .mw-account-withdrawable {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  margin-top: 12px; padding: 10px 12px; border-radius: 11px; background: #f5effe;
}
#view-mine #mineBalanceDetails .mw-account-withdrawable span { color: #6e5b7e; font-size: 14px; }
#view-mine #mineBalanceDetails .mw-account-withdrawable strong { color: #5b3e9d; font-size: 17px; overflow-wrap: anywhere; text-align: right; }
#view-mine #mineBalanceDetails .mw-account-records-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
#view-mine #mineBalanceDetails .mw-account-records-head p { margin-top: 3px; }
#view-mine #mineBalanceDetails .mw-account-records-head button { padding: 7px 12px; }
#view-mine #mineBalanceDetails .mw-account-record-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 15px; padding: 4px; border-radius: 13px; background: #f2eaf8; }
#view-mine #mineBalanceDetails .mw-account-record-tabs button { min-height: 40px; border: 0; background: transparent; color: #796a83; font-size: 14px; }
#view-mine #mineBalanceDetails .mw-account-record-tabs button[aria-selected="true"] { background: #fff; color: #5a3e9e; box-shadow: 0 2px 8px #6f4a9320; }
#view-mine #mineBalanceDetails .mw-account-record-list { display: grid; gap: 8px; margin-top: 12px; }
#view-mine #mineBalanceDetails .mw-account-record {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px;
  padding: 11px 12px; border: 1px solid #eee6f4; border-radius: 11px; background: #fff;
}
#view-mine #mineBalanceDetails .mw-account-record > div { min-width: 0; }
#view-mine #mineBalanceDetails .mw-account-record > div:last-of-type { text-align: right; }
#view-mine #mineBalanceDetails .mw-account-record strong { display: block; color: #4b3025; font-size: 14px; overflow-wrap: anywhere; }
#view-mine #mineBalanceDetails .mw-account-record small { display: block; color: #7e7182; font-size: 12px; }
#view-mine #mineBalanceDetails .mw-account-record small[data-state="confirmed"],
#view-mine #mineBalanceDetails .mw-account-record small[data-state="completed"] { color: #397050; }
#view-mine #mineBalanceDetails .mw-account-record small[data-state="failed"],
#view-mine #mineBalanceDetails .mw-account-record small[data-state="rejected"] { color: #b54455; }
#view-mine #mineBalanceDetails .mw-account-record a { grid-column: 1 / -1; color: #6a4aa5; font-size: 12px; font-weight: 700; text-decoration: none; }
#view-mine #mineBalanceDetails .mw-account-empty { margin: 0; padding: 24px 12px; border: 1px dashed #ded0ec; border-radius: 12px; color: #766b7c; text-align: center; font-size: 14px; }
#view-mine #mineBalanceDetails .mw-account-pagination { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 12px; }
#view-mine #mineBalanceDetails .mw-account-pagination button { min-height: 40px; padding: 7px 10px; font-size: 13px; }
#view-mine #mineBalanceDetails .mw-account-pagination span { min-width: 0; color: #796b80; text-align: center; font-size: 12px; }

@media (max-width: 355px) {
  #view-mine #mineBalanceDetails .mw-account-balances { grid-template-columns: 1fr; }
  #view-mine #mineBalanceDetails .mw-account-input-row { flex-wrap: wrap; }
  #view-mine #mineBalanceDetails .mw-account-input-row button { width: 100%; }
  #view-mine #mineBalanceDetails .mw-account-withdrawable { align-items: flex-start; flex-direction: column; }
  #view-mine #mineBalanceDetails .mw-account-withdrawable strong { text-align: left; }
}