.deposit-detail-card[data-v-2ad3dede] {
  overflow: hidden;
  border-radius: 0;
  background: #ffffff;
}
.detail-header[data-v-2ad3dede] {
  background: linear-gradient(120deg, #ecfeff 0%, #f8fafc 60%, #fff7ed 100%);
  border-bottom: 1px solid #e2e8f0;
}
.eyebrow-label[data-v-2ad3dede] {
  color: #0f766e;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.text-slate-900[data-v-2ad3dede] { color: #0f172a;
}
.text-slate-800[data-v-2ad3dede] { color: #1e293b;
}
.text-slate-700[data-v-2ad3dede] { color: #334155;
}
.text-slate-600[data-v-2ad3dede] { color: #475569;
}
.text-slate-500[data-v-2ad3dede] { color: #64748b;
}
.text-slate-400[data-v-2ad3dede] { color: #94a3b8;
}
.color-teal-primary[data-v-2ad3dede] { color: #0f766e;
}
.font-mono[data-v-2ad3dede] { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.border-dashed[data-v-2ad3dede] { border-style: dashed !important;
}
.balance-banner[data-v-2ad3dede] {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #b2dfdb;
}
.close-button[data-v-2ad3dede]:hover { background: rgba(15, 118, 110, 0.08);
}
.table-intro[data-v-2ad3dede] { background: #ffffff; border-bottom: 1px solid #f1f5f9;
}
[data-v-2ad3dede] .modern-detail-table .v-data-table-header th {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #64748b !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[data-v-2ad3dede] .modern-detail-table tbody td { border-bottom: 1px solid #f1f5f9 !important;
}
[data-v-2ad3dede] .modern-detail-table tbody tr:hover { background: #f0fdfa !important;
}
.refund-section[data-v-2ad3dede] { background: #f8fafc; border-top: 1px solid #e2e8f0;
}
.refund-summary[data-v-2ad3dede] { max-width: 680px; margin-left: auto; background: #ffffff; border: 1px solid #b2dfdb; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
.summary-row[data-v-2ad3dede] { display: flex; justify-content: space-between; gap: 16px; color: #64748b; font-size: 0.875rem; margin-top: 10px;
}
.summary-row strong[data-v-2ad3dede] { color: #1e293b; text-align: right;
}
.total-row[data-v-2ad3dede] { color: #0f172a; font-size: 1rem; font-weight: 700;
}
.total-row strong[data-v-2ad3dede] { color: #0f766e; font-size: 1.15rem;
}
.refund-dialog[data-v-2ad3dede] { overflow: hidden;
}
.dialog-header[data-v-2ad3dede] { background: #f8fafc; border-bottom: 1px solid #e2e8f0;
}
.warning-panel[data-v-2ad3dede] { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; font-size: 0.875rem; line-height: 1.5;
}
.account-panel[data-v-2ad3dede] { background: #f8fafc; border: 1px solid #e2e8f0;
}
.account-row[data-v-2ad3dede] { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; color: #64748b; font-size: 0.82rem;
}
.account-row + .account-row[data-v-2ad3dede] { border-top: 1px solid #e2e8f0;
}
.account-row strong[data-v-2ad3dede] { color: #1e293b; text-align: right;
}
@media (max-width: 600px) {
.detail-header[data-v-2ad3dede] { padding: 20px 16px !important;
}
.table-intro[data-v-2ad3dede] { padding: 16px !important;
}
.refund-section[data-v-2ad3dede] { padding: 16px !important;
}
.refund-summary[data-v-2ad3dede] { padding: 18px !important;
}
.account-row[data-v-2ad3dede] { align-items: flex-start; flex-direction: column; gap: 2px;
}
.account-row strong[data-v-2ad3dede] { text-align: left;
}
[data-v-2ad3dede] .modern-detail-table .v-data-table__mobile-row { min-height: 42px; padding: 8px 16px; border-bottom: 1px solid #f1f5f9;
}
[data-v-2ad3dede] .modern-detail-table .v-data-table__mobile-row__header { color: #64748b; font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
}
}


/* Utility Colors */
.bg-slate-50[data-v-1996ca0f] {
  background-color: #f8fafc !important;
}
.bg-teal-50[data-v-1996ca0f] {
  background-color: #f0fdfa !important;
}
.text-slate-800[data-v-1996ca0f] {
  color: #1e293b;
}
.text-slate-700[data-v-1996ca0f] {
  color: #334155;
}
.text-slate-600[data-v-1996ca0f] {
  color: #475569;
}
.text-slate-500[data-v-1996ca0f] {
  color: #64748b;
}
.text-slate-400[data-v-1996ca0f] {
  color: #94a3b8;
}
.color-teal-primary[data-v-1996ca0f] {
  color: #0f766e;
}

/* Borders */
.border-slate[data-v-1996ca0f] {
  border: 1px solid #e2e8f0 !important;
}
.border-bottom-slate[data-v-1996ca0f] {
  border-bottom: 1px solid #f1f5f9;
}
.border-amber[data-v-1996ca0f] {
  border-color: #f59e0b !important;
}
.history-card[data-v-1996ca0f] {
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
}
.history-toolbar[data-v-1996ca0f] {
  background: linear-gradient(110deg, #ffffff 0%, #f8fafc 100%);
}
.eyebrow-label[data-v-1996ca0f] {
  color: #0f766e;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Typography */
.font-mono[data-v-1996ca0f] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Modern Table Custom Styling */
[data-v-1996ca0f] .modern-history-table .v-data-table-header th {
  background-color: #f8fafc !important;
  color: #475569 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #e2e8f0 !important;
}
[data-v-1996ca0f] .modern-history-table tbody tr {
  transition: background-color 0.15s ease-in-out;
}
[data-v-1996ca0f] .modern-history-table tbody tr:hover {
  background-color: #f1f5f9 !important;
}
[data-v-1996ca0f] .modern-history-table tbody td {
  border-bottom: 1px solid #f1f5f9 !important;
  font-size: 0.875rem;
}
[data-v-1996ca0f] .modern-history-table .v-data-table__mobile-row {
  min-height: 42px;
  border-bottom: 1px solid #f1f5f9;
}
[data-v-1996ca0f] .modern-history-table .v-data-table__mobile-row__header {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 600px) {
.history-toolbar[data-v-1996ca0f] {
    padding: 18px 16px !important;
}
.history-toolbar .d-flex.align-center.ga-2[data-v-1996ca0f] {
    align-items: stretch !important;
    flex-direction: column;
}
.history-toolbar .v-btn[data-v-1996ca0f] {
    width: 100%;
}
[data-v-1996ca0f] .modern-history-table .v-data-table__mobile-row {
    padding: 8px 16px;
}
}


.position-relative[data-v-35bb4e21] {
  position: relative;
}
.modern-otp-input[data-v-35bb4e21] .v-input__control .v-input__slot {
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 60px; /* Increase height for better touch targets */
}
.modern-otp-input[data-v-35bb4e21] input {
  color: white !important;
  font-size: 1.8em !important; /* Larger OTP digits */
  font-weight: bold !important;
  text-align: center !important;
}
.modern-otp-input.v-input--is-focused[data-v-35bb4e21] .v-input__control .v-input__slot {
  border-color: #9575cd !important; /* Deep purple lighten-1 for focus */
  box-shadow: 0 0 0 2px rgba(149, 117, 205, 0.3) !important; /* Subtle focus ring */
}
.modern-button-text[data-v-35bb4e21] {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 500;
}
.modern-button-text[data-v-35bb4e21]:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* Fade-in animation for the OTP component */
.fade-in-otp-enter-active[data-v-35bb4e21] {
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.fade-in-otp-enter[data-v-35bb4e21] {
  opacity: 0;
  transform: translateY(20px);
}


.position-relative[data-v-539eb239] {
  position: relative;
}

/* Styles for modern text fields (can be shared if login.vue styles are global or replicated here) */
.modern-text-field.v-text-field--outlined[data-v-539eb239] fieldset {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.modern-text-field.v-text-field--outlined.v-input--is-focused[data-v-539eb239] fieldset {
  border-color: #9575CD !important;
  /* Deep purple lighten-1 for focus */
}
.modern-text-field[data-v-539eb239] .v-label {
  color: rgba(255, 255, 255, 0.7) !important;
}
.modern-text-field[data-v-539eb239] input {
  color: white !important;
}
.modern-text-field[data-v-539eb239] .v-icon {
  color: rgba(255, 255, 255, 0.7) !important;
}
.modern-button[data-v-539eb239] {
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.modern-button-text[data-v-539eb239] {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 500;
}
.modern-button-text[data-v-539eb239]:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* OTP Input styling */
.v-otp-input[data-v-539eb239] .v-input__control .v-input__slot {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px;
  box-shadow: none !important;
}
.v-otp-input[data-v-539eb239] input {
  color: white !important;
  font-size: 1.5em;
  font-weight: bold;
}
.v-otp-input.v-input--is-focused[data-v-539eb239] .v-input__control .v-input__slot {
  border-color: #9575CD !important;
}

/* Vue Tel Input styling for white text */
.vue-tel-input[data-v-539eb239] input {
  color: white !important;
  background-color: transparent !important;
}
.vue-tel-input[data-v-539eb239] .vti__input {
  color: white !important;
  background-color: transparent !important;
}
.vue-tel-input[data-v-539eb239] .vti__dropdown {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.vue-tel-input[data-v-539eb239] .vti__dropdown-list {
  background-color: rgba(0, 0, 0, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.vue-tel-input[data-v-539eb239] .vti__dropdown-item {
  color: white !important;
}
.vue-tel-input[data-v-539eb239] .vti__dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.vue-tel-input[data-v-539eb239] .vti__dropdown-item.highlighted {
  background-color: rgba(149, 117, 205, 0.3) !important;
}
.vue-tel-input[data-v-539eb239] .vti__flag {
  filter: brightness(1.2);
}