/* ribal-dark-safe — full color tokens. NO transform/isolation/filter/pointer-events */
html[data-theme="dark"] { color-scheme: dark; }

html[data-theme="dark"] body,
html[data-theme="dark"] .dk-mobile-dashboard,
html[data-theme="dark"] .dashboard-user-layout,
html[data-theme="dark"] .dashboard-user-layout .content,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] main {
  background: #111111 !important;
  color: #e8eef4 !important;
}

html[data-theme="dark"] .dk-mobile-header {
  background: #111111 !important;
  color: #e8eef4 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .dk-icon-btn {
  background: #1a2233 !important;
  color: #e8eef4 !important;
  border-color: #2a3548 !important;
}

html[data-theme="dark"] .dk-tabbar,
html[data-theme="dark"] .dk-tabbar__inner {
  background: #111111 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .dk-tab {
  background: transparent !important;
  color: #9aa7b5 !important;
}
html[data-theme="dark"] .dk-tab.is-active,
html[data-theme="dark"] .dk-tab.active {
  background: transparent !important;
  color: #7ee0b8 !important;
}

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-body,
html[data-theme="dark"] .bg-body-tertiary,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-body,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .offcanvas-body,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .navbar-light {
  background: #151b28 !important;
  color: #e8eef4 !important;
  border-color: #2a3548 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .dk-section,
html[data-theme="dark"] .dk-quick-actions,
html[data-theme="dark"] .dk-quick-actions-panel,
html[data-theme="dark"] .dk-qa-wrap,
html[data-theme="dark"] .dk-wallet-actions,
html[data-theme="dark"] .dk-wa {
  background: #151b28 !important;
  color: #e8eef4 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .dk-section h2,
html[data-theme="dark"] .dk-section h3,
html[data-theme="dark"] .dk-section .title,
html[data-theme="dark"] .dk-qa-title {
  color: #e8eef4 !important;
}
html[data-theme="dark"] .dk-qa-tile {
  background: #1a2233 !important;
  color: #e8eef4 !important;
  border-color: #2a3548 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .dk-qa-tile span { color: #c5d0dc !important; }

html[data-theme="dark"] .dk-wallet-actions span,
html[data-theme="dark"] .dk-wa span,
html[data-theme="dark"] .dk-wa-lbl,
html[data-theme="dark"] .dk-action-label,
html[data-theme="dark"] .dk-wa-item span {
  color: #c5d0dc !important;
}

html[data-theme="dark"] .dk-more-sheet,
html[data-theme="dark"] .dk-apps-sheet,
html[data-theme="dark"] .dk-sheet {
  background: #111111 !important;
  color: #e8eef4 !important;
  border-color: #2a3548 !important;
}
html[data-theme="dark"] .dk-more-sheet a,
html[data-theme="dark"] .dk-more-sheet .card,
html[data-theme="dark"] .dk-more-sheet [class*="item"],
html[data-theme="dark"] .dk-more-sheet [class*="tile"],
html[data-theme="dark"] .dk-apps-sheet a,
html[data-theme="dark"] .dk-apps-sheet .card {
  background: #1a2233 !important;
  color: #e8eef4 !important;
  border-color: #2a3548 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .p2p-ui .p2p-mkt-row,
html[data-theme="dark"] .p2p-mkt-row,
html[data-theme="dark"] .p2p-ui .card,
html[data-theme="dark"] .p2p-offer,
html[data-theme="dark"] .p2p-card {
  background: #151b28 !important;
  color: #e8eef4 !important;
  border-color: #2a3548 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
  background: #1a2233 !important;
  color: #e8eef4 !important;
  border-color: #2a3548 !important;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] small { color: #9aa7b5 !important; }
html[data-theme="dark"] a { color: #7ee0b8 !important; }
html[data-theme="dark"] table,
html[data-theme="dark"] .table { color: #e8eef4 !important; }
html[data-theme="dark"] .table > :not(caption) > * > * {
  background: #151b28 !important;
  color: #e8eef4 !important;
  border-color: #2a3548 !important;
}

/* labels: real action-hub classes — colors only */
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__head,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__title,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__subhead,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__lbl,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__label,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__name,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__text,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__item,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub span,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub small {
  color: #c5d0dc !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__title,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__head {
  color: #e8eef4 !important;
}

html[data-theme="dark"] #ribal-wa-circles-host,
html[data-theme="dark"] #ribal-wa-circles-host .dk-action-card,
html[data-theme="dark"] #ribal-wa-circles-host .dk-action-card__copy,
html[data-theme="dark"] #ribal-wa-circles-host .dk-action-card__copy strong,
html[data-theme="dark"] #ribal-wa-circles-host .dk-action-card__copy small,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__primary .dk-action-card,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__primary .dk-action-card strong,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-hub__primary .dk-action-card small,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-card__copy,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-card__copy strong,
html[data-theme="dark"] .dk-mobile-dashboard .dk-action-card__copy small {
  color: #d7dee8 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] #ribal-wa-circles-host .dk-action-card::before,
html[data-theme="dark"] #ribal-wa-circles-host .dk-action-card::after {
  color: #d7dee8 !important;
  opacity: 1 !important;
}

/* DARKACT recent-activity + gap */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] #app,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .main-wrapper,
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .dashboard-user-layout,
html[data-theme="dark"] .dashboard-user-layout .content,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] main,
html[data-theme="dark"] footer {
  background: #111111 !important;
  background-color: #111111 !important;
}
html[data-theme="dark"] .dk-tabbar,
html[data-theme="dark"] .dk-mobile-tabbar,
html[data-theme="dark"] .dk-bottom-nav,
html[data-theme="dark"] [class*="tabbar-spacer"],
html[data-theme="dark"] [class*="tab-spacer"] {
  background: #111111 !important;
}
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"],
html[data-theme="dark"] .dk-mobile-dashboard [class*="feed"],
html[data-theme="dark"] .dk-mobile-dashboard [class*="trx"],
html[data-theme="dark"] .dk-mobile-dashboard [class*="transaction"],
html[data-theme="dark"] .dk-mobile-dashboard [class*="timeline"],
html[data-theme="dark"] .dk-mobile-dashboard [class*="snap"],
html[data-theme="dark"] .dk-mobile-dashboard .card,
html[data-theme="dark"] .dk-mobile-dashboard .bg-white,
html[data-theme="dark"] .dk-mobile-dashboard .bg-light,
html[data-theme="dark"] .dk-mobile-dashboard .list-group-item {
  background: #1a2233 !important;
  background-color: #1a2233 !important;
  color: #e8eef4 !important;
  border-color: #2a3448 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] h1,
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] h2,
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] h3,
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] h4,
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] strong,
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] p,
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] span,
html[data-theme="dark"] .dk-mobile-dashboard [class*="feed"] strong,
html[data-theme="dark"] .dk-mobile-dashboard [class*="feed"] span,
html[data-theme="dark"] .dk-mobile-dashboard [class*="trx"] strong,
html[data-theme="dark"] .dk-mobile-dashboard [class*="trx"] span,
html[data-theme="dark"] .dk-mobile-dashboard .card,
html[data-theme="dark"] .dk-mobile-dashboard .card * {
  color: #e8eef4 !important;
}
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] small,
html[data-theme="dark"] .dk-mobile-dashboard [class*="activit"] .text-muted,
html[data-theme="dark"] .dk-mobile-dashboard [class*="feed"] small,
html[data-theme="dark"] .dk-mobile-dashboard [class*="trx"] small,
html[data-theme="dark"] .dk-mobile-dashboard .text-muted {
  color: #9aa7b5 !important;
}

