/* Client dashboard content refresh — 2026 (be-finance inspired) */
.dashboard-area {
  --eb-navy: #0e1b32;
  --eb-teal: #14b8a6;
  --eb-teal-dark: #0d9488;
  --eb-teal-soft: rgba(20, 184, 166, .1);
  --eb-text: #33415c;
  --eb-muted: #7c879e;
  --eb-line: #e7ebf3;
  background: #f4f6fb;
}

/* ---------- Headings ---------- */
.dashboard-area .header-section {
  margin-bottom: 18px;
}

.dashboard-area .header-section h4 {
  color: var(--eb-navy);
  font-size: 22px;
  font-weight: 750;
  letter-spacing: -.01em;
}

/* ---------- Cards ---------- */
.dashboard-area .card {
  border: 1px solid var(--eb-line);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(20, 32, 62, .05);
}

.dashboard-area .card-header {
  padding: 16px 22px;
  border-bottom: 1px solid var(--eb-line);
  background: transparent;
  border-radius: 18px 18px 0 0 !important;
}

.dashboard-area .card-header h4,
.dashboard-area .card-header h5 {
  margin: 0;
  color: var(--eb-navy);
  font-size: 15px;
  font-weight: 700;
}

.dashboard-area .card-body {
  padding: 22px;
}

.dashboard-area .main-container > .card,
.dashboard-area .main-container > .header-section + .card {
  overflow: hidden;
}

/* ---------- Buttons ---------- */
.dashboard-area .btn-primary,
.dashboard-area .basicbtn,
.dashboard-area button[type="submit"]:not(.btn-danger):not(.btn-outline-primary) {
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--eb-teal) 0%, var(--eb-teal-dark) 100%);
  box-shadow: 0 10px 22px rgba(20, 184, 166, .28);
  color: #fff;
  font-weight: 650;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.dashboard-area .btn-primary:hover,
.dashboard-area .basicbtn:hover,
.dashboard-area button[type="submit"]:not(.btn-danger):not(.btn-outline-primary):hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(20, 184, 166, .34);
  color: #fff;
  filter: brightness(1.03);
}

.dashboard-area .btn-outline-primary {
  border: 1px solid var(--eb-teal);
  border-radius: 12px;
  color: var(--eb-teal-dark);
  font-weight: 650;
}

.dashboard-area .btn-outline-primary:hover {
  background: var(--eb-teal);
  border-color: var(--eb-teal);
  color: #fff;
}

.dashboard-area .btn-warning {
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #f5a623, #e2861a);
  color: #fff;
  font-weight: 650;
}

.dashboard-area .btn-danger {
  border: 0;
  border-radius: 12px;
  font-weight: 650;
}

.dashboard-area .btn-sm {
  border-radius: 9px;
}

.dashboard-area .button-btn a {
  display: inline-block;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--eb-teal) 0%, var(--eb-teal-dark) 100%);
  box-shadow: 0 10px 22px rgba(20, 184, 166, .28);
  color: #fff;
  font-weight: 650;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.dashboard-area .button-btn a:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(20, 184, 166, .34);
  color: #fff;
  filter: brightness(1.03);
}

.dashboard-area .desposit-action a {
  display: inline-block;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--eb-teal) 0%, var(--eb-teal-dark) 100%);
  box-shadow: 0 10px 22px rgba(20, 184, 166, .28);
  color: #fff;
  font-weight: 650;
  line-height: normal;
  padding: 13px 32px;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.dashboard-area .desposit-action a:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(20, 184, 166, .34);
  color: #fff;
  filter: brightness(1.03);
}

.dashboard-area .ecurrency-name h3 {
  color: var(--eb-navy);
  font-size: 18px;
  font-weight: 700;
}

.dashboard-area .requirments-menu ul li {
  color: var(--eb-muted);
  font-size: 13px;
}

/* ---------- Forms ---------- */
.dashboard-area .form-control,
.dashboard-area .form-select,
.dashboard-area select.form-control,
.dashboard-area textarea.form-control {
  min-height: 46px;
  padding: 10px 15px;
  border: 1px solid var(--eb-line);
  border-radius: 12px;
  background: #fbfcfe;
  color: var(--eb-text);
  font-size: 13.5px;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.dashboard-area textarea.form-control {
  min-height: 100px;
}

.dashboard-area .form-control:focus,
.dashboard-area .form-select:focus {
  border-color: var(--eb-teal);
  outline: 0;
  background: #fff;
  box-shadow: 0 0 0 3px var(--eb-teal-soft);
}

.dashboard-area .form-control.is-invalid {
  border-color: #e4646f;
}

.dashboard-area label {
  margin-bottom: 6px;
  color: var(--eb-muted);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.dashboard-area .invalid-feedback {
  font-size: 11.5px;
  font-weight: 600;
}

/* ---------- Badges & alerts ---------- */
.dashboard-area .badge {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .01em;
}

.dashboard-area .badge-success { background: #e3f9f0; color: #1c9d6b; }
.dashboard-area .badge-warning { background: #fef3e0; color: #b8760a; }
.dashboard-area .badge-danger { background: #fdeaec; color: #d24358; }
.dashboard-area .badge-secondary { background: #eef0f5; color: #6a7590; }
.dashboard-area .badge-primary { background: var(--eb-teal-soft); color: var(--eb-teal-dark); }

.dashboard-area .alert {
  border: 0;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 550;
}

.dashboard-area .alert-success { background: #e3f9f0; color: #1c9d6b; }
.dashboard-area .alert-danger { background: #fdeaec; color: #d24358; }

/* ---------- Tables ---------- */
.dashboard-area .table {
  color: var(--eb-text);
  font-size: 13px;
}

.dashboard-area .table thead th {
  padding: 10px 14px;
  border-bottom: 2px solid var(--eb-line);
  color: var(--eb-muted);
  font-size: 10.5px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dashboard-area .table td {
  padding: 13px 14px;
  border-top: 1px solid var(--eb-line);
  vertical-align: middle;
}

.dashboard-area .table-striped tbody tr:nth-of-type(odd) {
  background: #fafbfd;
}

.dashboard-area .table-hover tbody tr:hover {
  background: var(--eb-teal-soft);
}

/* ---------- Stat / mini cards used across pages ---------- */
.dashboard-area .card-statistic-1 .card-icon,
.dashboard-area .card-statistic-2 .card-icon {
  border-radius: 12px;
}

/* ---------- Pagination ---------- */
.dashboard-area nav[role="navigation"] .page-link {
  border: 1px solid var(--eb-line);
  margin: 0 3px;
  border-radius: 9px !important;
  color: var(--eb-text);
  font-weight: 650;
}

.dashboard-area nav[role="navigation"] .page-item.active .page-link {
  border-color: var(--eb-teal);
  background: var(--eb-teal);
  color: #fff;
}

/* ---------- Bank card (My Cards page) ---------- */
.dashboard-area .bank-card {
  border-radius: 18px;
  box-shadow: 0 16px 34px rgba(14, 27, 50, .18);
}