@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  color-scheme: light;
  --nlc-bg: #edf4f7;
  --nlc-bg-deep: #e2edf3;
  --nlc-panel: #ffffff;
  --nlc-panel-raised: #f3f7fa;
  --nlc-line: #cfe0e7;
  --nlc-line-soft: rgba(25, 82, 105, .12);
  --nlc-text: #102a35;
  --nlc-muted: #597a85;
  --nlc-cyan: #15b4d8;
  --nlc-green: #1ca97d;
  --nlc-blue: #2d7ef8;
  --nlc-danger: #ef5c6f;
  --nlc-gold: #d7a54d;

  --bg: var(--nlc-bg);
  --ink: var(--nlc-text);
  --text: var(--nlc-text);
  --muted: var(--nlc-muted);
  --panel: var(--nlc-panel);
  --panel-2: var(--nlc-panel-raised);
  --panel-raised: var(--nlc-panel-raised);
  --panel-alt: var(--nlc-panel-raised);
  --line: var(--nlc-line);
  --cyan: var(--nlc-cyan);
  --blue: var(--nlc-blue);
  --green: var(--nlc-green);
  --danger: var(--nlc-danger);
  --payment-bg: var(--nlc-bg);
  --payment-panel: var(--nlc-panel);
  --payment-panel-2: var(--nlc-panel-raised);
  --payment-line: var(--nlc-line);
  --payment-text: var(--nlc-text);
  --payment-muted: var(--nlc-muted);
  --payment-cyan: var(--nlc-cyan);
  --payment-blue: var(--nlc-blue);
  --payment-green: var(--nlc-green);
  --payment-red: var(--nlc-danger);
  --nav-bg: var(--nlc-bg);
  --nav-line: var(--nlc-line);
  --nav-text: var(--nlc-muted);
  --nav-cyan: var(--nlc-cyan);
  --nav-green: var(--nlc-green);
}

html,
body {
  background-color: var(--nlc-bg);
  color: var(--nlc-text);
}

body {
  font-family: Manrope, sans-serif;
}

::selection {
  background: var(--nlc-cyan);
  color: var(--nlc-bg);
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-color: var(--nlc-cyan);
}

body[data-theme="light"] {
  color-scheme: light;
  --nlc-bg: #edf4f7;
  --nlc-bg-deep: #e4eef2;
  --nlc-panel: #ffffff;
  --nlc-panel-raised: #f3f8fa;
  --nlc-line: #c8d9df;
  --nlc-line-soft: rgba(38, 89, 108, .18);
  --nlc-text: #102a35;
  --nlc-muted: #5e7882;
  --nlc-cyan: #22d7ff;
  --nlc-green: #22d59a;
  --nlc-blue: #3d8dff;
  --nlc-danger: #ff8290;
  --nlc-gold: #f5c36e;
  background-color: var(--nlc-bg);
  color: var(--nlc-text);
}

body[data-theme="dark"] {
  color-scheme: dark;
  --nlc-bg: #08141b;
  --nlc-bg-deep: #0f1d2a;
  --nlc-panel: #0d1d2b;
  --nlc-panel-raised: #112636;
  --nlc-line: #1d3650;
  --nlc-line-soft: rgba(140, 180, 200, .18);
  --nlc-text: #edf7ff;
  --nlc-muted: #9bb6c7;
  --nlc-cyan: #22d7ff;
  --nlc-green: #22d59a;
  --nlc-blue: #4f8dff;
  --nlc-danger: #ff6979;
  --nlc-gold: #f1b65d;
  background-color: var(--nlc-bg);
  color: var(--nlc-text);
}

@media (prefers-color-scheme: light) {
  body[data-theme="system"] {
    --nlc-bg: #edf4f7;
    --nlc-bg-deep: #e4eef2;
    --nlc-panel: #ffffff;
    --nlc-panel-raised: #f3f8fa;
    --nlc-line: #c8d9df;
    --nlc-line-soft: rgba(38, 89, 108, .18);
    --nlc-text: #102a35;
    --nlc-muted: #5e7882;
    --nlc-cyan: #22d7ff;
    --nlc-green: #22d59a;
    --nlc-blue: #3d8dff;
    --nlc-danger: #ff8290;
    --nlc-gold: #f5c36e;
    background-color: var(--nlc-bg);
    color: var(--nlc-text);
  }
}

@media (prefers-color-scheme: dark) {
  body[data-theme="system"] {
    color-scheme: dark;
    --nlc-bg: #08141b;
    --nlc-bg-deep: #0f1d2a;
    --nlc-panel: #0d1d2b;
    --nlc-panel-raised: #112636;
    --nlc-line: #1d3650;
    --nlc-line-soft: rgba(140, 180, 200, .18);
    --nlc-text: #edf7ff;
    --nlc-muted: #9bb6c7;
    --nlc-cyan: #22d7ff;
    --nlc-green: #22d59a;
    --nlc-blue: #4f8dff;
    --nlc-danger: #ff6979;
    --nlc-gold: #f1b65d;
    background-color: var(--nlc-bg);
    color: var(--nlc-text);
  }
}

body[data-theme="light"],
body[data-theme="dark"],
body[data-theme="system"] {
  --surface-shadow: 0 14px 34px rgba(29, 67, 80, .1);
}

@media (prefers-color-scheme: light) {
  body[data-theme="system"] {
    color-scheme: light;
    --surface-shadow: 0 14px 34px rgba(29, 67, 80, .1);
  }
}

body[data-theme="light"]::before,
body[data-theme="dark"]::before,
body[data-theme="system"]::before {
  background-image: radial-gradient(circle at 80% 0, rgba(0, 127, 155, .1), transparent 30%), linear-gradient(145deg, var(--nlc-bg), var(--nlc-bg-deep)) !important;
}

body[data-theme="light"],
body[data-theme="dark"],
body[data-theme="system"] {
  background: var(--nlc-bg) !important;
  color: var(--nlc-text) !important;
  font-weight: 500;
}

body[data-theme="light"] .sidebar,
body[data-theme="system"] .sidebar,
body[data-theme="light"] .payment-sidebar,
body[data-theme="system"] .payment-sidebar,
body[data-theme="light"] .site-header,
body[data-theme="system"] .site-header,
body[data-theme="light"] .topbar,
body[data-theme="system"] .topbar {
  border-color: var(--nlc-line) !important;
  background: rgba(255, 255, 255, .88) !important;
  color: var(--nlc-text) !important;
  box-shadow: 0 8px 24px rgba(31, 73, 87, .06);
}

body[data-theme="light"] .nav-link,
body[data-theme="system"] .nav-link,
body[data-theme="light"] .side-link,
body[data-theme="system"] .side-link,
body[data-theme="light"] .payment-side-link,
body[data-theme="system"] .payment-side-link,
body[data-theme="light"] nav a,
body[data-theme="system"] nav a {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .nav-link:hover,
body[data-theme="light"] .nav-link.active,
body[data-theme="light"] .side-link:hover,
body[data-theme="light"] .side-link.active,
body[data-theme="light"] .payment-side-link:hover,
body[data-theme="light"] .payment-side-link.active,
body[data-theme="system"] .nav-link:hover,
body[data-theme="system"] .nav-link.active,
body[data-theme="system"] .side-link:hover,
body[data-theme="system"] .side-link.active,
body[data-theme="system"] .payment-side-link:hover,
body[data-theme="system"] .payment-side-link.active {
  color: var(--nlc-text) !important;
  background: #dceff2 !important;
  box-shadow: inset 2px 0 var(--nlc-cyan), 0 6px 16px rgba(29, 103, 123, .08) !important;
}

body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] strong,
body[data-theme="system"] h1,
body[data-theme="system"] h2,
body[data-theme="system"] h3,
body[data-theme="system"] h4,
body[data-theme="system"] strong {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] a,
body[data-theme="system"] a {
  color: var(--nlc-blue) !important;
}