/* DARKGAP white strip over tabbar */
html[data-theme="dark"] nav.dk-tabbar,
html[data-theme="dark"] nav.dk-tabbar.d-lg-none,
html[data-theme="dark"] .dk-tabbar.d-lg-none,
html[data-theme="dark"] .dk-tabbar,
html[data-theme="dark"] .dk-tabbar__inner,
html[data-theme="dark"] .dk-tabbar::before,
html[data-theme="dark"] .dk-tabbar::after {
  background: #111111 !important;
  background-color: #111111 !important;
  box-shadow: none !important;
  border-top-color: #111111 !important;
}
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .main-wrapper,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .page-content,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .dashboard-content,
html[data-theme="dark"] .user-dashboard,
html[data-theme="dark"] .container,
html[data-theme="dark"] .container-fluid,
html[data-theme="dark"] .dashboard-user-layout,
html[data-theme="dark"] .dashboard-user-layout .content,
html[data-theme="dark"] .dashboard-user-layout > .content,
html[data-theme="dark"] body {
  background: #111111 !important;
  background-color: #111111 !important;
}
html[data-theme="dark"] .dk-mobile-dashboard {
  background: #111111 !important;
  padding-bottom-color: transparent;
}
html[data-theme="dark"] .dk-activity-section,
html[data-theme="dark"] .dk-snapshot-section,
html[data-theme="dark"] .dk-chart-shell,
html[data-theme="dark"] .dk-mobile-chart {
  background: #151b28 !important;
}