/* ============================================================
   Kuda feature polish layer (wallet / transactions / send money)
   ============================================================ */

body.dashboard-user-layout .kuda-feature-page {
  --kfp-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

body.dashboard-user-layout .kuda-feature-card {
  border: 1px solid rgba(10, 18, 34, 0.08) !important;
  border-radius: calc(var(--kdm-radius, 16px) + 4px) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
  box-shadow: 0 16px 30px rgba(10, 18, 34, 0.06);
  transition: transform 0.22s var(--kfp-ease), box-shadow 0.22s var(--kfp-ease), border-color 0.22s var(--kfp-ease);
}

body.dashboard-user-layout .kuda-feature-card:hover {
  transform: translateY(-1px);
  border-color: rgba(10, 18, 34, 0.12) !important;
  box-shadow: 0 20px 36px rgba(10, 18, 34, 0.08);
}

body.dashboard-user-layout .kuda-feature-card .card-main.p2p-card-main {
  padding-top: 1rem;
}

body.dashboard-user-layout .kuda-feature-page .feature-head {
  margin-bottom: 0.85rem;
}

body.dashboard-user-layout .kuda-feature-page .feature-head__title {
  letter-spacing: -0.02em;
}

body.dashboard-user-layout .kuda-feature-page .feature-head__subtitle {
  color: #5d6778;
}

/* Buttons and controls */
body.dashboard-user-layout .kuda-feature-page .btn.btn-sm,
body.dashboard-user-layout .kuda-feature-page .wallet-page-action,
body.dashboard-user-layout .kuda-feature-page .wallet-panel__action {
  border-radius: 999px;
  font-weight: 700;
  transition: transform 0.16s var(--kfp-ease), box-shadow 0.16s var(--kfp-ease), border-color 0.16s var(--kfp-ease);
}

body.dashboard-user-layout .kuda-feature-page .btn.btn-sm:hover,
body.dashboard-user-layout .kuda-feature-page .wallet-page-action:hover,
body.dashboard-user-layout .kuda-feature-page .wallet-panel__action:hover {
  transform: translateY(-1px);
}

body.dashboard-user-layout .kuda-feature-page .btn.btn-sm:focus-visible,
body.dashboard-user-layout .kuda-feature-page .wallet-page-action:focus-visible,
body.dashboard-user-layout .kuda-feature-page .wallet-panel__action:focus-visible,
body.dashboard-user-layout .kuda-feature-page .ud-trx-item:focus-visible,
body.dashboard-user-layout .kuda-feature-page .dk-history-row:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(10, 18, 34, 0.18);
}

/* Inputs */
body.dashboard-user-layout .kuda-feature-page .single-input-inner.style-border input,
body.dashboard-user-layout .kuda-feature-page .single-input-inner.style-border textarea,
body.dashboard-user-layout .kuda-feature-page .single-select-inner.style-border select,
body.dashboard-user-layout .kuda-feature-page .ud-filter-panel .form-control,
body.dashboard-user-layout .kuda-feature-page .ud-filter-panel .form-select {
  border: 1px solid rgba(10, 18, 34, 0.1);
  border-radius: 12px;
  transition: border-color 0.16s var(--kfp-ease), box-shadow 0.16s var(--kfp-ease), background 0.16s var(--kfp-ease);
}

body.dashboard-user-layout .kuda-feature-page .single-input-inner.style-border input:focus,
body.dashboard-user-layout .kuda-feature-page .single-input-inner.style-border textarea:focus,
body.dashboard-user-layout .kuda-feature-page .single-select-inner.style-border select:focus,
body.dashboard-user-layout .kuda-feature-page .ud-filter-panel .form-control:focus,
body.dashboard-user-layout .kuda-feature-page .ud-filter-panel .form-select:focus {
  border-color: rgba(10, 18, 34, 0.2);
  box-shadow: 0 0 0 3px rgba(10, 18, 34, 0.08);
  background: #fff;
}

/* Send money summary card harmony */
body.dashboard-user-layout .kuda-feature-page--send-money .flow-summary-panel {
  border-radius: calc(var(--kdm-radius, 16px) + 4px);
  box-shadow: 0 16px 30px rgba(10, 18, 34, 0.06);
}

