/* STEP 68 / V82: black dashboard UI skin.
   Replaces the platform UI blue accent with a black / graphite style while
   keeping trading data colors such as green/red/yellow readable. */

#app[data-dashboard-redesign="prime-v1"],
#home-page,
.gp-profile-overlay,
#gp-profile-dialog,
.gp-admin-dashboard-overlay,
#gp-admin-dashboard-dialog,
.gp-home-pricing-overlay,
#gp-home-pricing-dialog,
#gp-access-dialog,
.gp-access-dialog,
.gp-prime-auth-overlay,
#gp-prime-auth-overlay {
  --accent-blue: #111111 !important;
  --gp-black-0: #000000;
  --gp-black-1: #030303;
  --gp-black-2: #070707;
  --gp-black-3: #0d0d0f;
  --gp-black-4: #141416;
  --gp-graphite: #1d1d20;
  --gp-line-black: rgba(255, 255, 255, .13);
  --gp-line-black-soft: rgba(255, 255, 255, .08);
  --gp-text-black: #f6f7f9;
  --gp-muted-black: rgba(246, 247, 249, .66);
  --gp-shadow-black: 0 22px 70px rgba(0, 0, 0, .72);
}

/* ---------- Home / public landing UI ---------- */
html body #home-page,
html body #home-page .gp-home-v2 {
  background: #000000 !important;
  color: #f6f7f9 !important;
}

html body #home-page .gp-home-v2::before {
  background:
    radial-gradient(ellipse at center, rgba(255, 255, 255, .075), transparent 56%),
    linear-gradient(120deg, transparent 0 40%, rgba(255, 255, 255, .055) 49%, rgba(170, 170, 170, .035) 53%, transparent 62%) !important;
  opacity: .72 !important;
}

html body #home-page .gp-nav-v2,
html body #home-page .home-nav {
  background: rgba(0, 0, 0, .92) !important;
  border-bottom: 1px solid var(--gp-line-black-soft) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .66) !important;
}

html body #home-page .gp-brand-v2 .home-brand-logo,
html body #home-page .home-brand-logo {
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: 0 0 18px rgba(255, 255, 255, .12) !important;
}

html body #home-page .gp-brand-v2 b,
html body #home-page .gp-social-footer__brand strong b {
  color: #ffffff !important;
}

html body #home-page .gp-menu-v2 span,
html body #home-page .gp-menu-v2 a {
  color: #f4f4f5 !important;
}

html body #home-page .gp-menu-v2 span.active,
html body #home-page .gp-menu-v2 a.gp-features-direct,
html body #home-page .gp-menu-v2 a:hover,
html body #home-page .gp-menu-v2 span:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #000000, #171719) !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  box-shadow: inset 0 -2px rgba(255, 255, 255, .32), 0 12px 28px rgba(0, 0, 0, .48) !important;
}

html body #home-page .home-btn-primary,
html body #home-page .gp-actions-v2 .home-btn-primary,
html body #home-page .gp-hero-actions-v2 .home-btn-primary,
html body #home-page .gp-feature-showcase-actions .home-btn-primary,
html body #home-page .home-profile-btn,
html body #home-page .gp-home-pricing-buy-main,
html body #home-page .gp-home-price-card button {
  color: #ffffff !important;
  background: linear-gradient(135deg, #000000, #1a1a1d) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .62), inset 0 1px rgba(255, 255, 255, .10) !important;
}

html body #home-page .home-btn-primary:hover,
html body #home-page .gp-actions-v2 .home-btn-primary:hover,
html body #home-page .gp-hero-actions-v2 .home-btn-primary:hover {
  box-shadow: 0 18px 42px rgba(0, 0, 0, .72), 0 0 0 1px rgba(255, 255, 255, .22) inset !important;
}

html body #home-page .home-btn-secondary,
html body #home-page .gp-demo-btn,
html body #home-page .gp-actions-v2 .home-btn-secondary {
  color: #ffffff !important;
  background: rgba(5, 5, 6, .84) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: none !important;
}

html body #home-page .home-logout-btn {
  background: #151518 !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
}

html body #home-page .home-kicker,
html body #home-page .gp-kicker-v2,
html body #home-page .gp-special-banner,
html body #home-page .gp-feature-pill {
  background: rgba(5, 5, 6, .86) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  color: #f5f5f5 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 10px 26px rgba(0, 0, 0, .38) !important;
}

