.mex-frozen-wallet-breakdown {
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.mex-frozen-wallet-breakdown small,
.mex-frozen-wallet-card small {
  color: var(--h5-muted, #8e949c);
}

.mex-frozen-wallet-breakdown strong {
  max-width: 100%;
  overflow: hidden;
  color: var(--h5-gold, #d8b760);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wallet-balance-grid.mex-four-wallet-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mex-frozen-wallet-card {
  border-color: rgba(216, 183, 96, .38) !important;
  background: linear-gradient(145deg, rgba(216, 183, 96, .12), rgba(20, 184, 120, .05)) !important;
  cursor: pointer;
}

.mex-frozen-wallet-card strong {
  color: var(--h5-gold, #d8b760);
}

.mex-legacy-wallet-records { display: none !important; }
.mex-four-wallet-records { overflow: hidden; }
.mex-four-wallet-records article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.055); }
.mex-four-wallet-records article > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.mex-four-wallet-records article strong { font-size: 10px; }
.mex-four-wallet-records article small { font-size: 8px; color: var(--h5-muted,#8e949c); }
.mex-four-wallet-records article b { font-size: 9px; color: var(--h5-gold,#d8b760); text-align: right; }
.mex-four-wallet-records > p:not(:empty) { padding: 20px 14px; text-align: center; font-size: 11px; color: var(--h5-muted,#8e949c); }
.mex-four-wallet-more { width: 100%; padding: 12px; border: 0; background: transparent; color: var(--h5-gold,#d8b760); }
.mex-four-wallet-more[hidden] { display: none !important; }

.mex-frozen-wallet-detail-button {
  width: 100%;
  margin-top: 10px;
  padding: 11px 14px;
  border: 1px solid rgba(216, 183, 96, .42);
  border-radius: 12px;
  color: var(--h5-gold, #d8b760);
  background: rgba(216, 183, 96, .08);
  font-weight: 700;
}

#mex-frozen-wallet-modal[hidden] {
  display: none !important;
}

#mex-frozen-wallet-modal {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-family: inherit;
}

.mex-frozen-modal-open {
  overflow: hidden !important;
}

.mex-frozen-modal-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, .72);
}

.mex-frozen-modal-panel {
  position: relative;
  width: min(100%, 500px);
  max-height: min(78vh, 720px);
  overflow: hidden;
  padding: 20px 18px max(18px, env(safe-area-inset-bottom));
  border: 1px solid rgba(216, 183, 96, .35);
  border-radius: 24px 24px 0 0;
  color: var(--h5-text, #f4f4f1);
  background: #101713;
  box-shadow: 0 -24px 60px rgba(0, 0, 0, .44);
}

.mex-frozen-modal-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.mex-frozen-modal-title {
  margin: 0;
  font-size: 20px;
}

.mex-frozen-modal-close {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .06);
  font-size: 25px;
  line-height: 1;
}

.mex-frozen-modal-note {
  margin: 8px 0 15px;
  color: var(--h5-muted, #8e949c);
  font-size: 12px;
  line-height: 1.6;
}

.mex-frozen-modal-body {
  max-height: calc(min(78vh, 720px) - 115px);
  overflow: auto;
  overscroll-behavior: contain;
}

.mex-frozen-modal-body article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 2px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.mex-frozen-modal-body article > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.mex-frozen-modal-body small {
  color: var(--h5-muted, #8e949c);
  font-size: 10px;
}

.mex-frozen-modal-body b {
  flex: 0 0 auto;
  color: var(--h5-gold, #d8b760);
  font-variant-numeric: tabular-nums;
}

.mex-frozen-modal-empty {
  padding: 38px 0;
  color: var(--h5-muted, #8e949c);
  text-align: center;
}