body.dashboard-user-layout .kuda-feature-page--send-money .summery-list li {
  padding: 0.25rem 0;
}

body.dashboard-user-layout .kuda-feature-page--send-money .submit-btn {
  border-radius: 12px;
  font-weight: 800;
}

body.dashboard-user-layout .kuda-feature-page--deposit .flow-summary-panel,
body.dashboard-user-layout .kuda-feature-page--withdraw .flow-summary-panel,
body.dashboard-user-layout .kuda-feature-page--request-money .flow-summary-panel {
  border-radius: calc(var(--kdm-radius, 16px) + 4px);
  box-shadow: 0 14px 28px rgba(10, 18, 34, 0.055);
}

body.dashboard-user-layout .kuda-feature-page--deposit .money-flow-submit,
body.dashboard-user-layout .kuda-feature-page--withdraw .money-flow-submit,
body.dashboard-user-layout .kuda-feature-page--request-money .submit-btn {
  border-radius: 12px;
  font-weight: 800;
}

body.dashboard-user-layout .kuda-feature-page--withdraw .alert.alert-warning {
  border: 1px solid rgba(250, 204, 21, 0.4);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff9e8 0%, #fff5d7 100%);
  color: #6b5200;
}

body.dashboard-user-layout .kuda-feature-page--withdraw .alert.alert-warning i {
  color: #c58a00;
}

/* Transactions page */
body.dashboard-user-layout .kuda-feature-page--transactions .ud-filter-panel {
  border-radius: 14px;
  border: 1px solid rgba(10, 18, 34, 0.08);
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

body.dashboard-user-layout .kuda-feature-page--transactions .ud-trx-item {
  border-radius: 14px;
  transition: transform 0.16s var(--kfp-ease), box-shadow 0.16s var(--kfp-ease), background 0.16s var(--kfp-ease);
}

body.dashboard-user-layout .kuda-feature-page--transactions .ud-trx-item:hover {
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 8px 16px rgba(10, 18, 34, 0.06);
}

body.dashboard-user-layout .kuda-feature-page--transactions .ud-trx-chip {
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

body.dashboard-user-layout .kuda-feature-page--support-ticket .support-ticket-card {
  border-radius: calc(var(--kdm-radius, 16px));
}

body.dashboard-user-layout .kuda-feature-page--payment-links .payment-link-card {
  border-radius: calc(var(--kdm-radius, 16px));
}

body.dashboard-user-layout .kuda-feature-page--agent .agent-service-card,
body.dashboard-user-layout .kuda-feature-page--merchant .merchant-page .single-form-card,
body.dashboard-user-layout .kuda-feature-page--merchant .merchant-service-card {
  border-radius: calc(var(--kdm-radius, 16px) + 4px);
}

/* Wallet page */
body.dashboard-user-layout .kuda-feature-page--wallet .dk-account-panel,
body.dashboard-user-layout .kuda-feature-page--wallet .wallet-panel {
  border-radius: 14px;
}

body.dashboard-user-layout .kuda-feature-page--wallet .wallet-panel__summary {
  border-radius: 14px;
}

body.dashboard-user-layout .kuda-feature-page--wallet .wallet-panel__action--primary {
  box-shadow: 0 10px 20px rgba(10, 18, 34, 0.14);
}

/* Mobile */
@media (max-width: 991.98px) {
  body.dashboard-user-layout .kuda-feature-card {
    border-radius: 14px !important;
    box-shadow: 0 10px 20px rgba(10, 18, 34, 0.06);
  }
}

@media (max-width: 575.98px) {
  body.dashboard-user-layout .kuda-feature-page .feature-head__actions {
    width: 100%;
    justify-content: flex-start;
    gap: 0.5rem;
  }

  body.dashboard-user-layout .kuda-feature-page .btn.btn-sm {
    font-size: 0.74rem;
    padding-inline: 0.75rem;
  }

  body.dashboard-user-layout .kuda-feature-page--send-money .single-input-inner.style-border textarea {
    min-height: 92px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.dashboard-user-layout .kuda-feature-page *,
  body.dashboard-user-layout .kuda-feature-page *::before,
  body.dashboard-user-layout .kuda-feature-page *::after {
    animation: none !important;
    transition: none !important;
  }
}