html body #home-page .home-title span,
html body #home-page .gp-title-v2 span,
html body #home-page .gp-feature-showcase-copy h2 span {
  background: linear-gradient(90deg, #ffffff, #b8b8bd 54%, #707075) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}

html body #home-page .gp-light-ring {
  background: radial-gradient(ellipse, rgba(255, 255, 255, .16), rgba(120, 120, 126, .055) 38%, transparent 66%) !important;
  opacity: .68 !important;
}

html body #home-page .gp-light-ring::before {
  border-color: rgba(255, 255, 255, .28) !important;
  box-shadow: 0 0 28px rgba(255, 255, 255, .16) !important;
}

html body #home-page .gp-terminal-card,
html body #home-page .gp-feature-terminal,
html body #home-page .gp-stat-strip,
html body #home-page .gp-trusted-strip,
html body #home-page .gp-social-footer,
html body #home-page .gp-feature-grid-v2 .home-feature-card {
  background: linear-gradient(180deg, rgba(8, 8, 10, .96), rgba(0, 0, 0, .96)) !important;
  border-color: rgba(255, 255, 255, .13) !important;
  box-shadow: 0 24px 75px rgba(0, 0, 0, .56), inset 0 1px rgba(255, 255, 255, .08) !important;
}

html body #home-page .gp-terminal-toolbar,
html body #home-page .gp-feature-terminal-head {
  background: #070707 !important;
  border-bottom-color: rgba(255, 255, 255, .10) !important;
}

html body #home-page .gp-mini-brand,
html body #home-page .gp-feature-terminal-brand,
html body #home-page .gp-feature-grid-v2 .home-feature-card a {
  color: #ffffff !important;
}

html body #home-page .gp-feature-grid-v2 .home-feature-card h3::before,
html body #home-page .home-brand-mark {
  background: linear-gradient(135deg, #000000, #2a2a2d) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 0 18px rgba(255, 255, 255, .10) !important;
  color: #ffffff !important;
}

html body #home-page .gp-home-feature-showcase::before {
  background:
    radial-gradient(circle at 74% 16%, rgba(255, 255, 255, .07), transparent 34%),
    radial-gradient(circle at 8% 44%, rgba(255, 255, 255, .035), transparent 30%) !important;
}

html body #home-page .gp-feature-showcase-copy li::before {
  border-color: rgba(255, 255, 255, .28) !important;
  color: #ffffff !important;
  background: #080808 !important;
}

html body #home-page .gp-feature-terminal-tabs b {
  background: #141416 !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

html body #home-page .gp-terminal-tv-image {
  filter: grayscale(1) saturate(0) contrast(1.08) brightness(.86) !important;
}

/* ---------- Terminal / dashboard shell ---------- */
html body.terminal-active,
html body.gp-terminal-active {
  --accent-blue: #111111 !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, .04), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .025), transparent 25%),
    linear-gradient(135deg, #000000, #050505 44%, #000000) !important;
  color: #f6f7f9 !important;
}

html body.terminal-active #app,
html body.gp-terminal-active #app {
  background: transparent !important;
}

html body.terminal-active .header,
html body.gp-terminal-active .header {
  background: rgba(0, 0, 0, .94) !important;
  border-bottom-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .64) !important;
}

html body.terminal-active .header__logo,
html body.gp-terminal-active .header__logo,
html body.terminal-active .gp-admin-brand,
html body.gp-terminal-active .gp-admin-brand {
  color: #ffffff !important;
}

html body.terminal-active .header__logo-img,
html body.gp-terminal-active .header__logo-img {
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, .10)) !important;
}

html body.terminal-active .gp-top-menu button,
html body.terminal-active .gp-top-menu a,
html body.gp-terminal-active .gp-top-menu button,
html body.gp-terminal-active .gp-top-menu a {
  color: rgba(246, 247, 249, .82) !important;
}

html body.terminal-active .gp-top-menu button:hover,
html body.terminal-active .gp-top-menu a:hover,
html body.terminal-active .gp-top-menu .active,
html body.gp-terminal-active .gp-top-menu button:hover,
html body.gp-terminal-active .gp-top-menu a:hover,
html body.gp-terminal-active .gp-top-menu .active {
  color: #ffffff !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .035)) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: inset 0 -2px rgba(255, 255, 255, .42) !important;
}

