/**
 * Dashboard Panel Flow — My Trade Ads reference (/user/p2p/offers/my)
 * Applies across user, agent, and merchant dashboard panels.
 */
body.dashboard-user-layout.dk-panel-flow {
  --dkpf-line: rgba(10, 18, 34, 0.1);
  --dkpf-panel-head: var(--kdm-grey, #f0f2f2);
  --dkpf-panel-body: var(--kdm-grey, #f0f2f2);
  --dkpf-card-shadow: 0 2px 6px rgba(10, 18, 34, 0.04);
  --dkpf-radius: 12px;
  --dkpf-radius-sm: 10px;
}

/* ─── Panel card shell (single-form-card = My Trade outer card) ─── */
body.dk-panel-flow.dashboard-user-layout .single-form-card,
body.dk-panel-flow.dashboard-user-layout .card.single-form-card {
  --p2p-border: var(--dkpf-line);
  --p2p-muted: var(--kdm-muted);
  --p2p-head: var(--kdm-ink);
  --p2p-primary: var(--kdm-navy);
  --p2p-primary-dark: var(--kdm-navy-mid);
  --p2p-buy: var(--kdm-navy);
  --p2p-sell: var(--kdm-navy-mid);
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
  overflow: hidden;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .card-main,
body.dk-panel-flow.dashboard-user-layout .single-form-card .card-body {
  padding: 1.25rem 1.35rem 1.4rem !important;
  background: #fff;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card.p2p-ui .p2p-card-main {
  padding: 1.5rem 1.75rem 1.65rem !important;
  background: var(--kdm-grey, #f0f2f2) !important;
}

/* ─── Feature header (My Trade title row) ─── */
body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header {
  padding: 1.1rem 1.25rem 1rem !important;
  border-bottom: 1px solid var(--dkpf-line);
  background: #fff !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__icon {
  color: var(--kdm-yellow) !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__title {
  color: var(--kdm-ink) !important;
  font-weight: 800;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__subtitle {
  color: var(--kdm-muted) !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__actions .btn,
body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__actions .btn-light-primary,
body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__actions .btn-light-success {
  min-height: 34px;
  padding: 0 14px !important;
  border: 1px solid var(--dkpf-line) !important;
  border-radius: 999px !important;
  background: var(--kdm-grey) !important;
  color: var(--kdm-navy) !important;
  font-weight: 700;
  box-shadow: none !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__actions .btn:hover,
body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__actions .btn:focus {
  background: rgba(255, 204, 0, 0.22) !important;
  border-color: rgba(255, 204, 0, 0.45) !important;
  color: var(--kdm-navy) !important;
}

/* ─── Inner workspace (card-main body) ─── */
body.dk-panel-flow.dashboard-user-layout :is(
  .settings-content--panel,
  .agent-workspace,
  .wallet-earn-workspace,
  .merchant-page .card-body,
  .daily-thrift-page .card-body
) {
  padding: 0 !important;
  background: transparent;
}

/* ─── Content panels (p2p-offers-panel pattern) ─── */
body.dk-panel-flow.dashboard-user-layout :is(
  .p2p-offers-panel,
  .settings-section,
  .agent-panel-card,
  .agent-overview-board,
  .merchant-page__section-panel,
  .history-table,
  .payment-link-panel,
  .flow-summary-panel
) {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  overflow: hidden;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .p2p-offers-panel__head,
body.dk-panel-flow.dashboard-user-layout .settings-section__head,
body.dk-panel-flow.dashboard-user-layout .agent-panel-card__head,
body.dk-panel-flow.dashboard-user-layout .history-table .card-title,
body.dk-panel-flow.dashboard-user-layout .payment-link-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  margin: 0;
  border-bottom: 1px solid var(--dkpf-line);
  background: var(--dkpf-panel-head);
}

body.dk-panel-flow.dashboard-user-layout .p2p-offers-panel__title,
body.dk-panel-flow.dashboard-user-layout .settings-section__title,
body.dk-panel-flow.dashboard-user-layout .agent-panel-card__title,
body.dk-panel-flow.dashboard-user-layout .history-table .card-title h5,
body.dk-panel-flow.dashboard-user-layout .history-table .card-title .title-text {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout .p2p-offers-panel__body,
body.dk-panel-flow.dashboard-user-layout .settings-section__body,
body.dk-panel-flow.dashboard-user-layout .agent-panel-card__body,
body.dk-panel-flow.dashboard-user-layout .history-table .table-responsive,
body.dk-panel-flow.dashboard-user-layout .payment-link-panel__body {
  padding: 12px;
  background: var(--dkpf-panel-body);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel__head {
  background: var(--dkpf-panel-head);
  border-bottom-color: var(--dkpf-line);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel__body {
  background: var(--dkpf-panel-body);
}

/* ─── Summary stat grid (My Trade summary cards) ─── */
body.dk-panel-flow.dashboard-user-layout :is(
  .p2p-my-ads-summary,
  .agent-status-facts,
  .wallet-earn-page .we-user-stats,
  .merchant-page .merchant-stats-grid
) {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

body.dk-panel-flow.dashboard-user-layout .feature-summary-widget__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  body.dk-panel-flow.dashboard-user-layout .feature-summary-widget__grid {
    grid-template-columns: 1fr;
  }
}

body.dk-panel-flow.dashboard-user-layout .p2p-my-ads-summary,
body.dk-panel-flow.dashboard-user-layout .agent-status-facts {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

body.dk-panel-flow.dashboard-user-layout .wallet-earn-page .we-user-stats {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

body.dk-panel-flow.dashboard-user-layout :is(
  .p2p-summary-card,
  .agent-status-facts > div,
  .agent-overview-kpi,
  .wallet-earn-page .we-user-stat,
  .merchant-page .merchant-stat-card
) {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: none;
}

body.dk-panel-flow.dashboard-user-layout :is(
  .p2p-summary-card__label,
  .agent-status-facts span,
  .agent-overview-kpi span,
  .wallet-earn-page .we-user-stat span
) {
  display: block;
  font-size: 0.72rem;
  line-height: 1.3;
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout :is(
  .p2p-summary-card__value,
  .agent-status-facts strong,
  .agent-overview-kpi strong,
  .wallet-earn-page .we-user-stat strong
) {
  display: block;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout .p2p-summary-card__icon,
body.dk-panel-flow.dashboard-user-layout .wallet-earn-page .we-user-stat__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(10, 18, 34, 0.06);
  color: var(--kdm-navy);
}

body.dk-panel-flow.dashboard-user-layout .p2p-summary-card--primary .p2p-summary-card__icon {
  background: rgba(10, 18, 34, 0.08);
  color: var(--kdm-navy);
}

body.dk-panel-flow.dashboard-user-layout .p2p-summary-card--success .p2p-summary-card__icon,
body.dk-panel-flow.dashboard-user-layout .p2p-summary-card--success-soft .p2p-summary-card__icon {
  background: rgba(22, 163, 74, 0.12);
  color: var(--kdm-success, #16a34a);
}

body.dk-panel-flow.dashboard-user-layout .p2p-summary-card--warning .p2p-summary-card__icon {
  background: rgba(255, 204, 0, 0.2);
  color: var(--kdm-navy);
}

body.dk-panel-flow.dashboard-user-layout .p2p-summary-card--info .p2p-summary-card__icon {
  background: rgba(10, 18, 34, 0.06);
  color: var(--kdm-navy-mid);
}

/* ─── List rows (My Trade ad cards) ─── */
body.dk-panel-flow.dashboard-user-layout :is(
  .p2p-my-ad-card,
  .withdraw-account-item,
  .merchant-panel-card,
  .payment-link-item,
  .settings-credential-stack .credential-status-card
) {
  position: relative;
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  overflow: hidden;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .p2p-my-ad-card__accent {
  background: linear-gradient(180deg, var(--kdm-navy-mid) 0%, var(--kdm-navy) 100%);
}

body.dk-panel-flow.dashboard-user-layout .p2p-my-ad-card__body,
body.dk-panel-flow.dashboard-user-layout .withdraw-account-item,
body.dk-panel-flow.dashboard-user-layout .merchant-panel-card {
  padding: 14px 16px;
}

body.dk-panel-flow.dashboard-user-layout .p2p-my-ad-card__manage-btn,
body.dk-panel-flow.dashboard-user-layout .withdraw-account-item .btn-primary {
  border-radius: var(--dkpf-radius-sm);
  font-weight: 700;
}

/* ─── Filter / form controls (My Trade toolbar) ─── */
body.dk-panel-flow.dashboard-user-layout :is(
  .single-form-card,
  .settings-content--panel,
  .agent-workspace,
  .merchant-page,
  .p2p-ui
) .p2p-filterbar,
body.dk-panel-flow.dashboard-user-layout .agent-scan-toolbar {
  padding: 12px 16px;
  margin-bottom: 12px;
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout :is(
  .single-form-card,
  .settings-content--panel,
  .agent-workspace,
  .merchant-page,
  .p2p-ui
) :is(.form-control, .form-select):not(.is-invalid):not([type="checkbox"]):not([type="radio"]) {
  min-height: 40px;
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius-sm);
  background: var(--kdm-grey);
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout :is(
  .single-form-card,
  .settings-content--panel,
  .agent-workspace,
  .merchant-page,
  .p2p-ui
) :is(.form-control, .form-select):focus {
  border-color: rgba(10, 18, 34, 0.22);
  box-shadow: 0 0 0 3px rgba(10, 18, 34, 0.06);
  background: #fff;
}

body.dk-panel-flow.dashboard-user-layout .p2p-filter-control > i {
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .p2p-search-solid,
body.dk-panel-flow.dashboard-user-layout .submit-btn,
body.dk-panel-flow.dashboard-user-layout .single-form-card .btn-primary:not(.btn-outline-primary) {
  min-height: 40px;
  border-radius: var(--dkpf-radius-sm) !important;
  background: var(--kdm-navy) !important;
  border-color: var(--kdm-navy) !important;
  color: #fff !important;
  font-weight: 700;
}

body.dk-panel-flow.dashboard-user-layout .btn-light-primary,
body.dk-panel-flow.dashboard-user-layout .btn-light-success {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: 999px;
  background: var(--kdm-grey) !important;
  color: var(--kdm-navy) !important;
  font-weight: 700;
}

body.dk-panel-flow.dashboard-user-layout .btn-light-primary:hover,
body.dk-panel-flow.dashboard-user-layout .btn-light-success:hover {
  background: rgba(255, 204, 0, 0.22) !important;
  border-color: rgba(255, 204, 0, 0.45) !important;
  color: var(--kdm-navy) !important;
}

/* ─── Segmented tabs (My Trade category / buy-sell pills) ─── */
body.dk-panel-flow.dashboard-user-layout :is(
  .security-suite-tabs,
  .p2p-category-tabs,
  .p2p-header-tabs
) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  border: none;
  background: transparent;
}

body.dk-panel-flow.dashboard-user-layout :is(
  .security-suite-tabs__item,
  .p2p-category-tab,
  .p2p-header-tabs .nav-link
) {
  border: 1px solid var(--dkpf-line);
  border-radius: 8px;
  background: #fff;
  color: var(--kdm-label);
}

body.dk-panel-flow.dashboard-user-layout :is(
  .security-suite-tabs__item.is-active,
  .p2p-category-tab.active,
  .p2p-header-tabs .nav-link.active
) {
  border-color: var(--kdm-navy);
  background: var(--kdm-navy);
  color: #fff;
}

body.dk-panel-flow.dashboard-user-layout .security-suite-tabs__item.is-active :is(
  .security-suite-tabs__label,
  .security-suite-tabs__hint,
  .security-suite-tabs__icon,
  .security-suite-tabs__icon i
) {
  color: #fff;
}

body.dk-panel-flow.dashboard-user-layout .security-suite-tabs__item.is-active .security-suite-tabs__hint {
  color: rgba(255, 255, 255, 0.72);
}

body.dk-panel-flow.dashboard-user-layout .security-suite-tabs__item.is-active .security-suite-tabs__icon {
  background: rgba(255, 255, 255, 0.14);
}

/* ─── Empty states ─── */
body.dk-panel-flow.dashboard-user-layout :is(
  .p2p-my-ads-empty,
  .user-not-found,
  .payment-link-empty,
  .agent-overview-empty
) {
  padding: 2rem 1.25rem;
  border: 1px dashed var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: var(--kdm-grey);
  text-align: center;
}

body.dk-panel-flow.dashboard-user-layout :is(
  .p2p-my-ads-empty__icon,
  .user-not-found__icon,
  .payment-link-empty__visual
) {
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid var(--dkpf-line);
  color: var(--kdm-navy);
}

/* ─── Status callouts inside panels ─── */
body.dk-panel-flow.dashboard-user-layout :is(
  .settings-status-card,
  .agent-status-callout,
  .agent-thrift-commission-note
) {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: var(--kdm-grey);
  box-shadow: none;
}

body.dk-panel-flow.dashboard-user-layout .agent-thrift-scan-card {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
}

/* ─── Role accents (same flow, role hints only) ─── */
body.dk-panel-flow.dashboard-role-agent .single-form-card .user-feature-header__icon {
  color: var(--kdm-yellow) !important;
}

body.dk-panel-flow.dashboard-role-merchant .merchant-page .single-form-card {
  border-radius: var(--dkpf-radius) !important;
}

body.dk-panel-flow.dashboard-role-user .money-flow-page .single-form-card {
  border-radius: var(--dkpf-radius) !important;
}

/* ─── Tables in panel flow ─── */
body.dk-panel-flow.dashboard-user-layout .history-table table,
body.dk-panel-flow.dashboard-user-layout .settings-section .table {
  margin-bottom: 0;
}

body.dk-panel-flow.dashboard-user-layout .history-table thead th,
body.dk-panel-flow.dashboard-user-layout .settings-section thead th {
  background: var(--dkpf-panel-head);
  color: var(--kdm-label);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--dkpf-line);
}

body.dk-panel-flow.dashboard-user-layout .history-table tbody tr,
body.dk-panel-flow.dashboard-user-layout .settings-section tbody tr {
  border-bottom: 1px solid rgba(10, 18, 34, 0.06);
}

@media (max-width: 991.98px) {
  body.dk-panel-flow.dashboard-user-layout .p2p-my-ads-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dk-panel-flow.dashboard-user-layout .agent-status-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dk-panel-flow.dashboard-user-layout :is(
    .security-suite-tabs,
    .p2p-category-tabs
  ) {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.dk-panel-flow.dashboard-user-layout :is(
    .security-suite-tabs,
    .p2p-category-tabs
  )::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 575.98px) {
  body.dk-panel-flow.dashboard-user-layout .p2p-my-ads-summary,
  body.dk-panel-flow.dashboard-user-layout .agent-status-facts {
    grid-template-columns: 1fr;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card .card-main,
  body.dk-panel-flow.dashboard-user-layout .single-form-card .card-body {
    padding: 1rem !important;
  }
}

/* ═══ P2P Marketplace (/user/p2p/offers) — align with My Trade panel flow ═══ */

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-category-row__label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-category-row__badge {
  border: 1px solid var(--dkpf-line);
  border-radius: 999px;
  background: var(--kdm-grey);
  color: var(--kdm-navy);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-category-tabs {
  gap: 8px;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-category-tab {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--kdm-label) !important;
  font-weight: 600;
  padding: 6px 14px;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-category-tab:hover {
  border-color: rgba(10, 18, 34, 0.16) !important;
  color: var(--kdm-navy) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-category-tab.active {
  border-color: var(--kdm-navy) !important;
  background: var(--kdm-navy) !important;
  color: #fff !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-header-tabs {
  gap: 0;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-header-tabs .nav-link {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--kdm-label) !important;
  font-weight: 700;
  padding: 6px 20px;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-header-tabs .nav-item:first-child .nav-link {
  border-radius: 8px 0 0 8px !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-header-tabs .nav-item:last-child .nav-link {
  border-radius: 0 8px 8px 0 !important;
  border-left: 0 !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-header-tabs .nav-link.active,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-header-tabs .nav-link.p2p-tab-buy.active,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-header-tabs .nav-link.p2p-tab-sell.active {
  border-color: var(--kdm-navy) !important;
  background: var(--kdm-navy) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-resume-banner {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: var(--kdm-grey);
  color: var(--kdm-ink);
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-resume-icon-wrap {
  border: 1px solid var(--dkpf-line);
  background: #fff;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-resume-icon {
  color: var(--kdm-navy);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-filterbar {
  padding: 12px 16px;
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-filter-toggle {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius-sm);
  background: var(--kdm-grey);
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-filter-row.p2p-filter-row--compact .form-select-sm,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-filter-row.p2p-filter-row--compact .form-control-sm {
  border: 1px solid var(--dkpf-line) !important;
  background: var(--kdm-grey) !important;
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-filter-row.p2p-filter-row--compact .form-select-sm:focus,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-filter-row.p2p-filter-row--compact .form-control-sm:focus {
  border-color: rgba(10, 18, 34, 0.22) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(10, 18, 34, 0.06);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-advanced-icon {
  border: 1px solid var(--dkpf-line) !important;
  background: #fff !important;
  color: var(--kdm-navy) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-advanced-icon:hover,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-advanced-icon.active {
  border-color: var(--kdm-navy) !important;
  background: rgba(10, 18, 34, 0.06) !important;
  color: var(--kdm-navy) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-filter-submit-group .p2p-search-solid {
  flex: 1 1 auto;
  width: 100%;
  min-height: 40px;
  border-radius: var(--dkpf-radius-sm) !important;
  background: var(--kdm-navy) !important;
  color: #fff !important;
  font-weight: 700;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
  overflow: hidden;
  width: 100%;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offers-panel__body {
  padding: 12px !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-height: min(68vh, 720px);
  background: var(--kdm-grey) !important;
  overflow-y: auto;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace #p2pOffersItems {
  gap: 10px;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-card {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-card:hover {
  border-color: rgba(10, 18, 34, 0.14) !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(10, 18, 34, 0.08) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-card.p2p-offer-card--accent-soft {
  border-color: rgba(10, 18, 34, 0.16) !important;
  box-shadow: var(--dkpf-card-shadow) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-card.p2p-offer-card--highlighted {
  border-color: rgba(255, 204, 0, 0.45) !important;
  background: linear-gradient(180deg, rgba(255, 204, 0, 0.12) 0%, #fff 100%) !important;
  box-shadow: var(--dkpf-card-shadow) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-seller-badge--verified {
  background: rgba(22, 163, 74, 0.1) !important;
  border-color: rgba(22, 163, 74, 0.2) !important;
  color: var(--kdm-success, #16a34a) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-available-badge {
  background: var(--kdm-grey) !important;
  border-color: var(--dkpf-line) !important;
  color: var(--kdm-ink) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-available-badge__label {
  color: var(--kdm-muted) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-available-badge__value {
  color: var(--kdm-navy) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-action-btn {
  min-height: 40px;
  line-height: 40px !important;
  padding: 0 16px !important;
  border-radius: var(--dkpf-radius-sm) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-action-btn--buy,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-action-btn--sell {
  background: var(--kdm-navy) !important;
  border-color: var(--kdm-navy) !important;
  color: #fff !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-operation-time {
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offers-panel__status {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: var(--dkpf-radius-sm);
  background: #fff;
  border: 1px solid var(--dkpf-line);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-card__seller-name,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-card__price {
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-card__seller-meta,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-offer-card__limit {
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .p2p-seller-badge {
  border: 1px solid var(--dkpf-line);
  background: var(--kdm-grey);
  color: var(--kdm-navy);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel__status {
  color: var(--kdm-muted);
  font-weight: 600;
}

/* Marketplace empty — flat My Trade style, not blue payment-link gradient */
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .payment-link-empty.p2p-empty {
  min-height: 260px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 2rem 1.25rem;
  border: 1px dashed var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty::before,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .payment-link-empty.p2p-empty::before {
  display: none !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .payment-link-empty__orb,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .user-not-found__orb {
  display: none !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .payment-link-empty__visual,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .user-not-found__visual {
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .payment-link-empty__icon,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .user-not-found__icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--kdm-grey) !important;
  border: 1px solid var(--dkpf-line);
  color: var(--kdm-navy) !important;
  font-size: 1.25rem;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .payment-link-empty__eyebrow,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .user-not-found__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--kdm-grey);
  color: var(--kdm-muted);
  font-size: 0.68rem;
  font-weight: 700;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .payment-link-empty__title,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .user-not-found__title {
  color: var(--kdm-ink);
  font-weight: 800;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .payment-link-empty__hint,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-offers-panel--marketplace .user-not-found.p2p-empty .user-not-found__hint {
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .alert-light.border {
  border-color: var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius-sm);
  background: var(--kdm-grey) !important;
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout #p2pOffersPagination .pagination {
  gap: 4px;
}

body.dk-panel-flow.dashboard-user-layout #p2pOffersPagination .page-link {
  border: 1px solid var(--dkpf-line);
  border-radius: 8px;
  color: var(--kdm-navy);
}

body.dk-panel-flow.dashboard-user-layout #p2pOffersPagination .page-item.active .page-link {
  background: var(--kdm-navy);
  border-color: var(--kdm-navy);
  color: #fff;
}

/* ═══ Neobank global catch-up — legacy pages under dk-panel-flow ═══ */

body.dk-panel-flow.dashboard-user-layout .single-form-card > .card-body,
body.dk-panel-flow.dashboard-user-layout .single-form-card > .card-main {
  padding: 1.5rem 1.75rem 1.65rem !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card:not(.p2p-ui) > .card-body {
  background: var(--kdm-grey, #f0f2f2) !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .nav-pills:not(.p2p-header-tabs):not(.p2p-category-tabs) {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px;
  margin-bottom: 1rem !important;
  border-radius: 12px;
  background: var(--kdm-grey, #f0f2f2);
  border: 1px solid var(--dkpf-line);
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .nav-pills:not(.p2p-header-tabs):not(.p2p-category-tabs) .nav-link {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--kdm-label, #475569) !important;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.2 !important;
  padding: 0.45rem 1rem !important;
  box-shadow: none !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .nav-pills:not(.p2p-header-tabs):not(.p2p-category-tabs) .nav-link.active {
  background: var(--kdm-navy, #0a1222) !important;
  color: #fff !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .nav-pills:not(.p2p-header-tabs):not(.p2p-category-tabs) .nav-item:first-child .nav-link,
body.dk-panel-flow.dashboard-user-layout .single-form-card .nav-pills:not(.p2p-header-tabs):not(.p2p-category-tabs) .nav-item:last-child .nav-link {
  border-radius: 8px !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .bg-light {
  background: #fff !important;
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius-sm, 10px) !important;
  color: var(--kdm-ink, #0a1222);
}

body.dk-panel-flow.dashboard-user-layout .ticket-item.bg-light {
  padding: 0.85rem 1rem !important;
  margin-bottom: 0.65rem !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.dk-panel-flow.dashboard-user-layout .ticket-item.bg-light:hover {
  border-color: rgba(10, 18, 34, 0.16) !important;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .ticket-item.bg-light a.text-dark {
  color: var(--kdm-ink, #0a1222) !important;
}

body.dk-panel-flow.dashboard-user-layout .daily-thrift-page .dt-metrics,
body.dk-panel-flow.dashboard-user-layout .daily-thrift-page .dt-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin-bottom: 1rem;
}

body.dk-panel-flow.dashboard-user-layout .daily-thrift-page .dt-metric {
  padding: 12px 14px;
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
}

body.dk-panel-flow.dashboard-user-layout .daily-thrift-page .dt-metric span {
  display: block;
  font-size: 0.72rem;
  color: var(--kdm-muted);
  margin-bottom: 2px;
}

body.dk-panel-flow.dashboard-user-layout .daily-thrift-page .dt-metric strong {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout .user-transaction-page .ud-filter-panel {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow);
  margin-bottom: 1rem;
}

body.dk-panel-flow.dashboard-user-layout .payment-link-list .payment-link-item,
body.dk-panel-flow.dashboard-user-layout .payment-link-panel .payment-link-item {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .wallet-earn-page .we-plan-card,
body.dk-panel-flow.dashboard-user-layout .wallet-earn-page .we-stake-card {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .subscription-plans-page .plan-card,
body.dk-panel-flow.dashboard-user-layout .subscription-page .subscription-plan-card {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
}

body.dk-panel-flow.dashboard-user-layout .settings-content--panel .notification-card,
body.dk-panel-flow.dashboard-user-layout .setting-notification-page .notification-card {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
}

body.dk-panel-flow.dashboard-user-layout .gcm-quote-panel,
body.dk-panel-flow.dashboard-user-layout #gcmQuotePanel {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .btn-primary {
  background: var(--kdm-navy, #0a1222) !important;
  border-color: var(--kdm-navy, #0a1222) !important;
  border-radius: var(--dkpf-radius-sm, 10px) !important;
  font-weight: 700;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .btn-primary:hover {
  background: #14203a !important;
  border-color: #14203a !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .form-control,
body.dk-panel-flow.dashboard-user-layout .single-form-card .form-select {
  min-height: 40px;
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius-sm, 10px);
  background: var(--kdm-grey, #f0f2f2);
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .form-control:focus,
body.dk-panel-flow.dashboard-user-layout .single-form-card .form-select:focus {
  border-color: rgba(10, 18, 34, 0.22);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(10, 18, 34, 0.06);
}

body.dk-panel-flow.dashboard-user-layout .history-table,
body.dk-panel-flow.dashboard-user-layout .user-transaction-page .table-responsive {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  overflow: hidden;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .history-table .table,
body.dk-panel-flow.dashboard-user-layout .user-transaction-page .table {
  margin-bottom: 0;
}

body.dk-panel-flow.dashboard-user-layout .history-table .table thead th,
body.dk-panel-flow.dashboard-user-layout .user-transaction-page .table thead th {
  background: var(--kdm-grey, #f0f2f2);
  border-bottom: 1px solid var(--dkpf-line);
  color: var(--kdm-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-ad-panel,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .card.p2p-ad-panel {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
  overflow: hidden;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-ad-panel .card-header,
body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-ad-panel .card-body {
  background: transparent !important;
  border-color: var(--dkpf-line) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-order-details .card:not(.p2p-ad-panel) {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-ui .p2p-order-details .card .bg-light {
  background: var(--kdm-grey, #f0f2f2) !important;
}

/* ═══ Money-flow + 7-day summary — graded panel flow ═══ */

body.dk-panel-flow.dashboard-user-layout .feature-summary-widget__panel {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: var(--dkpf-card-shadow) !important;
  overflow: hidden;
}

body.dk-panel-flow.dashboard-user-layout .feature-summary-widget__header {
  padding: 1.1rem 1.25rem 1rem !important;
  border-bottom: 1px solid var(--dkpf-line) !important;
  background: #fff !important;
}

body.dk-panel-flow.dashboard-user-layout .feature-summary-widget__body {
  padding: 1rem 1.25rem 1.25rem !important;
  background: var(--kdm-grey, #f0f2f2) !important;
}

body.dk-panel-flow.dashboard-user-layout .feature-summary-widget__card {
  border: 1px solid var(--dkpf-line) !important;
  border-radius: var(--dkpf-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
  min-height: 0;
}

body.dk-panel-flow.dashboard-user-layout .feature-summary-widget__card-bottom {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

body.dk-panel-flow.dashboard-user-layout .money-flow-form .money-flow-field__control .form-select,
body.dk-panel-flow.dashboard-user-layout .money-flow-form .money-flow-amount {
  border: 1px solid var(--dkpf-line) !important;
  background: #fff !important;
}

body.dk-panel-flow.dashboard-user-layout .money-flow-form .money-flow-field__control .form-select:focus,
body.dk-panel-flow.dashboard-user-layout .money-flow-form .money-flow-amount:focus-within {
  border-color: rgba(10, 18, 34, 0.22) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(10, 18, 34, 0.06) !important;
}

body.dk-panel-flow.dashboard-user-layout .money-flow-form .money-flow-amount__currency {
  background: var(--kdm-grey, #f0f2f2) !important;
  border-left: 1px solid var(--dkpf-line) !important;
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel .money-flow-summary {
  padding: 0 !important;
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel .money-flow-summary__section {
  padding: 0 0 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--dkpf-line);
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel .money-flow-summary__section:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel .money-flow-summary__section-label {
  display: block;
  margin-bottom: 0.65rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel .money-flow-summary__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.45rem 0;
  font-size: 0.8125rem;
  color: var(--kdm-label);
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel .money-flow-summary__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius-sm);
  background: #fff;
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel .money-flow-summary__total-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel .money-flow-summary__total-value {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--kdm-navy);
}

body.dk-panel-flow.dashboard-user-layout .money-flow-form .money-flow-submit {
  border-radius: var(--dkpf-radius-sm, 10px) !important;
}

/* ═══ Universal panel flow — all user dashboard pages ═══ */

body.dk-panel-flow.dashboard-user-layout .dashboard-main-content {
  background: var(--kdm-grey, #f0f2f2) !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card:not(.settings-pro-card) > .card-main,
body.dk-panel-flow.dashboard-user-layout .single-form-card.p2p-ui .card-main {
  background: var(--kdm-grey, #f0f2f2) !important;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card.p2p-ui > :is(
  .vc-page,
  .agent-workspace,
  .wallet-earn-workspace,
  .merchant-page,
  .daily-thrift-page,
  .rank-showcase-page,
  .gift-card-market-page
):not(.user-feature-header) {
  padding: 1.5rem 1.75rem 1.65rem !important;
  background: var(--kdm-grey, #f0f2f2) !important;
}

body.dk-panel-flow.dashboard-user-layout .referral-panel {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
  padding: 1.25rem 1.35rem;
}

body.dk-panel-flow.dashboard-user-layout .referral-panel__head {
  margin-bottom: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--dkpf-line);
}

body.dk-panel-flow.dashboard-user-layout .referral-panel__title {
  margin: 0 0 0.25rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--kdm-ink);
}

body.dk-panel-flow.dashboard-user-layout .referral-panel__subtitle {
  font-size: 0.82rem;
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .wallet-page__shell > .wallet-page__body.card-main {
  padding: 1.5rem 1.75rem 1.65rem !important;
}

body.dk-panel-flow.dashboard-user-layout .wallet-page__header {
  display: none;
}

body.dk-panel-flow.dashboard-user-layout .single-form-card .card-body:not(.card-main) {
  background: var(--kdm-grey, #f0f2f2) !important;
}

body.dk-panel-flow.dashboard-user-layout .row > .col-lg-12.col-xl-7 > .single-form-card.p2p-ui,
body.dk-panel-flow.dashboard-user-layout .row > .col-lg-12.col-xl-5 > .single-form-card.p2p-ui,
body.dk-panel-flow.dashboard-user-layout .row.g-4 > .col-lg-12.col-xl-7 > .single-form-card.p2p-ui {
  height: 100%;
}

body.dk-panel-flow.dashboard-user-layout .flow-summary-panel.single-form-card.p2p-ui .card-main {
  min-height: 100%;
}

body.dk-panel-flow.dashboard-user-layout .p2p-inset {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.08);
}

body.dk-panel-flow.dashboard-user-layout .p2p-badge-neutral {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
}

body.dk-panel-flow.dashboard-user-layout .p2p-chat-bubble--in {
  background: #f0f2f2;
}

body.dk-panel-flow.dashboard-user-layout .p2p-chat-compose {
  background: #f8fafc;
}

/* Settings — match panel flow while keeping sidebar workspace */
body.dk-panel-flow.dashboard-user-layout .settings-pro-card.single-form-card {
  background: #fff !important;
  background-image: none !important;
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-shell,
body.dk-panel-flow.dashboard-user-layout .settings-pro-card .card-main.settings-shell {
  padding: 1.5rem 1.75rem 1.65rem !important;
  background: var(--kdm-grey, #f0f2f2) !important;
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-sidebar__card {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-content--panel {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
  padding: 1.25rem 1.35rem 1.4rem;
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-nav__link {
  border-radius: 11px;
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-nav__link.is-active {
  border-color: rgba(10, 18, 34, 0.12);
  background: rgba(255, 204, 0, 0.14);
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-nav__link.is-active .settings-nav__icon {
  background: var(--kdm-navy, #0a1222);
  color: #fff;
}

/* Support ticket list cards */
body.dk-panel-flow.dashboard-user-layout .support-ticket-list {
  display: grid;
  gap: 0.75rem;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card {
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
  overflow: hidden;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem 1rem;
  padding: 1rem 1.1rem;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__identity {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-width: 0;
  flex: 1 1 240px;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: var(--kdm-grey, #f0f2f2);
  color: var(--kdm-navy, #0a1222);
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__copy {
  min-width: 0;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__title {
  display: block;
  margin: 0 0 0.2rem;
  color: var(--kdm-ink, #0a1222);
  font-size: 0.95rem;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.35;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__title:hover {
  color: var(--kdm-navy, #0a1222);
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  color: var(--kdm-muted);
  font-size: 0.78rem;
  font-weight: 600;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__separator {
  opacity: 0.55;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border-radius: 999px !important;
  padding: 0.28rem 0.65rem !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-card__badge-dot {
  font-size: 0.55rem;
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-nav__link {
  grid-template-columns: 34px minmax(0, 1fr) auto auto;
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-nav__arrow {
  color: rgba(10, 18, 34, 0.28);
  font-size: 0.68rem;
}

body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-nav__link.is-active .settings-nav__arrow {
  color: rgba(10, 18, 34, 0.45);
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-thread,
body.dk-panel-flow.dashboard-user-layout .support-ticket-compose {
  margin-top: 0.85rem;
  border: 1px solid var(--dkpf-line);
  border-radius: var(--dkpf-radius);
  background: #fff;
  box-shadow: var(--dkpf-card-shadow);
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-thread__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--dkpf-line);
  background: var(--kdm-grey, #f0f2f2);
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-thread__title {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--kdm-ink, #0a1222);
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-thread__count {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--kdm-muted);
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-thread__body {
  max-height: 420px;
  padding: 1rem;
}

body.dk-panel-flow.dashboard-user-layout .support-ticket-compose {
  padding: 1rem 1.1rem 1.15rem;
}

/* ═══ Mobile panel flow — app shell + inner pages (<992px) ═══ */
@media (max-width: 991.98px) {
  body.dk-panel-flow.dashboard-user-layout .dashboard-main-content.mt-neg-120 {
    margin-top: 0 !important;
  }

  body.dk-panel-flow.dashboard-user-layout:not(.dashboard-home-route) .dashboard-main-content {
    padding: 1rem 0 0 !important;
    background: var(--kdm-cream, #f6f1e8) !important;
  }

  body.dk-panel-flow.dashboard-user-layout.dashboard-home-route .dashboard-main-content:has(.user-dashboard--neo) {
    background: var(--kdm-grey, #f0f2f2) !important;
  }

  body.dk-panel-flow.dashboard-user-layout .dk-mobile-header.premium-header {
    background: rgba(246, 241, 232, 0.94) !important;
    border-bottom: 1px solid var(--dkpf-line) !important;
    box-shadow: none !important;
  }

  body.dk-panel-flow.dashboard-user-layout .dk-tabbar {
    background: rgba(246, 241, 232, 0.98) !important;
    border-top: 1px solid var(--dkpf-line) !important;
  }

  body.dk-panel-flow.dashboard-user-layout .dk-tab[data-active="1"],
  body.dk-panel-flow.dashboard-user-layout .dk-tab.is-active {
    color: var(--kdm-navy, #0a1222) !important;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card.p2p-ui,
  body.dk-panel-flow.dashboard-user-layout .settings-pro-card.p2p-ui {
    border: 1px solid var(--dkpf-line) !important;
    border-radius: var(--dkpf-radius) !important;
    background: #fff !important;
    box-shadow: var(--dkpf-card-shadow) !important;
    overflow: hidden;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header {
    flex-wrap: wrap;
    gap: 0.65rem;
    padding: 0.9rem 1rem 0.85rem !important;
    border-bottom: 1px solid var(--dkpf-line) !important;
    background: #fff !important;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__main {
    flex: 1 1 100%;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.45rem;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card.p2p-ui .p2p-card-main,
  body.dk-panel-flow.dashboard-user-layout .settings-pro-card .card-main.settings-shell {
    padding: 0.85rem 0.9rem 1rem !important;
    background: var(--kdm-grey, #f0f2f2) !important;
  }

  body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-shell__grid {
    gap: 0.65rem;
  }

  body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-sidebar__card,
  body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-content--panel {
    border: 1px solid var(--dkpf-line);
    border-radius: var(--dkpf-radius-sm);
    background: #fff;
    box-shadow: var(--dkpf-card-shadow);
  }

  body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-nav {
    grid-template-columns: 1fr !important;
    gap: 0.35rem;
    padding: 0.65rem;
  }

  body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-nav__link {
    min-height: 48px;
    border-radius: 10px;
  }

  body.dk-panel-flow.dashboard-user-layout .settings-pro-card .settings-content--panel {
    padding: 0.85rem 0.9rem 1rem;
  }

  body.dk-panel-flow.dashboard-user-layout :is(
    .p2p-offers-panel,
    .settings-section,
    .payment-link-panel,
    .payment-link-card,
    .support-ticket-card,
    .support-ticket-thread,
    .support-ticket-compose,
    .notification-card,
    .we-stk-summary-card,
    .we-stk-card
  ) {
    border: 1px solid var(--dkpf-line) !important;
    border-radius: var(--dkpf-radius-sm) !important;
    background: #fff !important;
    box-shadow: var(--dkpf-card-shadow) !important;
  }

  body.dk-panel-flow.dashboard-user-layout .wallet-page {
    padding: 0;
  }

  body.dk-panel-flow.dashboard-user-layout .wallet-page__shell.single-form-card {
    border: 1px solid var(--dkpf-line) !important;
    border-radius: var(--dkpf-radius) !important;
    background: #fff !important;
    box-shadow: var(--dkpf-card-shadow) !important;
  }

  body.dk-panel-flow.dashboard-user-layout .wallet-page__shell > .wallet-page__body.card-main {
    padding: 0.85rem 0.9rem 1rem !important;
  }

  body.dk-panel-flow.dashboard-user-layout .dk-sheet,
  body.dk-panel-flow.dashboard-user-layout .dk-more-sheet {
    border-top: 1px solid var(--dkpf-line);
    border-radius: 18px 18px 0 0;
    background: #fff;
  }

  body.dk-panel-flow.dashboard-user-layout .dk-sheet__item,
  body.dk-panel-flow.dashboard-user-layout .dk-more-link {
    border-radius: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body.dk-panel-flow.dashboard-user-layout:not(.dashboard-home-route) .dashboard-main-content {
    padding: 1.15rem 0 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.dk-panel-flow.dashboard-user-layout:not(.dashboard-home-route) .dashboard-main-content {
    padding-top: 0.85rem !important;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__title {
    font-size: 1rem;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__subtitle {
    font-size: 0.78rem;
  }

  body.dk-panel-flow.dashboard-user-layout .single-form-card .user-feature-header__actions .btn {
    min-height: 32px;
    padding: 0 12px !important;
    font-size: 0.78rem;
  }
}