/* Withdrawal page two-column layout */
.page-user-dashboard .user-dashboard__container.user-dashboard__container--withdraw{
  max-width:1200px;
  margin:0 auto;
  display:flex !important;
  flex-direction:row !important;
  gap:2rem;
  align-items:flex-start;
  padding:0 1.5rem;
}
.page-user-dashboard .user-dashboard__container.user-dashboard__container--withdraw .withdraw-left{
  flex:1 1 60% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:1.25rem;
}
.page-user-dashboard .user-dashboard__container.user-dashboard__container--withdraw .withdraw-right{
  flex:0 0 420px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:1rem;
}
.account-card{
  background:#fff;
  border:1px solid #e0e0e0;
  border-radius:8px;
  padding:1.25rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.page-user-dashboard .user-dashboard__container.user-dashboard__container--withdraw .account-card{width:100%}
.account-card__body{flex:1;display:flex;flex-direction:column}
.account-card__bank-logo{margin-bottom:.75rem}
.account-card__bank-img{height:32px;width:auto;display:block}
.account-card__number{color:#666;font-size:.95rem}
.account-card__action{color:#5b47f5;font-weight:700}
.account-card__action{display:flex;align-items:flex-end;justify-content:flex-end;text-align:right;min-width:110px}
.account-card__action--active{font-weight:600;color:#5b47f5}

/* Inactive (other) account cards */
.account-card--other{
  opacity:.85;
  border-style:dashed;
}
.account-card--other:hover{
  opacity:1;
}
.account-card__activate-form{
  margin:0;
  padding:0;
}
.account-card__action--set-active{
  background:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  color:#5b47f5;
  font-weight:600;
  font-size:.9rem;
  cursor:pointer;
  padding:0;
  text-decoration:underline;
  white-space:nowrap;
}
.account-card__action--set-active:hover,
.account-card__action--set-active:focus,
.account-card__action--set-active:active{
  background:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  color:#4c49e6;
}
.dash-card--withdraw .form-item{margin-bottom:1rem}
.dash-card--withdraw input[type="text"]{
  width:100%;
  height:56px;
  border:1px solid #bfbfbf;
  border-radius:14px;
  padding:0 1rem;
  font-size:1rem;
  background:#fff;
}
.dash-card--withdraw input[type="text"]::placeholder{color:#9a9a9a}
.dash-card--withdraw input[type="submit"],
.dash-card--withdraw button[type="submit"]{
  width:100%;
  height:56px;
  border:0;
  border-radius:14px;
  background:#5b58f2;
  color:#fff;
  font-weight:600;
  font-size:1rem;
  box-shadow:0 6px 16px rgba(91,88,242,.28);
}
.dash-card--withdraw input[type="submit"]:hover,
.dash-card--withdraw button[type="submit"]:hover{background:#4c49e6}
.dash-balance__frozen{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-top:.5rem;
  padding:.5rem .75rem;
  background:#fff3cd;
  border-radius:8px;
  font-size:.9rem;
}
.dash-balance__frozen-label{
  color:#856404;
  font-weight:500;
}
.dash-balance__frozen-amount{
  color:#856404;
  font-weight:700;
}
.withdraw-note{
  font-size:.95rem;
  color:#666;
  line-height:1.45;
}
.withdraw-note h3{
  margin:0 0 .35rem;
  color:#333;
  font-size:1.15rem;
  font-weight:700;
}

@media (max-width:900px){
  .page-user-dashboard .user-dashboard__container.user-dashboard__container--withdraw{flex-direction:column !important;max-width:720px}
  .page-user-dashboard .user-dashboard__container.user-dashboard__container--withdraw .withdraw-right{flex:1 1 auto !important}
}