html body.terminal-active .selector__trigger,
html body.gp-terminal-active .selector__trigger,
html body.terminal-active .header__timeframe,
html body.gp-terminal-active .header__timeframe,
html body.terminal-active .btn--chart-settings,
html body.gp-terminal-active .btn--chart-settings,
html body.terminal-active .header__controls .btn,
html body.gp-terminal-active .header__controls .btn,
html body.terminal-active .header #prime-indicator-btn.btn--prime-indicator,
html body.gp-terminal-active .header #prime-indicator-btn.btn--prime-indicator,
html body.terminal-active .header #prime-orderflow-btn.btn--prime-orderflow,
html body.gp-terminal-active .header #prime-orderflow-btn.btn--prime-orderflow,
html body.terminal-active .header #gp-prime-walls-header-btn.gp-prime-walls-header-btn,
html body.gp-terminal-active .header #gp-prime-walls-header-btn.gp-prime-walls-header-btn,
html body.terminal-active #gp-clean-chart-head-btn,
html body.gp-terminal-active #gp-clean-chart-head-btn {
  background: linear-gradient(180deg, #09090a, #010101) !important;
  border-color: rgba(255, 255, 255, .15) !important;
  color: #f6f7f9 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .07) !important;
}

html body.terminal-active .header #gp-prime-walls-header-btn.gp-prime-walls-header-btn.active,
html body.gp-terminal-active .header #gp-prime-walls-header-btn.gp-prime-walls-header-btn.active,
html body.terminal-active .header #gp-prime-walls-header-btn.gp-prime-walls-header-btn.is-active,
html body.gp-terminal-active .header #gp-prime-walls-header-btn.gp-prime-walls-header-btn.is-active,
html body.terminal-active .btn--icon.active,
html body.gp-terminal-active .btn--icon.active,
html body.terminal-active .btn-group .btn.active,
html body.gp-terminal-active .btn-group .btn.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #000000, #1a1a1d) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 10px 24px rgba(0, 0, 0, .48) !important;
}

html body.terminal-active .selector__dropdown,
html body.gp-terminal-active .selector__dropdown,
html body.terminal-active .selector__option.selected,
html body.gp-terminal-active .selector__option.selected {
  background: #050505 !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .76) !important;
}

html body.terminal-active .selector__option.selected,
html body.gp-terminal-active .selector__option.selected {
  color: #ffffff !important;
  background: #171719 !important;
}

html body.terminal-active .gp-terminal-side,
html body.gp-terminal-active .gp-terminal-side,
html body.terminal-active .gp-market-overview,
html body.gp-terminal-active .gp-market-overview,
html body.terminal-active .chart-container,
html body.gp-terminal-active .chart-container,
html body.terminal-active .tools-panel,
html body.gp-terminal-active .tools-panel,
html body.terminal-active .sidebar,
html body.gp-terminal-active .sidebar,
html body.terminal-active .gp-widget-card,
html body.gp-terminal-active .gp-widget-card,
html body.terminal-active .gp-bottom-card,
html body.gp-terminal-active .gp-bottom-card {
  background: rgba(4, 4, 5, .88) !important;
  border-color: rgba(255, 255, 255, .11) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 18px 46px rgba(0, 0, 0, .36) !important;
}

html body.terminal-active .gp-overview-card,
html body.gp-terminal-active .gp-overview-card,
html body.terminal-active .gp-overview-sentiment,
html body.gp-terminal-active .gp-overview-sentiment,
html body.terminal-active .metric,
html body.gp-terminal-active .metric {
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)) !important;
  border-color: rgba(255, 255, 255, .09) !important;
}

html body.terminal-active .gp-terminal-side a:hover,
html body.terminal-active .gp-terminal-side button:hover,
html body.terminal-active .gp-terminal-side .active,
html body.gp-terminal-active .gp-terminal-side a:hover,
html body.gp-terminal-active .gp-terminal-side button:hover,
html body.gp-terminal-active .gp-terminal-side .active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #050505, #171719) !important;
  border-color: rgba(255, 255, 255, .15) !important;
  box-shadow: inset 3px 0 rgba(255, 255, 255, .42) !important;
}

html body.terminal-active .gp-terminal-side span,
html body.gp-terminal-active .gp-terminal-side span {
  color: rgba(255, 255, 255, .68) !important;
}