body[data-theme="light"] .logo,
body[data-theme="system"] .logo,
body[data-theme="light"] .payment-logo,
body[data-theme="system"] .payment-logo,
body[data-theme="light"] .brand,
body[data-theme="system"] .brand {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .logo strong,
body[data-theme="system"] .logo strong,
body[data-theme="light"] .payment-logo strong,
body[data-theme="system"] .payment-logo strong,
body[data-theme="light"] .brand strong,
body[data-theme="system"] .brand strong,
body[data-theme="light"] em,
body[data-theme="system"] em {
  color: var(--nlc-cyan) !important;
}

body[data-theme="light"] .label,
body[data-theme="light"] .nav-label,
body[data-theme="light"] .payment-nav-label,
body[data-theme="light"] .payment-topbar-kicker,
body[data-theme="light"] .payment-kicker,
body[data-theme="light"] .modal-eyebrow,
body[data-theme="light"] .section-kicker,
body[data-theme="light"] .eyebrow,
body[data-theme="system"] .label,
body[data-theme="system"] .nav-label,
body[data-theme="system"] .payment-nav-label,
body[data-theme="system"] .payment-topbar-kicker,
body[data-theme="system"] .payment-kicker,
body[data-theme="system"] .modal-eyebrow,
body[data-theme="system"] .section-kicker,
body[data-theme="system"] .eyebrow {
  color: #397482 !important;
  font-weight: 700;
}

body[data-theme="light"] .setting-copy strong,
body[data-theme="system"] .setting-copy strong,
body[data-theme="light"] .field-label,
body[data-theme="system"] .field-label,
body[data-theme="light"] label,
body[data-theme="system"] label,
body[data-theme="light"] .request-user strong,
body[data-theme="system"] .request-user strong,
body[data-theme="light"] .history-main strong,
body[data-theme="system"] .history-main strong {
  color: var(--nlc-text) !important;
  font-weight: 700;
}

body[data-theme="light"] .setting-copy span,
body[data-theme="system"] .setting-copy span,
body[data-theme="light"] .security-note,
body[data-theme="system"] .security-note,
body[data-theme="light"] .file-hint,
body[data-theme="system"] .file-hint,
body[data-theme="light"] .history-main small,
body[data-theme="system"] .history-main small {
  color: #5d7881 !important;
}

body[data-theme="light"] .button,
body[data-theme="light"] .primary-button,
body[data-theme="light"] .submit-button,
body[data-theme="light"] .signup,
body[data-theme="light"] .join-btn,
body[data-theme="light"] .pay-now-button,
body[data-theme="light"] .modal-action.primary,
body[data-theme="system"] .button,
body[data-theme="system"] .primary-button,
body[data-theme="system"] .submit-button,
body[data-theme="system"] .signup,
body[data-theme="system"] .join-btn,
body[data-theme="system"] .pay-now-button,
body[data-theme="system"] .modal-action.primary {
  background: linear-gradient(135deg, var(--nlc-cyan), var(--nlc-blue)) !important;
  border-color: var(--nlc-cyan) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(0, 98, 125, .2);
  font-weight: 800;
}

body[data-theme="light"] .button.outline,
body[data-theme="system"] .button.outline {
  background: #fff !important;
  color: var(--nlc-blue) !important;
  border-color: #a9c6cf !important;
}

body[data-theme="light"] .mobile-nav,
body[data-theme="system"] .mobile-nav,
body[data-theme="light"] .payment-mobile-nav,
body[data-theme="system"] .payment-mobile-nav {
  background: #ffffff !important;
  border-color: var(--nlc-line) !important;
  box-shadow: 0 12px 30px rgba(25, 67, 83, .16) !important;
}

body[data-theme="light"] .mobile-nav a,
body[data-theme="system"] .mobile-nav a {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .mobile-nav a.active,
body[data-theme="system"] .mobile-nav a.active {
  color: var(--nlc-cyan) !important;
  background: #e2f3f4 !important;
}

body[data-theme="light"] .market-status,
body[data-theme="system"] .market-status,
body[data-theme="light"] .payment-live,
body[data-theme="system"] .payment-live {
  color: #397482 !important;
}

body[data-theme="light"] .active-status,
body[data-theme="system"] .active-status,
body[data-theme="light"] .history-status.confirmed,
body[data-theme="system"] .history-status.confirmed,
body[data-theme="light"] .history-status.approved,
body[data-theme="system"] .history-status.approved {
  color: var(--nlc-green) !important;
  font-weight: 800;
}

body[data-theme="light"] .buy-text,
body[data-theme="system"] .buy-text {
  color: var(--nlc-green) !important;
}

body[data-theme="light"] .sell-text,
body[data-theme="system"] .sell-text {
  color: var(--nlc-danger) !important;
}

body[data-theme="light"] p,
body[data-theme="light"] small,
body[data-theme="light"] .muted,
body[data-theme="light"] .eyebrow,
body[data-theme="light"] .section-kicker,
body[data-theme="system"] p,
body[data-theme="system"] small,
body[data-theme="system"] .muted,
body[data-theme="system"] .eyebrow,
body[data-theme="system"] .section-kicker {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .panel,
body[data-theme="light"] .card,
body[data-theme="light"] .metric,
body[data-theme="light"] .analysis-card,
body[data-theme="light"] .signal-card,
body[data-theme="light"] .signal-box,
body[data-theme="light"] .price-card,
body[data-theme="light"] .settings-card,
body[data-theme="light"] .profile-hero-card,
body[data-theme="light"] .profile-details-card,
body[data-theme="light"] .notification-shell,
body[data-theme="light"] .plan-card,
body[data-theme="light"] .recent-card,
body[data-theme="light"] .checkout-card,
body[data-theme="light"] .auth-card,
body[data-theme="system"] .panel,
body[data-theme="system"] .card,
body[data-theme="system"] .metric,
body[data-theme="system"] .analysis-card,
body[data-theme="system"] .signal-card,
body[data-theme="system"] .signal-box,
body[data-theme="system"] .price-card,
body[data-theme="system"] .settings-card,
body[data-theme="system"] .profile-hero-card,
body[data-theme="system"] .profile-details-card,
body[data-theme="system"] .notification-shell,
body[data-theme="system"] .plan-card,
body[data-theme="system"] .recent-card,
body[data-theme="system"] .checkout-card,
body[data-theme="system"] .auth-card {
  background: var(--nlc-panel) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: var(--surface-shadow) !important;
}

body[data-theme="light"] .profile-hero-card,
body[data-theme="light"] .profile-details-card,
body[data-theme="light"] .profile-membership-card,
body[data-theme="light"] .profile-security,
body[data-theme="system"] .profile-hero-card,
body[data-theme="system"] .profile-details-card,
body[data-theme="system"] .profile-membership-card,
body[data-theme="system"] .profile-security {
  background: linear-gradient(145deg, #ffffff, #f3f8fb) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: var(--surface-shadow) !important;
}

body[data-theme="light"] .profile-copy h3,
body[data-theme="system"] .profile-copy h3,
body[data-theme="light"] .details-heading h3,
body[data-theme="system"] .details-heading h3,
body[data-theme="light"] .profile-membership-card h3,
body[data-theme="system"] .profile-membership-card h3,
body[data-theme="light"] .profile-security strong,
body[data-theme="system"] .profile-security strong {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .profile-copy p,
body[data-theme="system"] .profile-copy p,
body[data-theme="light"] .profile-note,
body[data-theme="system"] .profile-note,
body[data-theme="light"] .profile-security p,
body[data-theme="system"] .profile-security p {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .hero-panel,
body[data-theme="light"] .glass-card,
body[data-theme="light"] .timeline-step,
body[data-theme="light"] .tracker-filters,
body[data-theme="light"] .tracker-stat,
body[data-theme="light"] .journey-trade-item,
body[data-theme="light"] .journey-empty-state,
body[data-theme="system"] .hero-panel,
body[data-theme="system"] .glass-card,
body[data-theme="system"] .timeline-step,
body[data-theme="system"] .tracker-filters,
body[data-theme="system"] .tracker-stat,
body[data-theme="system"] .journey-trade-item,
body[data-theme="system"] .journey-empty-state {
  background: var(--nlc-panel) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: var(--surface-shadow) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .hero-panel::before,
body[data-theme="system"] .hero-panel::before {
  background: linear-gradient(120deg, rgba(34, 215, 255, .08), transparent 35%, rgba(61, 141, 255, .08)) !important;
}

body[data-theme="light"] .search,
body[data-theme="system"] .search {
  background: #fff !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-muted) !important;
  box-shadow: 0 4px 14px rgba(29, 67, 80, .06) !important;
}

body[data-theme="light"] .search input,
body[data-theme="system"] .search input {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .ghost-button,
body[data-theme="system"] .ghost-button,
body[data-theme="light"] .range-button,
body[data-theme="system"] .range-button,
body[data-theme="light"] .range-apply,
body[data-theme="system"] .range-apply {
  background: var(--nlc-panel-raised) !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-blue) !important;
}

body[data-theme="light"] .timeline-step.active,
body[data-theme="system"] .timeline-step.active,
body[data-theme="light"] .tracker-stat.accent,
body[data-theme="system"] .tracker-stat.accent,
body[data-theme="light"] .tracker-stat.accent-alt,
body[data-theme="system"] .tracker-stat.accent-alt {
  background: linear-gradient(135deg, #f4fbfc, #edf5fb) !important;
  border-color: rgba(34, 178, 216, .42) !important;
}

body[data-theme="light"] .step-content li,
body[data-theme="system"] .step-content li,
body[data-theme="light"] .mini-stats li,
body[data-theme="system"] .mini-stats li {
  background: var(--nlc-panel-raised) !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .progress-ring::before,
body[data-theme="system"] .progress-ring::before {
  background: #fff !important;
  border-color: var(--nlc-line) !important;
}

body[data-theme="light"] .custom-range-group input,
body[data-theme="system"] .custom-range-group input {
  background: #fff !important;
  border-color: var(--nlc-line) !important;
}

body[data-theme="light"] .bar-track,
body[data-theme="system"] .bar-track,
body[data-theme="light"] .principles-list div,
body[data-theme="system"] .principles-list div {
  background: var(--nlc-panel-raised) !important;
  border-color: var(--nlc-line) !important;
}

body[data-theme="light"] .setting-row,
body[data-theme="light"] .notification-summary,
body[data-theme="light"] .filter-tab,
body[data-theme="light"] .payment-instruction,
body[data-theme="light"] .modal-destination,
body[data-theme="light"] .receipt-drop,
body[data-theme="system"] .setting-row,
body[data-theme="system"] .notification-summary,
body[data-theme="system"] .filter-tab,
body[data-theme="system"] .payment-instruction,
body[data-theme="system"] .modal-destination,
body[data-theme="system"] .receipt-drop {
  background: var(--nlc-panel-raised) !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="system"] input,
body[data-theme="system"] select,
body[data-theme="system"] textarea {
  background: #fff !important;
  border-color: #b8cdd4 !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .payment-modal-card,
body[data-theme="system"] .payment-modal-card,
body[data-theme="light"] .modal-method,
body[data-theme="system"] .modal-method {
  background: #fff !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .modal-method.active,
body[data-theme="system"] .modal-method.active {
  background: #e2f3f4 !important;
  border-color: var(--nlc-cyan) !important;
}

body[data-theme="light"] .modal-close,
body[data-theme="system"] .modal-close,
body[data-theme="light"] .modal-action.secondary,
body[data-theme="system"] .modal-action.secondary {
  background: var(--nlc-panel-raised) !important;
  color: var(--nlc-text) !important;
  border-color: var(--nlc-line) !important;
}

/* Signals light skin: preserve the live-market character with high-contrast surfaces. */
body[data-theme="light"] .signal-hero,
body[data-theme="system"] .signal-hero,
body[data-theme="light"] .signal-chart-panel,
body[data-theme="system"] .signal-chart-panel,
body[data-theme="light"] .signal-card,
body[data-theme="system"] .signal-card,
body[data-theme="light"] .signal-stat,
body[data-theme="system"] .signal-stat {
  border-color: #b9d2d9 !important;
  background: linear-gradient(145deg, #ffffff, #f2f8fa) !important;
  box-shadow: 0 18px 42px rgba(35, 89, 105, .1) !important;
}

body[data-theme="light"] .signal-hero h2,
body[data-theme="system"] .signal-hero h2,
body[data-theme="light"] .signal-chart-head h3,
body[data-theme="system"] .signal-chart-head h3,
body[data-theme="light"] .signal-card-head h3,
body[data-theme="system"] .signal-card-head h3,
body[data-theme="light"] .signal-stat strong,
body[data-theme="system"] .signal-stat strong {
  color: #102a35 !important;
}

body[data-theme="light"] .signal-hero p,
body[data-theme="system"] .signal-hero p,
body[data-theme="light"] .signal-chart-subtitle,
body[data-theme="system"] .signal-chart-subtitle,
body[data-theme="light"] .signal-card-head p,
body[data-theme="system"] .signal-card-head p,
body[data-theme="light"] .signal-stat small,
body[data-theme="system"] .signal-stat small,
body[data-theme="light"] .signal-summary,
body[data-theme="system"] .signal-summary {
  color: #58737d !important;
}

body[data-theme="light"] .signal-chart-wrap,
body[data-theme="system"] .signal-chart-wrap {
  border-color: #b7d0d7 !important;
  background: linear-gradient(180deg, #eaf5f7, #f8fbfc) !important;
  box-shadow: inset 0 1px 0 #fff, 0 12px 28px rgba(35, 89, 105, .08) !important;
}

body[data-theme="light"] .signal-chart-footer,
body[data-theme="system"] .signal-chart-footer {
  color: #4b717c !important;
}

body[data-theme="light"] .signal-chart-footer-label,
body[data-theme="system"] .signal-chart-footer-label {
  color: #6a8992 !important;
}

body[data-theme="light"] .signal-chart-footer .active,
body[data-theme="system"] .signal-chart-footer .active {
  border-color: rgba(34, 215, 255, .6) !important;
  background: #dff1f3 !important;
  color: var(--nlc-cyan) !important;
}

body[data-theme="light"] .signal-chart-live,
body[data-theme="system"] .signal-chart-live {
  border-color: rgba(34, 213, 154, .55) !important;
  background: #e5f6ef !important;
  color: var(--nlc-green) !important;
}

body[data-theme="light"] .signal-levels span,
body[data-theme="system"] .signal-levels span,
body[data-theme="light"] .signal-metrics,
body[data-theme="system"] .signal-metrics,
body[data-theme="light"] .position-meter,
body[data-theme="system"] .position-meter {
  border-color: #c4d9de !important;
  background: #f3f8f9 !important;
  color: #315965 !important;
}

body[data-theme="light"] .trade-state-label,
body[data-theme="system"] .trade-state-label {
  color: var(--nlc-blue) !important;
}

body[data-theme="light"] .signal-filters button,
body[data-theme="system"] .signal-filters button {
  border-color: #b7d0d7 !important;
  background: #fff !important;
  color: #416672 !important;
}

body[data-theme="light"] .signal-filters .active,
body[data-theme="system"] .signal-filters .active {
  border-color: rgba(34, 215, 255, .6) !important;
  background: #dff1f3 !important;
  color: var(--nlc-cyan) !important;
}

body[data-theme="light"] .signal-chat-room,
body[data-theme="system"] .signal-chat-room {
  border-color: #9fcbd1 !important;
  background: #f7fbfc !important;
  box-shadow: 0 22px 50px rgba(35, 89, 105, .12) !important;
}

body[data-theme="light"] .signal-chat-header,
body[data-theme="system"] .signal-chat-header {
  border-color: #a8cbd1 !important;
  background: linear-gradient(110deg, #d9f0f2, #e9f6f7 56%, #f4fafb) !important;
}

body[data-theme="light"] .signal-chat-header h3,
body[data-theme="system"] .signal-chat-header h3,
body[data-theme="light"] .signal-chat-message-meta,
body[data-theme="system"] .signal-chat-message-meta {
  color: #102a35 !important;
}

body[data-theme="light"] .signal-chat-header p,
body[data-theme="system"] .signal-chat-header p,
body[data-theme="light"] .signal-chat-message-meta time,
body[data-theme="system"] .signal-chat-message-meta time,
body[data-theme="light"] .signal-chat-message-body p,
body[data-theme="system"] .signal-chat-message-body p {
  color: #58737d !important;
}

body[data-theme="light"] .signal-chat-messages,
body[data-theme="system"] .signal-chat-messages {
  background-color: #edf7f8 !important;
  background-image: radial-gradient(circle at 12% 12%, rgba(0, 127, 155, .08), transparent 25%), radial-gradient(circle at 88% 90%, rgba(23, 103, 177, .07), transparent 30%) !important;
}

body[data-theme="light"] .signal-chat-message-body,
body[data-theme="system"] .signal-chat-message-body {
  border-color: #b9d5da !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(35, 89, 105, .08) !important;
}

body[data-theme="light"] .signal-chat-message-own .signal-chat-message-body,
body[data-theme="system"] .signal-chat-message-own .signal-chat-message-body {
  border-color: #8dcabe !important;
  background: #e5f6ef !important;
}

body[data-theme="light"] .signal-chat-message-admin .signal-chat-message-body,
body[data-theme="system"] .signal-chat-message-admin .signal-chat-message-body {
  border-color: #88c3ce !important;
  background: #e0f2f4 !important;
}

body[data-theme="light"] .signal-chat-composer,
body[data-theme="system"] .signal-chat-composer {
  border-color: #a8cbd1 !important;
  background: #fff !important;
}

body[data-theme="light"] .signal-chat-composer textarea,
body[data-theme="system"] .signal-chat-composer textarea {
  background: #f4f9fa !important;
  color: #102a35 !important;
  border-color: #b5d0d6 !important;
}

/* Shared surface layer: page styles can shape components, but the theme owns their colors. */
body,
body:before {
  background-color: var(--nlc-bg) !important;
}

body:before {
  background-image: radial-gradient(circle at 78% 0, rgba(34, 215, 255, .1), transparent 32%), linear-gradient(145deg, var(--nlc-bg), var(--nlc-bg-deep)) !important;
}

.panel,
.card,
.metric,
.analysis-card,
.signal-card,
.signal-box,
.price-card,
.settings-card,
.plan-card,
.recent-card,
.checkout-card,
.reason-card,
.auth-card {
  border-color: var(--nlc-line) !important;
  background-color: var(--nlc-panel) !important;
  color: var(--nlc-text);
}

input,
select,
textarea {
  border-color: var(--nlc-line) !important;
  background-color: var(--nlc-panel-raised) !important;
  color: var(--nlc-text) !important;
}

button,
.button,
.primary-button,
.submit-button,
.signup,
.join-btn {
  border-color: var(--nlc-cyan);
}

/* Keep the dashboard shell on the same theme tokens as the member pages. */
body[data-theme="light"] .app,
body[data-theme="system"] .app {
  background: var(--nlc-bg) !important;
}

body[data-theme="light"] .workspace,
body[data-theme="system"] .workspace {
  background: linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(231, 242, 246, .42)) !important;
}

body[data-theme="light"] .sidebar,
body[data-theme="system"] .sidebar {
  border-color: var(--nlc-line) !important;
  background: rgba(255, 255, 255, .88) !important;
}

body[data-theme="light"] .topbar,
body[data-theme="system"] .topbar {
  border-color: var(--nlc-line) !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 10px 30px rgba(31, 73, 87, .08) !important;
}

body[data-theme="light"] .topbar-kicker,
body[data-theme="system"] .topbar-kicker,
body[data-theme="light"] .topbar-date,
body[data-theme="system"] .topbar-date,
body[data-theme="light"] .welcome p,
body[data-theme="system"] .welcome p {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .search,
body[data-theme="system"] .search,
body[data-theme="light"] .bell,
body[data-theme="system"] .bell,
body[data-theme="light"] .user-chip,
body[data-theme="system"] .user-chip,
body[data-theme="light"] .referral-credit,
body[data-theme="system"] .referral-credit {
  border-color: var(--nlc-line) !important;
  background: var(--nlc-panel) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .referral-credit strong,
body[data-theme="system"] .referral-credit strong {
  color: var(--nlc-success, #1ea878) !important;
}

body[data-theme="light"] .metric,
body[data-theme="system"] .metric,
body[data-theme="light"] .performance,
body[data-theme="system"] .performance,
body[data-theme="light"] .performance .bars,
body[data-theme="system"] .performance .bars {
  border-color: var(--nlc-line) !important;
  background: linear-gradient(145deg, #fff, var(--nlc-panel-raised)) !important;
  box-shadow: var(--surface-shadow) !important;
}

body[data-theme="light"] .metric strong,
body[data-theme="system"] .metric strong,
body[data-theme="light"] .metric small,
body[data-theme="system"] .metric small,
body[data-theme="light"] .metric-label,
body[data-theme="system"] .metric-label,
body[data-theme="light"] .performance .bar-labels,
body[data-theme="system"] .performance .bar-labels {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .dashboard-referral,
body[data-theme="system"] .dashboard-referral {
  border-color: rgba(215, 165, 77, .4) !important;
  background: linear-gradient(135deg, #fffaf0, #f4f8fa) !important;
}

body[data-theme="light"] .payment-disabled,
body[data-theme="system"] .payment-disabled {
  opacity: .7;
  cursor: not-allowed !important;
}

body[data-theme="dark"] .app {
  background: var(--nlc-bg) !important;
}

body[data-theme="dark"] .workspace {
  background: linear-gradient(135deg, rgba(7, 16, 29, .88), rgba(5, 8, 15, .72)) !important;
}

body[data-theme="dark"]:has(.app) {
  background: linear-gradient(135deg, #07121c, #0b1d2b 62%, #08141f) !important;
}

body[data-theme="dark"] .sidebar,
body[data-theme="dark"] .topbar {
  border-color: var(--nlc-line) !important;
  background: var(--nlc-surface-blue) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .topbar-kicker,
body[data-theme="dark"] .topbar-date,
body[data-theme="dark"] .welcome p {
  color: var(--nlc-muted) !important;
}

body[data-theme="dark"] .search,
body[data-theme="dark"] .bell,
body[data-theme="dark"] .user-chip,
body[data-theme="dark"] .referral-credit {
  border-color: var(--nlc-surface-blue-line) !important;
  background: var(--nlc-surface-blue-raised) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .referral-credit strong {
  color: var(--nlc-success, #68f0b7) !important;
}

body[data-theme="dark"] .market-status,
body[data-theme="dark"] .date-chip {
  border-color: rgba(34, 213, 154, .28) !important;
  background: rgba(19, 81, 72, .28) !important;
  color: #a5f1d1 !important;
}

body[data-theme="dark"] .market-status b {
  border-left-color: rgba(122, 226, 193, .25) !important;
  color: #78b0a5 !important;
}

body[data-theme="dark"] .range {
  border-color: var(--nlc-surface-blue-line) !important;
  background: var(--nlc-surface-blue-raised) !important;
}

body[data-theme="dark"] .range button {
  color: var(--nlc-muted) !important;
}

body[data-theme="dark"] .range button.active,
body[data-theme="dark"] .range button:hover {
  background: rgba(34, 215, 255, .16) !important;
  color: var(--nlc-cyan) !important;
}

body[data-theme="dark"] .metric,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .signal-card,
body[data-theme="dark"] .performance,
body[data-theme="dark"] .dashboard-referral {
  border-color: var(--nlc-surface-blue-line) !important;
  background: var(--nlc-surface-blue) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .metric strong,
body[data-theme="dark"] .metric small,
body[data-theme="dark"] .metric-label,
body[data-theme="dark"] .panel h3,
body[data-theme="dark"] .signal-card strong,
body[data-theme="dark"] .dashboard-referral h3 {
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .notice,
body[data-theme="system"] .notice,
body[data-theme="dark"] .dashboard-referral-stats span,
body[data-theme="system"] .dashboard-referral-stats span,
body[data-theme="dark"] .dashboard-referral-link input,
body[data-theme="system"] .dashboard-referral-link input {
  border-color: var(--nlc-surface-blue-line) !important;
  background: var(--nlc-surface-blue-raised) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .notice p,
body[data-theme="system"] .notice p,
body[data-theme="dark"] .notice time,
body[data-theme="system"] .notice time,
body[data-theme="dark"] .dashboard-referral-stats small,
body[data-theme="system"] .dashboard-referral-stats small,
body[data-theme="dark"] .dashboard-referral-stats em,
body[data-theme="system"] .dashboard-referral-stats em {
  color: var(--nlc-muted) !important;
}

@media (min-width: 701px) {
  body:has(.app) .app > .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--desk-sidebar-width, 234px);
    height: 100vh;
    overflow-y: auto;
  }

  body:has(.layout) .layout > .main,
  body:has(.app) .app > .workspace,
  .layout > .main,
  .app > .workspace,
  .payment-main {
    margin-left: 0;
  }
}

@media (max-width: 1050px) and (min-width: 701px) {
  :root {
    --desk-sidebar-width: 190px;
  }

  body:has(.app) .app > .sidebar {
    width: var(--desk-sidebar-width, 190px);
  }

  body:has(.layout) .layout > .main,
  body:has(.app) .app > .workspace,
  .layout > .main,
  .app > .workspace,
  .payment-main {
    margin-left: 0;
  }
}

body[data-theme="dark"] .profile-hero-card,
body[data-theme="dark"] .profile-details-card,
body[data-theme="dark"] .profile-membership-card,
body[data-theme="dark"] .profile-security {
  background: linear-gradient(145deg, var(--nlc-surface-blue), var(--nlc-surface-blue-raised)) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  box-shadow: var(--nlc-surface-blue-shadow) !important;
}

body[data-theme="light"] .profile-hero-card,
body[data-theme="light"] .profile-details-card,
body[data-theme="light"] .profile-membership-card,
body[data-theme="light"] .profile-security,
body[data-theme="light"] .profile-note,
body[data-theme="light"] .field input,
body[data-theme="light"] .member-badge,
body[data-theme="light"] .details-lock {
  background: linear-gradient(145deg, #ffffff, #f4f8fa) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: 0 16px 36px rgba(31, 82, 100, .1) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .profile-hero-card,
body[data-theme="dark"] .profile-details-card,
body[data-theme="dark"] .profile-membership-card,
body[data-theme="dark"] .profile-security,
body[data-theme="dark"] .profile-note,
body[data-theme="dark"] .field input,
body[data-theme="dark"] .member-badge,
body[data-theme="dark"] .details-lock {
  background: linear-gradient(145deg, rgba(16, 41, 67, 1), rgba(18, 54, 83, 1)) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  box-shadow: 0 18px 42px rgba(3, 17, 34, .34) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .profile-cover {
  background: linear-gradient(110deg, rgba(18, 48, 71, .96), rgba(11, 24, 37, .96) 54%, rgba(18, 37, 52, .96)) !important;
  border-color: var(--nlc-surface-blue-line) !important;
}

body[data-theme="dark"] .profile-copy h3,
body[data-theme="dark"] .details-heading h3,
body[data-theme="dark"] .profile-membership-card h3,
body[data-theme="dark"] .profile-security strong,
body[data-theme="dark"] .profile-copy p,
body[data-theme="dark"] .profile-note,
body[data-theme="dark"] .profile-security p,
body[data-theme="dark"] .field label,
body[data-theme="dark"] .field input,
body[data-theme="dark"] .member-badge {
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .profile-copy p,
body[data-theme="dark"] .profile-note,
body[data-theme="dark"] .profile-security p,
body[data-theme="dark"] .field label {
  color: var(--nlc-muted) !important;
}

body[data-theme="dark"] .field input {
  background: rgba(12, 24, 37, .82) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  box-shadow: inset 0 0 0 1px rgba(114, 149, 185, .05) !important;
}

body[data-theme="dark"] .field input[readonly] {
  background: rgba(17, 31, 46, .9) !important;
}

body[data-theme="dark"] .change-photo-button {
  background: rgba(8, 22, 34, .94) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .member-badge {
  border-color: rgba(34, 213, 154, .32) !important;
  background: rgba(34, 213, 154, .08) !important;
  color: var(--nlc-green) !important;
}

body[data-theme="dark"] .profile-security .security-icon {
  background: linear-gradient(135deg, rgba(34, 213, 154, .15), rgba(61, 141, 255, .08)) !important;
  border-color: rgba(34, 213, 154, .28) !important;
  color: var(--nlc-green) !important;
}

body[data-theme="dark"] .details-lock {
  border-color: rgba(34, 213, 154, .28) !important;
  background: rgba(34, 213, 154, .09) !important;
  color: var(--nlc-green) !important;
}

body[data-theme="light"] .notification-shell,
body[data-theme="light"] #notifications-list .card,
body[data-theme="light"] .notification-summary,
body[data-theme="light"] .filter-tab,
body[data-theme="light"] .notification-header {
  background: linear-gradient(180deg, #ffffff, #f4f8fb) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: 0 16px 40px rgba(54, 83, 97, .09) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="dark"] .notification-shell,
body[data-theme="dark"] #notifications-list .card,
body[data-theme="dark"] .notification-summary,
body[data-theme="dark"] .filter-tab,
body[data-theme="dark"] .notification-header {
  background: linear-gradient(180deg, rgba(12, 23, 33, .95), rgba(19, 35, 47, .96)) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  box-shadow: 0 18px 42px rgba(3, 17, 34, .34) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .notification-shell .eyebrow,
body[data-theme="light"] .notification-intro p,
body[data-theme="light"] .notification-summary,
body[data-theme="light"] #notifications-list .card p,
body[data-theme="light"] #notifications-list .card .muted,
body[data-theme="light"] .filter-tab {
  color: var(--nlc-muted) !important;
}

body[data-theme="dark"] .notification-shell .eyebrow,
body[data-theme="dark"] .notification-intro p,
body[data-theme="dark"] .notification-summary,
body[data-theme="dark"] #notifications-list .card p,
body[data-theme="dark"] #notifications-list .card .muted,
body[data-theme="dark"] .filter-tab {
  color: var(--nlc-muted) !important;
}

/* Shared blue surface system */
:root {
  --nlc-surface-blue: #f5f9ff;
  --nlc-surface-blue-raised: #eaf3ff;
  --nlc-surface-blue-line: #b9d2ee;
  --nlc-surface-blue-shadow: 0 16px 36px rgba(31, 82, 132, .12);
}

body[data-theme="dark"] {
  --nlc-surface-blue: #102943;
  --nlc-surface-blue-raised: #153653;
  --nlc-surface-blue-line: #2d5d86;
  --nlc-surface-blue-shadow: 0 18px 42px rgba(3, 17, 34, .34);
}

body[data-theme="system"] {
  --nlc-surface-blue: #f5f9ff;
  --nlc-surface-blue-raised: #eaf3ff;
  --nlc-surface-blue-line: #b9d2ee;
  --nlc-surface-blue-shadow: 0 16px 36px rgba(31, 82, 132, .12);
}

@media (prefers-color-scheme: dark) {
  body[data-theme="system"] {
    --nlc-surface-blue: #102943;
    --nlc-surface-blue-raised: #153653;
    --nlc-surface-blue-line: #2d5d86;
    --nlc-surface-blue-shadow: 0 18px 42px rgba(3, 17, 34, .34);
  }
}

body .panel,
body .card,
body .metric,
body .analysis-card,
body .signal-card,
body .signal-box,
body .price-card,
body .settings-card,
body .plan-card,
body .recent-card,
body .checkout-card,
body .auth-card,
body .feature,
body .pick-card,
body .reason-card,
body .performance,
body .dashboard-referral,
body .management-panel,
body .subscription-panel,
body .users-screen,
body .standalone-panel,
body .signals-command-center,
body .signal-admin-card,
body .signal-chat-room,
body .modal,
body .image-frame,
body .chart-card {
  background: var(--nlc-surface-blue) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  box-shadow: var(--nlc-surface-blue-shadow) !important;
}

body .panel-head,
body .card-head,
body .modal-head,
body .signal-chat-header,
body .topbar,
body .site-header,
body .sidebar,
body .admin-nav,
body .payment-sidebar {
  border-color: var(--nlc-surface-blue-line) !important;
}

body .setting-row,
body .notification-summary,
body .filter-tab,
body .payment-instruction,
body .modal-destination,
body .receipt-drop,
body .signal-stat,
body .signal-levels span,
body .signal-metrics,
body .position-meter,
body .performance .bars,
body .dashboard-metrics-summary label,
body .performance-day-grid label {
  background: var(--nlc-surface-blue-raised) !important;
  border-color: var(--nlc-surface-blue-line) !important;
}

body input,
body select,
body textarea,
body .search,
body .user-search,
body .notification-form input,
body .notification-form select,
body .notification-form textarea,
body .admin-form input,
body .admin-form select,
body .admin-form textarea {
  background: var(--nlc-surface-blue-raised) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  color: var(--nlc-text) !important;
}

body .button,
body .primary-button,
body .submit-button,
body .join-btn,
body .pay-now-button,
body .action-button,
body .fetch-price-button,
body .admin-nav-link.active {
  background: linear-gradient(135deg, #1769c2, #2d8cff) !important;
  border-color: #4f9ff0 !important;
  color: #fff !important;
}

body .button:hover,
body .primary-button:hover,
body .submit-button:hover,
body .join-btn:hover,
body .pay-now-button:hover,
body .action-button:hover,
body .fetch-price-button:hover,
body .admin-nav-link.active:hover {
  background: linear-gradient(135deg, #1459a5, #2479db) !important;
}

body .site-header,
body .topbar,
body .sidebar,
body .payment-sidebar,
body .admin-nav {
  background: var(--nlc-surface-blue) !important;
}

body .nav-link.active,
body .nav-link:hover,
body .side-link.active,
body .side-link:hover,
body .payment-side-link.active,
body .payment-side-link:hover,
body .mobile-nav a.active {
  background: var(--nlc-surface-blue-raised) !important;
  color: var(--nlc-blue) !important;
}

body .signal-levels span {
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}

body .signal-levels span:nth-child(1) {
  border-color: rgba(77, 147, 234, .55) !important;
  background: linear-gradient(145deg, rgba(34, 105, 186, .22), rgba(10, 29, 51, .86)) !important;
  color: #2d6db2 !important;
  font-size: 1.12rem !important;
  font-weight: 900 !important;
}

body .signal-levels span:nth-child(2) {
  border-color: rgba(52, 183, 135, .58) !important;
  background: linear-gradient(145deg, rgba(28, 145, 108, .18), rgba(225, 248, 239, .9)) !important;
  color: #18845e !important;
  font-weight: 700 !important;
}

body .signal-levels span:nth-child(3) {
  border-color: rgba(221, 76, 91, .6) !important;
  background: linear-gradient(145deg, rgba(181, 40, 59, .9), rgba(221, 76, 91, .95)) !important;
  color: #fff7f8 !important;
  font-size: 1.16rem !important;
  font-weight: 900 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 10px 20px rgba(194, 54, 76, .24) !important;
  transform: translateY(-1px);
}

@keyframes signal-card-profit-beep {
  0%, 100% {
    border-color: rgba(52, 183, 135, .42) !important;
    box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 0 rgba(52, 211, 153, 0) !important;
  }
  50% {
    border-color: rgba(52, 211, 153, .95) !important;
    box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 5px rgba(52, 211, 153, .13), 0 0 28px rgba(52, 211, 153, .34) !important;
  }
}

@keyframes signal-card-stop-beep {
  0%, 100% {
    border-color: rgba(221, 76, 91, .44) !important;
    box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 0 rgba(239, 92, 111, 0) !important;
  }
  50% {
    border-color: rgba(239, 92, 111, .98) !important;
    box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 5px rgba(239, 92, 111, .14), 0 0 30px rgba(239, 92, 111, .38) !important;
  }
}

@keyframes signal-card-neutral-beep {
  0%, 100% {
    border-color: rgba(77, 147, 234, .42) !important;
    box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 0 rgba(77, 147, 234, 0) !important;
  }
  50% {
    border-color: rgba(77, 147, 234, .9) !important;
    box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 5px rgba(77, 147, 234, .12), 0 0 26px rgba(77, 147, 234, .3) !important;
  }
}

body .signal-card.state-profit {
  animation: signal-card-profit-beep 1.8s ease-in-out infinite;
}

body .signal-card.state-stop {
  animation: signal-card-stop-beep 1.15s ease-in-out infinite;
}

body[data-theme="light"] .admin-nav,
body[data-theme="light"] .admin-alerts-panel,
body[data-theme="light"] .overview-panel,
body[data-theme="light"] .dashboard-settings-panel,
body[data-theme="light"] .users-screen,
body[data-theme="light"] .signals-command-center,
body[data-theme="light"] .subscription-panel,
body[data-theme="light"] .admin-section[data-section-view] .management-panel,
body[data-theme="system"] .admin-nav,
body[data-theme="system"] .admin-alerts-panel,
body[data-theme="system"] .overview-panel,
body[data-theme="system"] .dashboard-settings-panel,
body[data-theme="system"] .users-screen,
body[data-theme="system"] .signals-command-center,
body[data-theme="system"] .subscription-panel,
body[data-theme="system"] .admin-section[data-section-view] .management-panel {
  background: var(--nlc-surface-blue) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  box-shadow: var(--nlc-surface-blue-shadow) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .admin-nav,
body[data-theme="system"] .admin-nav {
  background: var(--nlc-surface-blue-raised) !important;
}

body[data-theme="light"] .admin-nav-link,
body[data-theme="system"] .admin-nav-link {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .admin-nav-link:hover,
body[data-theme="system"] .admin-nav-link:hover {
  background: #dceff2 !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .subscription-stat,
body[data-theme="light"] .trade-summary-stat,
body[data-theme="light"] .user-overview article,
body[data-theme="light"] .signal-stats div,
body[data-theme="light"] .admin-alert-item,
body[data-theme="light"] .data-row,
body[data-theme="light"] .payment-request,
body[data-theme="light"] .withdrawal-overview article,
body[data-theme="system"] .subscription-stat,
body[data-theme="system"] .trade-summary-stat,
body[data-theme="system"] .user-overview article,
body[data-theme="system"] .signal-stats div,
body[data-theme="system"] .admin-alert-item,
body[data-theme="system"] .data-row,
body[data-theme="system"] .payment-request,
body[data-theme="system"] .withdrawal-overview article {
  background: var(--nlc-surface-blue-raised) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .dashboard-metrics-form,
body[data-theme="light"] .performance-day-grid label,
body[data-theme="light"] .dashboard-metrics-summary label,
body[data-theme="system"] .dashboard-metrics-form,
body[data-theme="system"] .performance-day-grid label,
body[data-theme="system"] .dashboard-metrics-summary label {
  background: var(--nlc-surface-blue-raised) !important;
  border-color: var(--nlc-surface-blue-line) !important;
}

body[data-theme="light"] .action-button,
body[data-theme="system"] .action-button {
  background: linear-gradient(135deg, #1769c2, #2d8cff) !important;
  border-color: #4f9ff0 !important;
  color: #fff !important;
}

body[data-theme="light"] .admin-form input,
body[data-theme="light"] .admin-form select,
body[data-theme="light"] .admin-form textarea,
body[data-theme="light"] .user-search,
body[data-theme="system"] .admin-form input,
body[data-theme="system"] .admin-form select,
body[data-theme="system"] .admin-form textarea,
body[data-theme="system"] .user-search {
  background: #fff !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .modal,
body[data-theme="system"] .modal {
  background: #fff !important;
  border-color: var(--nlc-line) !important;
  box-shadow: 0 25px 70px rgba(31, 73, 87, .2) !important;
}

body[data-theme="light"] .secondary-button,
body[data-theme="system"] .secondary-button,
body[data-theme="light"] .close-modal,
body[data-theme="system"] .close-modal {
  background: var(--nlc-panel-raised) !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .user-list,
body[data-theme="system"] .user-list {
  border-top-color: var(--nlc-line) !important;
}

body[data-theme="light"] .user-row,
body[data-theme="system"] .user-row {
  background: var(--nlc-panel) !important;
  border-bottom-color: var(--nlc-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .user-row:hover,
body[data-theme="system"] .user-row:hover {
  background: var(--nlc-panel-raised) !important;
  border-color: var(--nlc-surface-blue-line) !important;
}

body[data-theme="light"] .user-identity strong,
body[data-theme="system"] .user-identity strong {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .user-identity small,
body[data-theme="system"] .user-identity small,
body[data-theme="light"] .user-expiry,
body[data-theme="system"] .user-expiry {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .user-filter,
body[data-theme="system"] .user-filter {
  background: var(--nlc-panel-raised) !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .user-filter b,
body[data-theme="system"] .user-filter b {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .user-filter.active,
body[data-theme="system"] .user-filter.active {
  background: linear-gradient(135deg, #1769c2, #2d8cff) !important;
  border-color: #4f9ff0 !important;
  color: #fff !important;
}

body[data-theme="light"] .user-filter.active b,
body[data-theme="system"] .user-filter.active b {
  color: #fff !important;
}

body[data-theme="light"] .admin-section h1,
body[data-theme="light"] .admin-section h2,
body[data-theme="light"] .admin-section h3,
body[data-theme="light"] .admin-section h4,
body[data-theme="system"] .admin-section h1,
body[data-theme="system"] .admin-section h2,
body[data-theme="system"] .admin-section h3,
body[data-theme="system"] .admin-section h4 {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .admin-section p,
body[data-theme="light"] .admin-section .panel-subtitle,
body[data-theme="light"] .admin-section .dashboard-panel-copy,
body[data-theme="light"] .admin-section .empty-state,
body[data-theme="system"] .admin-section p,
body[data-theme="system"] .admin-section .panel-subtitle,
body[data-theme="system"] .admin-section .dashboard-panel-copy,
body[data-theme="system"] .admin-section .empty-state {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .signal-admin-card,
body[data-theme="light"] .trade-summary-stat,
body[data-theme="light"] .data-row,
body[data-theme="light"] .payment-request,
body[data-theme="light"] .withdrawal-request,
body[data-theme="light"] .subscription-stat,
body[data-theme="light"] .live-price-panel,
body[data-theme="light"] .signal-chat-room,
body[data-theme="light"] .signal-stats div,
body[data-theme="system"] .signal-admin-card,
body[data-theme="system"] .trade-summary-stat,
body[data-theme="system"] .data-row,
body[data-theme="system"] .payment-request,
body[data-theme="system"] .withdrawal-request,
body[data-theme="system"] .subscription-stat,
body[data-theme="system"] .live-price-panel,
body[data-theme="system"] .signal-chat-room,
body[data-theme="system"] .signal-stats div {
  background: var(--nlc-surface-blue-raised) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  color: var(--nlc-text) !important;
  box-shadow: none !important;
}

body[data-theme="light"] .signal-admin-card strong,
body[data-theme="light"] .data-row strong,
body[data-theme="light"] .payment-request strong,
body[data-theme="light"] .withdrawal-request strong,
body[data-theme="light"] .subscription-user strong,
body[data-theme="system"] .signal-admin-card strong,
body[data-theme="system"] .data-row strong,
body[data-theme="system"] .payment-request strong,
body[data-theme="system"] .withdrawal-request strong,
body[data-theme="system"] .subscription-user strong {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .signal-admin-card small,
body[data-theme="light"] .data-row small,
body[data-theme="light"] .payment-request small,
body[data-theme="light"] .withdrawal-request small,
body[data-theme="light"] .subscription-user small,
body[data-theme="system"] .signal-admin-card small,
body[data-theme="system"] .data-row small,
body[data-theme="system"] .payment-request small,
body[data-theme="system"] .withdrawal-request small,
body[data-theme="system"] .subscription-user small {
  color: var(--nlc-muted) !important;
}

/* Default white theme: every page uses the same calm, high-contrast shell. */
html,
body {
  background: #f4f8fa !important;
  color: var(--nlc-text) !important;
}

body::before {
  background-image: linear-gradient(rgba(74, 123, 140, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(74, 123, 140, .045) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  opacity: .7 !important;
}

.app,
.workspace,
.layout,
.payment-layout,
.admin-shell {
  background: transparent !important;
}

.site-header,
.topbar,
.sidebar,
.payment-sidebar,
.admin-nav,
.mobile-nav,
.payment-mobile-nav {
  background: rgba(255, 255, 255, .94) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: 0 10px 28px rgba(32, 77, 92, .08) !important;
  color: var(--nlc-text) !important;
}

.panel,
.card,
.metric,
.analysis-card,
.signal-card,
.signal-box,
.price-card,
.settings-card,
.plan-card,
.recent-card,
.checkout-card,
.auth-card,
.reason-card,
.performance,
.dashboard-referral,
.management-panel,
.subscription-panel,
.users-screen,
.standalone-panel,
.signals-command-center,
.signal-admin-card,
.signal-chat-room,
.chart-card,
.mobile-referral-earnings {
  background: linear-gradient(145deg, #ffffff, #f4f8fa) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: 0 16px 36px rgba(31, 82, 100, .1) !important;
  color: var(--nlc-text) !important;
}

.mobile-referral-earnings strong {
  color: var(--nlc-green) !important;
}

.metric strong,
.metric-label,
.panel h1,
.panel h2,
.panel h3,
.card h1,
.card h2,
.card h3,
.admin-section h1,
.admin-section h2,
.admin-section h3,
.users-heading h1,
.intro h1 {
  color: var(--nlc-text) !important;
}

.panel p,
.card p,
.metric small,
.admin-section p,
.panel-subtitle,
.dashboard-panel-copy,
.welcome p,
.topbar-kicker,
.topbar-date {
  color: var(--nlc-muted) !important;
}

.setting-row,
.notification-summary,
.filter-tab,
.payment-instruction,
.modal-destination,
.receipt-drop,
.signal-stat,
.signal-levels span,
.signal-metrics,
.position-meter,
.performance .bars,
.dashboard-metrics-summary label,
.performance-day-grid label,
.subscription-stat,
.trade-summary-stat,
.user-overview article,
.signal-stats div,
.admin-alert-item,
.data-row,
.payment-request,
.withdrawal-overview article,
.user-row,
.user-filter {
  background: #f2f7f9 !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-text) !important;
}

.admin-form input,
.admin-form select,
.admin-form textarea,
.user-search,
.search,
input,
select,
textarea {
  background: #ffffff !important;
  border-color: #b8cdd4 !important;
  color: var(--nlc-text) !important;
}

.admin-nav-link,
.side-link,
.nav-link,
.payment-side-link,
.mobile-nav a,
.payment-mobile-nav a {
  color: var(--nlc-muted) !important;
}

.admin-nav-link:hover,
.admin-nav-link.active,
.side-link:hover,
.side-link.active,
.nav-link:hover,
.nav-link.active,
.payment-side-link:hover,
.payment-side-link.active,
.mobile-nav a.active,
.payment-mobile-nav a.active {
  background: #e2f1f4 !important;
  color: var(--nlc-blue) !important;
}

.admin-section h1,
.admin-section h2,
.admin-section h3,
.admin-section h4,
.users-heading h1,
.user-identity strong,
.request-user strong,
.subscription-user strong {
  color: var(--nlc-text) !important;
}

.admin-section small,
.users-heading p,
.user-identity small,
.request-user small,
.subscription-user small,
.user-expiry,
.admin-section .empty-state {
  color: var(--nlc-muted) !important;
}

/* Blue-forward white palette. */
:root {
  --nlc-blue: #1769c2;
  --nlc-cyan: #0e9fca;
  --nlc-panel-raised: #edf5ff;
  --nlc-line: #c4d9ed;
  --nlc-surface-blue: #f5f9ff;
  --nlc-surface-blue-raised: #e7f1ff;
  --nlc-surface-blue-line: #b7d0eb;
}

body {
  background: linear-gradient(135deg, #f8fbff 0%, #eef5fb 58%, #e8f2fc 100%) !important;
}

body::before {
  background-image: linear-gradient(rgba(23, 105, 194, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 105, 194, .06) 1px, transparent 1px) !important;
}

.site-header,
.topbar,
.sidebar,
.payment-sidebar,
.admin-nav {
  border-bottom-color: #b7d0eb !important;
  box-shadow: 0 10px 30px rgba(23, 105, 194, .1) !important;
}

.topbar::after,
.site-header::after {
  background: linear-gradient(90deg, transparent, rgba(23, 105, 194, .7), transparent) !important;
}

.panel,
.card,
.metric,
.analysis-card,
.signal-card,
.signal-box,
.price-card,
.settings-card,
.plan-card,
.recent-card,
.checkout-card,
.auth-card,
.reason-card,
.performance,
.dashboard-referral,
.management-panel,
.subscription-panel,
.users-screen,
.standalone-panel,
.signals-command-center,
.signal-admin-card,
.signal-chat-room,
.chart-card {
  background: linear-gradient(145deg, #ffffff, #f0f6ff) !important;
  border-color: #c0d6ed !important;
}

.side-link.active,
.nav-link.active,
.payment-side-link.active,
.admin-nav-link.active,
.mobile-nav a.active,
.payment-mobile-nav a.active {
  background: #dcecff !important;
  color: var(--nlc-blue) !important;
  box-shadow: inset 3px 0 var(--nlc-blue), 0 8px 18px rgba(23, 105, 194, .1) !important;
}

.logo strong,
.brand strong,
.payment-logo strong,
.logo-copy span,
.section-kicker,
.eyebrow {
  color: var(--nlc-blue) !important;
}

.button,
.primary-button,
.submit-button,
.signup,
.join-btn,
.pay-now-button,
.action-button,
.fetch-price-button,
.admin-nav-link.active {
  background: linear-gradient(135deg, #1258aa, #2388e8) !important;
  border-color: #1769c2 !important;
  box-shadow: 0 10px 22px rgba(23, 105, 194, .24) !important;
}

.market-status,
.live-btc-button,
.date-chip,
.range-button.active,
.filter-tab.active {
  border-color: rgba(23, 105, 194, .45) !important;
  background: #e5f1ff !important;
  color: var(--nlc-blue) !important;
}

.metric-icon,
.feature-icon,
.signal-icon,
.brand-mark {
  color: #fff !important;
  background: linear-gradient(135deg, #1769c2, #28a2e8) !important;
  box-shadow: 0 8px 18px rgba(23, 105, 194, .22) !important;
}

/* Keep the journey tracker crisp instead of letting the global texture wash over it. */
body:has(.tracker-panel)::before {
  opacity: .18 !important;
}

body:has(.tracker-panel) .tracker-panel {
  background: linear-gradient(145deg, #ffffff, #f6faff) !important;
  border-color: #b8d1e9 !important;
  box-shadow: 0 18px 38px rgba(23, 105, 194, .1) !important;
}

body:has(.tracker-panel) .tracker-filters,
body:has(.tracker-panel) .tracker-stat,
body:has(.tracker-panel) .journey-trade-item,
body:has(.tracker-panel) .journey-empty-state {
  background: #ffffff !important;
  border-color: #c5d9eb !important;
}

body:has(.tracker-panel) .tracker-stat.accent {
  background: linear-gradient(135deg, #e6f2ff, #f8fbff) !important;
}

body:has(.tracker-panel) .tracker-stat.accent-alt {
  background: linear-gradient(135deg, #eaf8f4, #fbfefd) !important;
}

body[data-theme="dark"]:has(.tracker-panel) .tracker-panel {
  background: linear-gradient(145deg, #0d1d2b, #102536) !important;
  border-color: #2d5d86 !important;
  box-shadow: 0 18px 42px rgba(3, 17, 34, .34) !important;
}

body[data-theme="dark"]:has(.tracker-panel) .tracker-filters,
body[data-theme="dark"]:has(.tracker-panel) .tracker-stat,
body[data-theme="dark"]:has(.tracker-panel) .journey-trade-item,
body[data-theme="dark"]:has(.tracker-panel) .journey-empty-state {
  background: #102943 !important;
  border-color: #2d5d86 !important;
  color: #edf7ff !important;
}

body[data-theme="dark"]:has(.tracker-panel) .tracker-stat.accent {
  background: linear-gradient(135deg, rgba(34, 215, 255, .16), rgba(61, 141, 255, .12)) !important;
  border-color: rgba(34, 215, 255, .42) !important;
}

body[data-theme="dark"]:has(.tracker-panel) .tracker-stat.accent-alt {
  background: linear-gradient(135deg, rgba(34, 213, 154, .14), rgba(61, 141, 255, .1)) !important;
  border-color: rgba(34, 213, 154, .38) !important;
}

body[data-theme="dark"]:has(.tracker-panel) .range-button,
body[data-theme="dark"]:has(.tracker-panel) .range-apply,
body[data-theme="dark"]:has(.tracker-panel) .custom-range-group input {
  background: #0d1d2b !important;
  border-color: #2d5d86 !important;
  color: #edf7ff !important;
}

body[data-theme="dark"]:has(.tracker-panel) .range-button.active,
body[data-theme="dark"]:has(.tracker-panel) .range-button:hover,
body[data-theme="dark"]:has(.tracker-panel) .range-apply:hover {
  background: linear-gradient(135deg, rgba(34, 215, 255, .18), rgba(61, 141, 255, .14)) !important;
  border-color: rgba(34, 215, 255, .5) !important;
  color: #edf7ff !important;
}

body[data-theme="dark"]:has(.tracker-panel) .tracker-stat span,
body[data-theme="dark"]:has(.tracker-panel) .journey-trade-header small,
body[data-theme="dark"]:has(.tracker-panel) .journey-trade-meta span,
body[data-theme="dark"]:has(.tracker-panel) .custom-range-group label,
body[data-theme="dark"]:has(.tracker-panel) .journey-trade-item p,
body[data-theme="dark"]:has(.tracker-panel) .journey-empty-state p {
  color: #9bb6c7 !important;
}

body[data-theme="dark"]:has(.tracker-panel) .tracker-stat strong,
body[data-theme="dark"]:has(.tracker-panel) .journey-trade-header strong,
body[data-theme="dark"]:has(.tracker-panel) .journey-trade-meta strong,
body[data-theme="dark"]:has(.tracker-panel) .journey-empty-state strong {
  color: #edf7ff !important;
}

body[data-theme="dark"]:has(.tracker-panel) .journey-trade-meta {
  border-top-color: rgba(123, 170, 205, .24) !important;
}

body[data-theme="light"]:has(.tracker-panel) .journey-trade-meta strong.positive,
body[data-theme="system"]:has(.tracker-panel) .journey-trade-meta strong.positive {
  color: #1ca97d !important;
}

/* Keep dashboard headers fixed while reserving their space in the page shell. */
header.topbar,
header.payment-topbar {
  position: fixed !important;
  top: 0;
  right: 0;
  left: calc(var(--desk-sidebar-width, 234px) + var(--desk-content-gap, 22px));
  z-index: 7;
}

.app > .workspace,
.layout > .main,
.payment-main {
  min-width: 0;
  width: 100%;
  max-width: none;
  padding-top: 76px;
}

@media (max-width: 1050px) and (min-width: 701px) {
  header.topbar,
  header.payment-topbar {
    left: calc(var(--desk-sidebar-width, 190px) + var(--desk-content-gap, 22px));
  }

  .app > .workspace,
  .layout > .main,
  .payment-main {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 700px) {
  header.topbar,
  header.payment-topbar {
    right: 0;
    left: 0;
  }

  .app > .workspace,
  .layout > .main,
  .payment-main {
    padding-top: 68px;
  }
}

body[data-theme="dark"]:has(.tracker-panel) .journey-trade-meta strong.positive {
  color: #22d59a !important;
}

body[data-theme="light"]:has(.tracker-panel) .journey-trade-item.trade-win,
body[data-theme="system"]:has(.tracker-panel) .journey-trade-item.trade-win {
  border-left: 4px solid #1ca97d !important;
}

body[data-theme="dark"]:has(.tracker-panel) .journey-trade-item.trade-win {
  border-left: 4px solid #22d59a !important;
}

body[data-theme="light"]:has(.tracker-panel) .journey-trade-item.trade-loss,
body[data-theme="system"]:has(.tracker-panel) .journey-trade-item.trade-loss,
body[data-theme="dark"]:has(.tracker-panel) .journey-trade-item.trade-loss {
  border-left: 4px solid #ef5c6f !important;
}

/* Professional subscriptions workspace. */
body:has(.subscription-panel) .subscription-panel {
  max-width: 1120px;
  margin-inline: auto;
  padding: 28px !important;
  background: linear-gradient(145deg, #ffffff, #f3f8ff) !important;
  border: 1px solid #b9d2eb !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 48px rgba(23, 105, 194, .12) !important;
}

body:has(.subscription-panel) .subscription-panel-head {
  align-items: flex-end;
  padding-bottom: 22px;
  border-bottom: 1px solid #d4e3f1 !important;
}

body:has(.subscription-panel) .subscription-panel-head h2 {
  margin-top: 8px;
  color: #17354d !important;
  font-size: clamp(26px, 3vw, 36px);
  letter-spacing: -.06em;
}

body:has(.subscription-panel) .subscription-panel-head::after {
  content: "Recurring access and revenue health";
  display: block;
  margin-left: auto;
  color: #6b8499;
  font-size: 10px;
}

body:has(.subscription-panel) .subscription-panel-head .secondary-button {
  background: #e8f2ff !important;
  border-color: #a9c9e9 !important;
  color: #1769c2 !important;
  box-shadow: none !important;
}

body:has(.subscription-panel) .subscription-overview {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 22px 0 20px;
}

body:has(.subscription-panel) .subscription-stat {
  position: relative;
  overflow: hidden;
  min-height: 132px;
  padding: 20px 18px;
  background: #ffffff !important;
  border: 1px solid #c4d9ed !important;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(31, 82, 132, .07) !important;
}

body:has(.subscription-panel) .subscription-stat::after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -34px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: rgba(23, 105, 194, .08);
}

body:has(.subscription-panel) .subscription-stat span {
  color: #55758e !important;
  font-weight: 700;
}

body:has(.subscription-panel) .subscription-stat strong {
  color: #17354d !important;
  font-size: 30px;
}

body:has(.subscription-panel) .subscription-stat small {
  background: #e8f3ff !important;
  border-color: #c0d9ef !important;
  color: #1769c2 !important;
}

body:has(.subscription-panel) .subscription-stat.highlight-stat {
  background: linear-gradient(135deg, #e5f2ff, #ffffff) !important;
  border-color: #86bce9 !important;
}

body:has(.subscription-panel) .subscription-stat.highlight-stat strong {
  color: #0e67b9 !important;
}

body:has(.subscription-panel) .table-wrap {
  overflow: hidden;
  border: 1px solid #c4d9ed;
  border-radius: 14px;
  background: #ffffff;
}

body:has(.subscription-panel) .subscription-table {
  min-width: 620px;
}

body:has(.subscription-panel) .subscription-table th {
  padding: 14px 16px;
  background: #eaf3ff !important;
  border-bottom: 1px solid #c4d9ed !important;
  color: #426681 !important;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body:has(.subscription-panel) .subscription-table td {
  padding: 16px;
  border-bottom: 1px solid #e3edf5 !important;
  color: #294b65 !important;
}

body:has(.subscription-panel) .subscription-table tbody tr:hover {
  background: #f3f8ff !important;
}

body:has(.subscription-panel) .subscription-user strong {
  color: #17354d !important;
  font-size: 12px;
}

body:has(.subscription-panel) .subscription-user small {
  color: #6b8499 !important;
}

body:has(.subscription-panel) .subscription-avatar {
  background: linear-gradient(135deg, #dceeff, #f3f9ff) !important;
  border-color: #9fc7e9 !important;
  color: #1769c2 !important;
}

body:has(.subscription-panel) .subscription-plan-badge,
body:has(.subscription-panel) .subscription-state {
  border-color: #b8d3eb !important;
  background: #edf5ff !important;
  color: #1769c2 !important;
}

body:has(.subscription-panel) .subscription-state.active {
  background: #e5f7f0 !important;
  border-color: #a8ddc8 !important;
  color: #16825f !important;
}

body:has(.subscription-panel) .subscription-state.pending {
  background: #fff5dd !important;
  border-color: #ecd18b !important;
  color: #9b6910 !important;
}

/* Professional publishing workspace. */
body:has(.news-admin-card) .admin-section[data-section-view="news"] .management-panel {
  max-width: 1120px;
  margin-inline: auto;
  padding: 28px !important;
  background: linear-gradient(145deg, #ffffff, #f3f8ff) !important;
  border: 1px solid #b9d2eb !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 48px rgba(23, 105, 194, .12) !important;
}

body:has(.news-admin-card) .admin-section[data-section-view="news"] .panel-head {
  align-items: flex-end;
  padding-bottom: 22px;
  border-bottom: 1px solid #d4e3f1 !important;
}

body:has(.news-admin-card) .admin-section[data-section-view="news"] .panel-head h2 {
  margin-top: 8px;
  color: #17354d !important;
  font-size: clamp(26px, 3vw, 36px);
  letter-spacing: -.06em;
}

body:has(.news-admin-card) .admin-section[data-section-view="news"] .panel-head::after {
  content: "Publish clear, timely market context";
  display: block;
  margin-left: auto;
  color: #6b8499;
  font-size: 10px;
}

body:has(.news-admin-card) .admin-section[data-section-view="news"] .primary-button {
  min-width: 150px;
  background: linear-gradient(135deg, #1258aa, #2388e8) !important;
  border-color: #1769c2 !important;
  box-shadow: 0 10px 22px rgba(23, 105, 194, .2) !important;
}

body:has(.news-admin-card) #news-list {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

body:has(.news-admin-card) .news-admin-card {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 20px;
  padding: 16px;
  background: #ffffff !important;
  border: 1px solid #c4d9ed !important;
  border-radius: 15px !important;
  box-shadow: 0 12px 28px rgba(31, 82, 132, .08) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body:has(.news-admin-card) .news-admin-card:hover {
  transform: translateY(-2px);
  border-color: #82b7e5 !important;
  box-shadow: 0 18px 34px rgba(23, 105, 194, .13) !important;
}

body:has(.news-admin-card) .news-visual {
  min-height: 150px;
  overflow: hidden;
  border: 1px solid #c5dced;
  border-radius: 11px;
  background: linear-gradient(135deg, #dceeff, #f1f7ff);
}

body:has(.news-admin-card) .news-visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
}

body:has(.news-admin-card) .news-visual-placeholder {
  display: grid;
  min-height: 150px;
  place-items: center;
  color: #1769c2;
  font: 700 11px 'DM Mono', monospace;
  letter-spacing: .16em;
}

body:has(.news-admin-card) .news-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  padding: 4px 2px;
}

body:has(.news-admin-card) .news-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body:has(.news-admin-card) .news-tag {
  display: inline-flex;
  padding: 5px 8px;
  border: 1px solid #a9cceb;
  border-radius: 999px;
  background: #eaf3ff;
  color: #1769c2;
  font: 700 8px 'DM Mono', monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body:has(.news-admin-card) .news-card-head h3 {
  margin-top: 10px;
  color: #17354d !important;
  font-size: 20px;
  letter-spacing: -.04em;
}

body:has(.news-admin-card) .news-card-head .row-status {
  flex: 0 0 auto;
  padding: 5px 7px;
  border: 1px solid #a8ddc8;
  border-radius: 999px;
  background: #e5f7f0;
  color: #16825f;
  font: 700 8px 'DM Mono', monospace;
  letter-spacing: .1em;
}

body:has(.news-admin-card) .news-copy > p {
  margin: 0;
  color: #5a7489 !important;
  font-size: 12px;
  line-height: 1.65;
}

body:has(.news-admin-card) .news-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0ebf4;
}

body:has(.news-admin-card) .news-card-footer small {
  color: #6d879b !important;
  font: 9px 'DM Mono', monospace;
}

body:has(.news-admin-card) .news-action-group { display: flex; gap: 8px; }

body:has(.news-admin-card) .edit-signal-button,
body:has(.news-admin-card) .delete-signal-button {
  min-height: 32px;
  padding: 7px 11px;
  border-radius: 7px;
  font-size: 10px;
}

body:has(.news-admin-card) .edit-signal-button {
  border: 1px solid #9fc7e9;
  background: #eaf3ff;
  color: #1769c2;
}

body:has(.news-admin-card) .delete-signal-button {
  border: 1px solid #e6b5bd;
  background: #fff1f3;
  color: #bd4053;
}

@media (max-width: 700px) {
  body:has(.news-admin-card) .admin-section[data-section-view="news"] .management-panel { padding: 18px 14px !important; border-radius: 15px !important; }
  body:has(.news-admin-card) .admin-section[data-section-view="news"] .panel-head { align-items: flex-start; flex-direction: column; gap: 14px; }
  body:has(.news-admin-card) .admin-section[data-section-view="news"] .panel-head::after { margin-left: 0; order: 2; }
  body:has(.news-admin-card) .admin-section[data-section-view="news"] .primary-button { width: 100%; }
  body:has(.news-admin-card) .news-admin-card { grid-template-columns: 1fr; gap: 14px; padding: 12px; }
  body:has(.news-admin-card) .news-visual,
  body:has(.news-admin-card) .news-visual img { min-height: 170px; max-height: 210px; }
  body:has(.news-admin-card) .news-card-head h3 { font-size: 18px; }
  body:has(.news-admin-card) .news-card-footer { align-items: flex-start; flex-direction: column; }
  body:has(.news-admin-card) .news-action-group { width: 100%; }
  body:has(.news-admin-card) .edit-signal-button,
  body:has(.news-admin-card) .delete-signal-button { flex: 1; }
}

/* Keep the publishing shell polished while articles are loading or empty. */
body:has(.admin-section[data-section-view="news"]) .admin-section[data-section-view="news"] .management-panel {
  max-width: 1120px;
  margin-inline: auto;
  padding: 28px !important;
  background: linear-gradient(145deg, #ffffff, #f3f8ff) !important;
  border: 1px solid #b9d2eb !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 48px rgba(23, 105, 194, .12) !important;
}

body:has(.admin-section[data-section-view="news"]) .admin-section[data-section-view="news"] .panel-head {
  align-items: flex-end;
  padding-bottom: 22px;
  border-bottom: 1px solid #d4e3f1 !important;
}

body:has(.admin-section[data-section-view="news"]) .admin-section[data-section-view="news"] .panel-head h2 {
  margin-top: 8px;
  color: #17354d !important;
  font-size: clamp(26px, 3vw, 36px);
  letter-spacing: -.06em;
}

body:has(.admin-section[data-section-view="news"]) .admin-section[data-section-view="news"] .panel-head::after {
  content: "Publish clear, timely market context";
  display: block;
  margin-left: auto;
  color: #6b8499;
  font-size: 10px;
}

body:has(.admin-section[data-section-view="news"]) #news-list {
  min-height: 72px;
  margin-top: 22px;
}

body:has(.admin-section[data-section-view="news"]) #news-list .empty-state {
  padding: 20px;
  border: 1px dashed #b9d2eb;
  border-radius: 12px;
  background: #f7fbff;
  color: #597386 !important;
  text-align: center;
}

@media (max-width: 700px) {
  body:has(.admin-section[data-section-view="news"]) .admin-section[data-section-view="news"] .management-panel { padding: 18px 14px !important; border-radius: 15px !important; }
  body:has(.admin-section[data-section-view="news"]) .admin-section[data-section-view="news"] .panel-head { align-items: flex-start; flex-direction: column; gap: 14px; }
  body:has(.admin-section[data-section-view="news"]) .admin-section[data-section-view="news"] .panel-head::after { margin-left: 0; order: 2; }
  body:has(.admin-section[data-section-view="news"]) .admin-section[data-section-view="news"] .primary-button { width: 100%; }
}

@media (max-width: 700px) {
  body:has(.subscription-panel) .subscription-panel { padding: 18px 14px !important; border-radius: 15px !important; }
  body:has(.subscription-panel) .subscription-panel-head { align-items: flex-start; flex-direction: column; gap: 14px; }
  body:has(.subscription-panel) .subscription-panel-head::after { margin-left: 0; order: 2; }
  body:has(.subscription-panel) .subscription-panel-head .secondary-button { width: 100%; }
  body:has(.subscription-panel) .subscription-overview { grid-template-columns: 1fr; gap: 10px; margin-top: 16px; }
  body:has(.subscription-panel) .subscription-stat { min-height: 108px; padding: 16px; }
  body:has(.subscription-panel) .subscription-stat strong { font-size: 26px; }
  body:has(.subscription-panel) .table-wrap { overflow-x: auto; }
  body:has(.subscription-panel) .subscription-table th,
  body:has(.subscription-panel) .subscription-table td { padding: 13px 12px; }
}

body[data-theme="light"] .subscription-table th,
body[data-theme="system"] .subscription-table th {
  background: var(--nlc-surface-blue-raised) !important;
  border-bottom-color: var(--nlc-line) !important;
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .subscription-table td,
body[data-theme="system"] .subscription-table td {
  border-bottom-color: var(--nlc-line) !important;
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .subscription-table tbody tr:hover,
body[data-theme="system"] .subscription-table tbody tr:hover {
  background: var(--nlc-panel-raised) !important;
}

body[data-theme="light"] .overview-panel .chart,
body[data-theme="system"] .overview-panel .chart {
  background-color: #f5f9ff !important;
  background-image: linear-gradient(rgba(83, 141, 216, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(83, 141, 216, .1) 1px, transparent 1px) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: inset 0 0 20px rgba(31, 82, 132, .05) !important;
}

body[data-theme="light"] .admin-chat-room-frame,
body[data-theme="system"] .admin-chat-room-frame {
  background: var(--nlc-panel) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  box-shadow: var(--nlc-surface-blue-shadow) !important;
}

.mobile-nav,
.member-mobile-nav,
.payment-mobile-nav,
.admin-bottom-nav {
  background: rgba(9, 17, 26, 0.98) !important;
  border-color: rgba(90, 148, 182, 0.42) !important;
  box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.38) !important;
}

.mobile-nav a,
.member-mobile-nav a,
.payment-mobile-nav a,
.admin-bottom-nav a {
  color: #90a9ba !important;
}

.mobile-nav a.active,
.member-mobile-nav a.active,
.payment-mobile-nav a.active,
.admin-bottom-nav a.active {
  color: #6ce3ff !important;
  background: rgba(18, 112, 153, 0.22) !important;
}

@media (max-width: 700px) {
  body[data-theme] .member-mobile-nav,
  body[data-theme] .payment-mobile-nav {
    min-height: 86px !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 22px 22px 0 0 !important;
    background: linear-gradient(180deg, rgba(7, 25, 45, .94), rgba(2, 10, 22, .99)) !important;
    box-shadow: 0 -12px 35px rgba(0, 0, 0, .72), 0 -2px 28px rgba(15, 133, 213, .22), inset 0 1px 0 rgba(108, 220, 255, .16) !important;
  }

  body[data-theme] .member-mobile-nav a,
  body[data-theme] .payment-mobile-nav a {
    min-height: 0 !important;
    padding: 7px 3px !important;
    border-radius: 10px !important;
    background: transparent !important;
  }

  body[data-theme] .member-mobile-nav a.active,
  body[data-theme] .payment-mobile-nav a.active {
    border: 1px solid rgba(34, 215, 255, .28) !important;
    background: rgba(18, 112, 153, .2) !important;
    box-shadow: inset 0 0 14px rgba(34, 215, 255, .08), 0 0 14px rgba(34, 215, 255, .08) !important;
  }
}

body[data-theme="light"] .admin-bottom-nav,
body[data-theme="system"] .admin-bottom-nav {
  background: rgba(255, 255, 255, .96) !important;
  border-color: var(--nlc-line) !important;
  box-shadow: 0 12px 35px rgba(31, 73, 87, .16) !important;
}

body[data-theme="light"] .admin-bottom-nav a,
body[data-theme="system"] .admin-bottom-nav a {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .subscription-panel-head,
body[data-theme="system"] .subscription-panel-head {
  border-bottom-color: var(--nlc-line) !important;
}

body[data-theme="light"] .subscription-stat span,
body[data-theme="system"] .subscription-stat span {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .subscription-stat strong,
body[data-theme="system"] .subscription-stat strong {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .subscription-plan-badge,
body[data-theme="system"] .subscription-plan-badge,
body[data-theme="light"] .subscription-state,
body[data-theme="system"] .subscription-state {
  background: var(--nlc-panel) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  color: var(--nlc-blue) !important;
}

body[data-theme="light"] .subscription-plan-badge.premium,
body[data-theme="system"] .subscription-plan-badge.premium {
  background: #f1edff !important;
  border-color: #c8b9f0 !important;
  color: #6946a5 !important;
}

body[data-theme="light"] .subscription-plan-badge.vip,
body[data-theme="system"] .subscription-plan-badge.vip {
  background: #e5f7fa !important;
  border-color: #a8dce4 !important;
  color: #167083 !important;
}

body[data-theme="light"] .subscription-plan-badge.basic,
body[data-theme="system"] .subscription-plan-badge.basic {
  background: var(--nlc-panel-raised) !important;
  border-color: var(--nlc-line) !important;
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .subscription-state.active,
body[data-theme="system"] .subscription-state.active {
  background: #e5f6ef !important;
  border-color: #9bd8c0 !important;
  color: #167957 !important;
}

body[data-theme="light"] .subscription-state.pending,
body[data-theme="system"] .subscription-state.pending {
  background: #fff5df !important;
  border-color: #e7c77b !important;
  color: #8a6213 !important;
}

body[data-theme="light"] .subscription-state.inactive,
body[data-theme="system"] .subscription-state.inactive {
  background: #ffedf0 !important;
  border-color: #e5aab4 !important;
  color: #a63d50 !important;
}

body[data-theme="light"] .trade-summary-stat span,
body[data-theme="system"] .trade-summary-stat span {
  color: var(--nlc-muted) !important;
}

.member-mobile-nav {
  display: none;
}

@media (max-width: 700px) {
  .member-mobile-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    padding: 8px 8px max(8px, env(safe-area-inset-bottom));
    border: 1px solid var(--nlc-surface-blue-line);
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: rgba(9, 18, 28, 0.98);
    box-shadow: none;
    backdrop-filter: none;
  }

  .member-mobile-nav a {
    display: grid;
    justify-items: center;
    gap: 4px;
    min-width: 0;
    padding: 7px 4px;
    border-radius: 8px;
    color: var(--nlc-muted);
    font: 9px Manrope, sans-serif;
    text-decoration: none;
  }

  .member-mobile-nav a.active {
    color: var(--nlc-cyan);
    background: var(--nlc-surface-blue-raised);
  }
}

body[data-theme="dark"] .mobile-nav,
body[data-theme="dark"] .payment-mobile-nav,
body[data-theme="dark"] .admin-bottom-nav {
  background: #07111d !important;
  border-color: var(--nlc-surface-blue-line) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, .55) !important;
}

body[data-theme="dark"] .mobile-nav a,
body[data-theme="dark"] .payment-mobile-nav a,
body[data-theme="dark"] .admin-bottom-nav a {
  color: var(--nlc-muted) !important;
}

body[data-theme="dark"] .mobile-nav a.active,
body[data-theme="dark"] .payment-mobile-nav a.active,
body[data-theme="dark"] .admin-bottom-nav a.active {
  color: var(--nlc-cyan) !important;
  background: var(--nlc-surface-blue-raised) !important;
}

body[data-theme="dark"] .admin-alerts-panel {
  border-color: rgba(64, 145, 188, .38) !important;
  background: radial-gradient(circle at 100% 0, rgba(16, 112, 153, .16), transparent 38%), linear-gradient(145deg, rgba(10, 30, 46, .95), rgba(6, 16, 27, .98)) !important;
  color: #e9f8ff !important;
}

body[data-theme="dark"] .admin-alerts-panel .panel-subtitle,
body[data-theme="dark"] .admin-alerts-summary {
  color: #7895ae !important;
}

@media (max-width: 700px) {
  body[data-theme="dark"] .mobile-nav,
  body[data-theme="dark"] .member-mobile-nav,
  body[data-theme="dark"] .payment-mobile-nav,
  body[data-theme="dark"] .admin-bottom-nav {
    background: linear-gradient(180deg, rgba(7, 25, 45, .96), rgba(2, 10, 22, .99)) !important;
    border-color: rgba(72, 151, 194, .52) !important;
    box-shadow: 0 -12px 35px rgba(0, 0, 0, .72), 0 -2px 28px rgba(15, 133, 213, .22), inset 0 1px 0 rgba(108, 220, 255, .16) !important;
  }

  body[data-theme="dark"] .mobile-nav a,
  body[data-theme="dark"] .member-mobile-nav a,
  body[data-theme="dark"] .payment-mobile-nav a,
  body[data-theme="dark"] .admin-bottom-nav a { color: #7890aa !important; }

  body[data-theme="dark"] .mobile-nav a.active,
  body[data-theme="dark"] .member-mobile-nav a.active,
  body[data-theme="dark"] .payment-mobile-nav a.active,
  body[data-theme="dark"] .admin-bottom-nav a.active {
    border-color: rgba(34, 215, 255, .3) !important;
    background: rgba(18, 112, 153, .22) !important;
    color: #6ce3ff !important;
  }

  body[data-theme="light"] .mobile-nav,
  body[data-theme="light"] .member-mobile-nav,
  body[data-theme="light"] .payment-mobile-nav,
  body[data-theme="light"] .admin-bottom-nav,
  body[data-theme="system"] .mobile-nav,
  body[data-theme="system"] .member-mobile-nav,
  body[data-theme="system"] .payment-mobile-nav,
  body[data-theme="system"] .admin-bottom-nav {
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(235, 246, 250, .98)) !important;
    border-color: #b9d4df !important;
    box-shadow: 0 -12px 35px rgba(31, 75, 97, .16), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  }

  body[data-theme="light"] .mobile-nav a,
  body[data-theme="light"] .member-mobile-nav a,
  body[data-theme="light"] .payment-mobile-nav a,
  body[data-theme="light"] .admin-bottom-nav a,
  body[data-theme="system"] .mobile-nav a,
  body[data-theme="system"] .member-mobile-nav a,
  body[data-theme="system"] .payment-mobile-nav a,
  body[data-theme="system"] .admin-bottom-nav a { color: #547181 !important; }

  body[data-theme="light"] .mobile-nav a.active,
  body[data-theme="light"] .member-mobile-nav a.active,
  body[data-theme="light"] .payment-mobile-nav a.active,
  body[data-theme="light"] .admin-bottom-nav a.active,
  body[data-theme="system"] .mobile-nav a.active,
  body[data-theme="system"] .member-mobile-nav a.active,
  body[data-theme="system"] .payment-mobile-nav a.active,
  body[data-theme="system"] .admin-bottom-nav a.active {
    border-color: rgba(16, 141, 190, .3) !important;
    background: rgba(34, 174, 202, .12) !important;
    color: #087ca8 !important;
  }

  body[data-theme="light"] .mobile-nav a.mobile-dock-center,
  body[data-theme="light"] .member-mobile-nav a.mobile-dock-center,
  body[data-theme="light"] .admin-bottom-nav a.admin-dock-center,
  body[data-theme="system"] .mobile-nav a.mobile-dock-center,
  body[data-theme="system"] .member-mobile-nav a.mobile-dock-center,
  body[data-theme="system"] .admin-bottom-nav a.admin-dock-center {
    border-color: #168df0 !important;
    background: radial-gradient(circle at 50% 35%, #2b8feb, #1263c6 65%, #08428f) !important;
    color: #fff !important;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .98), 0 0 22px rgba(22, 141, 240, .5), inset 0 0 18px rgba(109, 226, 255, .55) !important;
  }

  body[data-theme="dark"] .mobile-nav a.mobile-dock-center,
  body[data-theme="dark"] .member-mobile-nav a.mobile-dock-center,
  body[data-theme="dark"] .admin-bottom-nav a.admin-dock-center {
    background: radial-gradient(circle at 50% 35%, #1765da, #063f9c 65%, #031e56) !important;
    color: #fff !important;
  }
}

body[data-theme="dark"] .admin-alerts-summary strong,
body[data-theme="dark"] .admin-alerts-summary a {
  color: var(--nlc-cyan) !important;
}

body[data-theme="dark"] .admin-alert-item {
  border-color: rgba(73, 132, 170, .2) !important;
  background: rgba(4, 15, 26, .52) !important;
  color: #e9f8ff !important;
}

body[data-theme="dark"] .admin-alert-item:hover,
body[data-theme="dark"] .admin-alert-item.is-unread {
  border-color: rgba(34, 215, 255, .35) !important;
  background: rgba(13, 43, 62, .55) !important;
}

body[data-theme="dark"] .admin-alert-item strong {
  color: #e9f8ff !important;
}

body[data-theme="dark"] .admin-alert-item small {
  color: #86a4b9 !important;
}

body[data-theme="dark"] .admin-alert-item time {
  color: #5f8199 !important;
}

body[data-theme="dark"] .admin-alert-item.is-urgent {
  border-color: rgba(255, 76, 98, .64) !important;
  background: linear-gradient(100deg, rgba(79, 23, 38, .78), rgba(35, 14, 27, .72)) !important;
}

body[data-theme="dark"] .admin-alert-item.is-payment-alert.payment-alert-focus {
  background: rgba(13, 66, 90, .72) !important;
}

body[data-theme="light"] .trade-summary-stat strong,
body[data-theme="system"] .trade-summary-stat strong {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .trade-card,
body[data-theme="system"] .trade-card {
  background: var(--nlc-surface-blue-raised) !important;
  border-color: var(--nlc-surface-blue-line) !important;
  color: var(--nlc-text) !important;
  box-shadow: none !important;
}

body[data-theme="light"] .trade-card-head strong,
body[data-theme="system"] .trade-card-head strong {
  color: var(--nlc-text) !important;
}

body[data-theme="light"] .trade-card-head small,
body[data-theme="system"] .trade-card-head small,
body[data-theme="light"] .trade-card-body span,
body[data-theme="system"] .trade-card-body span,
body[data-theme="light"] .trade-card-body p,
body[data-theme="system"] .trade-card-body p {
  color: var(--nlc-muted) !important;
}

body[data-theme="light"] .trade-badge.win,
body[data-theme="system"] .trade-badge.win {
  background: #e5f6ef !important;
  border-color: #9bd8c0 !important;
  color: #167957 !important;
}

body[data-theme="light"] .trade-badge.loss,
body[data-theme="system"] .trade-badge.loss {
  background: #ffedf0 !important;
  border-color: #e5aab4 !important;
  color: #a63d50 !important;
}

body[data-theme="light"] .trade-card-actions,
body[data-theme="system"] .trade-card-actions {
  border-top-color: var(--nlc-line) !important;
}

body .signal-card.state-neutral {
  animation: signal-card-neutral-beep 2.2s ease-in-out infinite;
}

body .signal-card {
  position: relative;
  --signal-progress: 50%;
  --signal-live-color: #236fcf;
  background: linear-gradient(145deg, color-mix(in srgb, var(--signal-live-color) 32%, var(--nlc-surface-blue)), var(--nlc-surface-blue)) !important;
  border-color: color-mix(in srgb, var(--signal-live-color) 84%, var(--nlc-surface-blue-line)) !important;
}

body .signal-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg, color-mix(in srgb, var(--signal-live-color) 28%, transparent), transparent 48%);
  opacity: .9;
}

body .signal-card > * {
  position: relative;
  z-index: 1;
}

body[data-theme="light"] .signal-card {
  background: linear-gradient(145deg, color-mix(in srgb, var(--signal-live-color) 62%, #ffffff), color-mix(in srgb, var(--signal-live-color) 18%, #edf5ff)) !important;
  border-color: color-mix(in srgb, var(--signal-live-color) 100%, #739bc5) !important;
  box-shadow: 0 18px 42px color-mix(in srgb, var(--signal-live-color) 34%, rgba(31, 82, 132, .12)), 0 0 0 2px color-mix(in srgb, var(--signal-live-color) 38%, transparent) !important;
}

body[data-theme="light"] .signal-card::after {
  background: linear-gradient(135deg, color-mix(in srgb, var(--signal-live-color) 52%, transparent), transparent 58%);
  opacity: 1;
}

body[data-theme="light"] .signal-card .signal-card-head h3,
body[data-theme="light"] .signal-card .trade-live-price,
body[data-theme="light"] .signal-card .trade-state-label {
  color: color-mix(in srgb, var(--signal-live-color) 78%, #102a35) !important;
}

body[data-theme="light"] .signal-card .signal-card-head p,
body[data-theme="light"] .signal-card .signal-metrics,
body[data-theme="light"] .signal-card .trade-status,
body[data-theme="light"] .signal-card .signal-meta-row .muted {
  color: #29465c !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

body[data-theme="light"] .signal-card .signal-card-eyebrow {
  color: color-mix(in srgb, var(--signal-live-color) 82%, #16344d) !important;
  font-weight: 800;
}

body[data-theme="light"] .signal-card .signal-action {
  color: #1559a6 !important;
  border-color: #5b93c9 !important;
  background: rgba(255, 255, 255, .7) !important;
  font-weight: 800;
}

body .signal-card .position-track {
  background: linear-gradient(90deg, #d32a43 0%, #236fcf 50%, #13ab70 100%) !important;
  border-color: color-mix(in srgb, var(--signal-live-color) 72%, var(--nlc-surface-blue-line)) !important;
}

body .signal-card[data-direction="SELL"] .position-track {
  background: linear-gradient(90deg, #13ab70 0%, #236fcf 50%, #d32a43 100%) !important;
}

body .signal-card .position-fill {
  background: linear-gradient(90deg, color-mix(in srgb, var(--signal-live-color) 72%, #ffffff), var(--signal-live-color)) !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--signal-live-color) 52%, transparent), inset 0 0 12px rgba(255, 255, 255, .28) !important;
}

body .signal-card .position-marker {
  background: linear-gradient(135deg, #ffffff, var(--signal-live-color)) !important;
  border-color: color-mix(in srgb, var(--signal-live-color) 78%, #102a35) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--signal-live-color) 24%, transparent), 0 0 22px color-mix(in srgb, var(--signal-live-color) 58%, transparent) !important;
}

@keyframes signal-card-profit-beep {
  0%, 100% { box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 0 color-mix(in srgb, var(--signal-live-color) 0%, transparent) !important; }
  50% { box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 5px color-mix(in srgb, var(--signal-live-color) 16%, transparent), 0 0 28px color-mix(in srgb, var(--signal-live-color) 42%, transparent) !important; }
}

@keyframes signal-card-stop-beep {
  0%, 100% { box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 0 color-mix(in srgb, var(--signal-live-color) 0%, transparent) !important; }
  50% { box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 5px color-mix(in srgb, var(--signal-live-color) 18%, transparent), 0 0 30px color-mix(in srgb, var(--signal-live-color) 48%, transparent) !important; }
}

@keyframes signal-card-neutral-beep {
  0%, 100% { box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 0 color-mix(in srgb, var(--signal-live-color) 0%, transparent) !important; }
  50% { box-shadow: 0 16px 36px rgba(31, 82, 132, .12), 0 0 0 5px color-mix(in srgb, var(--signal-live-color) 14%, transparent), 0 0 26px color-mix(in srgb, var(--signal-live-color) 36%, transparent) !important; }
}

@media (prefers-reduced-motion: reduce) {
  body .signal-card.state-profit,
  body .signal-card.state-stop,
  body .signal-card.state-neutral {
    animation: none;
  }
}