html body.terminal-active .gp-plan-card,
html body.gp-terminal-active .gp-plan-card {
  background: linear-gradient(180deg, #101012, #030303) !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

html body.terminal-active .gp-plan-card button,
html body.gp-terminal-active .gp-plan-card button,
html body.terminal-active .gp-bottom-card button,
html body.gp-terminal-active .gp-bottom-card button {
  color: #f6f7f9 !important;
  background: #121214 !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

html body.terminal-active .gp-chart-card-head,
html body.gp-terminal-active .gp-chart-card-head,
html body.terminal-active .tools-panel__header,
html body.gp-terminal-active .tools-panel__header,
html body.terminal-active .orderbook__header,
html body.gp-terminal-active .orderbook__header,
html body.terminal-active .orderbook__depth,
html body.gp-terminal-active .orderbook__depth,
html body.terminal-active .cvd-container,
html body.gp-terminal-active .cvd-container,
html body.terminal-active .analytics,
html body.gp-terminal-active .analytics,
html body.terminal-active .timeframes,
html body.gp-terminal-active .timeframes {
  background: rgba(0, 0, 0, .66) !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

html body.terminal-active .chart-area,
html body.gp-terminal-active .chart-area {
  background:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .030) 1px, transparent 1px),
    radial-gradient(circle at 60% 18%, rgba(255, 255, 255, .028), transparent 36%),
    #050505 !important;
  background-size: 100% 33px, 66px 100%, auto, auto !important;
}

html body.terminal-active .gp-chart-head-actions button,
html body.gp-terminal-active .gp-chart-head-actions button,
html body.terminal-active .timeframe-btn,
html body.gp-terminal-active .timeframe-btn,
html body.terminal-active .tv-top-tool,
html body.gp-terminal-active .tv-top-tool,
html body.terminal-active .orderbook__modes .btn,
html body.gp-terminal-active .orderbook__modes .btn,
html body.terminal-active .gp-of-mode-grid button,
html body.gp-terminal-active .gp-of-mode-grid button,
html body.terminal-active .gp-of-actions button,
html body.gp-terminal-active .gp-of-actions button {
  color: rgba(246, 247, 249, .78) !important;
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

html body.terminal-active .gp-chart-head-actions button:hover,
html body.terminal-active .gp-chart-head-actions .active,
html body.gp-terminal-active .gp-chart-head-actions button:hover,
html body.gp-terminal-active .gp-chart-head-actions .active,
html body.terminal-active .timeframe-btn:hover,
html body.terminal-active .timeframe-btn.active,
html body.terminal-active .tv-top-tool:hover,
html body.terminal-active .tv-top-tool.active,
html body.gp-terminal-active .timeframe-btn:hover,
html body.gp-terminal-active .timeframe-btn.active,
html body.gp-terminal-active .tv-top-tool:hover,
html body.gp-terminal-active .tv-top-tool.active,
html body.terminal-active .gp-of-mode-grid .active,
html body.gp-terminal-active .gp-of-mode-grid .active,
html body.terminal-active .gp-prime-action,
html body.gp-terminal-active .gp-prime-action {
  color: #ffffff !important;
  background: linear-gradient(135deg, #000000, #1b1b1e) !important;
  border-color: rgba(255, 255, 255, .20) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 18px rgba(0, 0, 0, .42) !important;
}

html body.terminal-active .gp-prime-action.active,
html body.gp-terminal-active .gp-prime-action.active {
  background: linear-gradient(135deg, #202024, #090909) !important;
  color: #ffffff !important;
}

html body.terminal-active .gp-mini-switch.active,
html body.gp-terminal-active .gp-mini-switch.active,
html body.terminal-active .tool-toggle.active,
html body.gp-terminal-active .tool-toggle.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #000000, #1b1b1e) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  box-shadow: 0 0 16px rgba(255, 255, 255, .08) !important;
}

html body.terminal-active .gp-of-slider input,
html body.gp-terminal-active .gp-of-slider input {
  accent-color: #a3a3a3 !important;
}

html body.terminal-active .gp-of-select select,
html body.gp-terminal-active .gp-of-select select,
html body.terminal-active .orderbook__depth select,
html body.gp-terminal-active .orderbook__depth select,
html body.terminal-active .gp-bottom-head select,
html body.gp-terminal-active .gp-bottom-head select {
  background: #050505 !important;
  color: #f5f5f5 !important;
  border-color: rgba(255, 255, 255, .15) !important;
}

html body.terminal-active .gp-calendar-mini .active,
html body.gp-terminal-active .gp-calendar-mini .active {
  background: #171719 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
}

/* TradingView-style timeframe dropdown */
html body.gp-tv-timeframe-selector-ready .gp-tv-tf-trigger {
  border-color: rgba(255, 255, 255, .17) !important;
  background: linear-gradient(180deg, #0d0d0f, #020202) !important;
  color: #f7f7f8 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .07) !important;
}

html body.gp-tv-timeframe-selector-ready .gp-tv-tf-trigger:hover,
html body.gp-tv-timeframe-selector-ready .gp-tv-tf-selector.is-open .gp-tv-tf-trigger {
  border-color: rgba(255, 255, 255, .28) !important;
  background: linear-gradient(180deg, #161619, #050505) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .44), 0 0 18px rgba(255, 255, 255, .06) !important;
}

html body.gp-tv-timeframe-selector-ready .gp-tv-tf-trigger:focus-visible {
  outline-color: rgba(255, 255, 255, .45) !important;
}

html body.gp-tv-timeframe-selector-ready .gp-tv-tf-menu {
  background: linear-gradient(180deg, rgba(12, 12, 14, .985), rgba(2, 2, 2, .995)) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .68), inset 0 0 0 1px rgba(255, 255, 255, .035) !important;
  scrollbar-color: rgba(170, 170, 170, .55) rgba(8, 8, 8, .88) !important;
}

html body.gp-tv-timeframe-selector-ready .gp-tv-tf-menu::-webkit-scrollbar-thumb,
html body.gp-tv-timeframe-selector-ready .timeframes__tools::-webkit-scrollbar-thumb {
  background: rgba(170, 170, 170, .55) !important;
}

html body.gp-tv-timeframe-selector-ready .gp-tv-tf-option:hover,
html body.gp-tv-timeframe-selector-ready .gp-tv-tf-option:focus-visible {
  background: rgba(255, 255, 255, .095) !important;
  color: #ffffff !important;
}

html body.gp-tv-timeframe-selector-ready .gp-tv-tf-option.is-active {
  color: #ffffff !important;
  background: linear-gradient(90deg, #000000, #1b1b1e) !important;
}

/* ---------- Account/profile/auth UI ---------- */
html body .gp-auth-card.gp-fixed-header,
html body .gp-auth-card,
html body #gp-auth-widget .gp-auth-card {
  border-color: rgba(255, 255, 255, .16) !important;
  background: rgba(5, 5, 6, .94) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .58), inset 0 1px rgba(255, 255, 255, .07) !important;
}

html body .gp-auth-avatar,
html body .gp-profile-avatar,
html body .gp-profile-big-avatar,
html body .gp-admin-user-avatar,
html body .gp-admin-user-mini > span,
html body .gp-brand-orb {
  color: #ffffff !important;
  background: linear-gradient(135deg, #000000, #242428) !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  box-shadow: 0 0 22px rgba(255, 255, 255, .08) !important;
}

html body .gp-auth-card .gp-profile-btn,
html body .gp-main-action,
html body .gp-access-primary,
html body .gp-admin-visit-btn,
html body .gp-admin-primary-action {
  color: #ffffff !important;
  background: linear-gradient(135deg, #000000, #1b1b1e) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .08) !important;
}

html body .gp-profile-dashboard {
  border-color: rgba(255, 255, 255, .16) !important;
  background: linear-gradient(135deg, #0a0a0b, #020202 42%, #070707) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .78), 0 0 38px rgba(255, 255, 255, .045) !important;
}

html body .gp-profile-sidebar {
  background: linear-gradient(180deg, #0d0d0f, #030303) !important;
  border-right-color: rgba(255, 255, 255, .10) !important;
}

html body .gp-profile-hero-card,
html body .gp-panel-card,
html body .gp-profile-stats-row > div,
html body .gp-profile-grid > div,
html body .gp-profile-section {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(255, 255, 255, .10) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .07) !important;
}

html body .gp-side-link:hover,
html body .gp-side-link.active {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .075) !important;
  box-shadow: inset 4px 0 rgba(255, 255, 255, .48) !important;
}

html body .gp-plan-mini strong {
  color: #ffffff !important;
}

html body .gp-tool-list span.ok,
html body .gp-tool-list--dash span.ok,
html body .gp-tool-list span:not(.locked) {
  background: linear-gradient(135deg, #000000, #1e1e21) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .32) !important;
}

html body .gp-active-tools-card {
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .055) !important;
}

/* ---------- Pricing / access dialogs ---------- */
html body .gp-home-pricing-overlay,
html body #gp-access-dialog {
  background: rgba(0, 0, 0, .84) !important;
}

html body .gp-home-pricing-modal,
html body .gp-access-modal {
  border-color: rgba(255, 255, 255, .16) !important;
  background: linear-gradient(145deg, #09090a, #010101) !important;
  box-shadow: 0 34px 110px rgba(0, 0, 0, .82), 0 0 38px rgba(255, 255, 255, .045) !important;
}

html body .gp-home-pricing-header span,
html body .gp-home-price-card--featured {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .065) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body .gp-home-price-card em,
html body .gp-access-icon {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .08) !important;
}

/* ---------- Admin monitoring dashboard ---------- */
html body .gp-admin-dashboard-window,
html body .gp-admin-dashboard-frame,
html body .gp-admin-terminal-topbar,
html body .gp-admin-dashboard-nav,
html body .gp-admin-monitoring-head,
html body .gp-admin-stat-card,
html body .gp-admin-dashboard-frame .gp-admin-stat-card,
html body .gp-admin-table-card,
html body .gp-admin-side-card,
html body .gp-admin-bottom-card,
html body #gp-admin-dashboard-dialog .gp-admin-table-card,
html body #gp-admin-dashboard-dialog .gp-admin-side-card,
html body #gp-admin-dashboard-dialog .gp-admin-bottom-card {
  background: linear-gradient(180deg, #080809, #020202) !important;
  border-color: rgba(255, 255, 255, .11) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06) !important;
}

html body .gp-admin-dashboard-frame {
  background:
    radial-gradient(circle at 18% -12%, rgba(255, 255, 255, .045), transparent 28%),
    radial-gradient(circle at 75% -20%, rgba(255, 255, 255, .035), transparent 30%),
    #050505 !important;
}

html body .gp-admin-market-select,
html body .gp-admin-top-btn,
html body .gp-admin-gear,
html body .gp-admin-user-mini,
html body #gp-admin-dashboard-dialog .gp-admin-search-field,
html body #gp-admin-dashboard-dialog .gp-admin-filters select,
html body #gp-admin-dashboard-dialog .gp-admin-table-footer select {
  background: #050505 !important;
  border-color: rgba(255, 255, 255, .13) !important;
  color: #f6f7f9 !important;
}

html body .gp-admin-menu-item.active,
html body .gp-admin-menu-item.is-child.active {
  border-color: rgba(255, 255, 255, .16) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .035)) !important;
  box-shadow: inset 3px 0 rgba(255, 255, 255, .45) !important;
}

html body .gp-admin-menu-item span,
html body .gp-admin-breadcrumb b,
html body #gp-admin-dashboard-dialog .gp-admin-stat-card.is-blue b,
html body .gp-admin-stat-card.is-blue b,
html body .gp-admin-stat-card b,
html body #gp-admin-dashboard-dialog .gp-admin-actions-card button > span,
html body .gp-admin-help-card span {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .08) !important;
}

html body .gp-admin-primary-action {
  background: linear-gradient(135deg, #000000, #1b1b1e) !important;
  border-color: rgba(255, 255, 255, .18) !important;
}

html body #home-page .gp-monitor {
  background: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .05) 9%, rgba(0, 0, 0, .18)), linear-gradient(145deg, #121214, #030303 58%, #000000) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .9), inset 0 -28px 55px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .10), 0 0 34px rgba(255, 255, 255, .08), 0 38px 105px rgba(0, 0, 0, .70) !important;
}

html body #home-page .gp-monitor::before {
  border-left-color: rgba(255, 255, 255, .22) !important;
  border-right-color: rgba(255, 255, 255, .14) !important;
  box-shadow: inset 0 0 30px rgba(255, 255, 255, .06), 0 0 18px rgba(255, 255, 255, .08) !important;
}

html body #home-page .gp-monitor-screen {
  background: #020202 !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

html body #home-page .gp-feature-grid-v2 .home-feature-card::after {
  background: radial-gradient(circle, rgba(255, 255, 255, .07), transparent 62%) !important;
}

html body #home-page .gp-feature-grid-v2 .home-feature-card .gp-tool-icon,
html body #home-page .gp-avatars img,
html body #home-page .gp-avatars span {
  filter: grayscale(1) saturate(0) contrast(1.05) !important;
  box-shadow: 0 0 14px rgba(255, 255, 255, .10) !important;
}

html body #home-page .gp-avatars span {
  background: linear-gradient(135deg, #0a0a0b, #2b2b2f) !important;
}

html body .gp-home-price-card button,
html body .gp-home-pricing-buy-main {
  color: #ffffff !important;
  background: linear-gradient(135deg, #000000, #1b1b1e) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .54), inset 0 1px rgba(255, 255, 255, .08) !important;
}