/* Neutralize Syncfusion chrome to match graphite + steel tokens */

:root {
  --color-sf-primary: #9eb6d9 !important;
  --color-sf-primary-text: #0a0b0e !important;
  --color-sf-secondary: #8b93a1 !important;
  --color-sf-content-bg-color: #12141a !important;
  --color-sf-flyout-bg-color: #12141a !important;
}

.le-carousel.e-carousel,
.e-carousel.le-carousel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.le-carousel .e-carousel-navigators .e-btn {
  background: var(--bg-elevated) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  border-radius: var(--radius) !important;
}

.le-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator-btn {
  background: rgba(242, 244, 247, 0.22) !important;
  box-shadow: none !important;
}

.le-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar.e-active .e-indicator-btn {
  background: var(--ink) !important;
}

.le-timeline.e-timeline,
.e-timeline.le-timeline {
  background: transparent !important;
}

.le-timeline .e-timeline-item .e-dot {
  background: var(--accent) !important;
  border: 2px solid var(--bg) !important;
  box-shadow: 0 0 0 1px var(--line-strong) !important;
}

.le-timeline .e-timeline-item .e-connector {
  border-color: var(--line-strong) !important;
}

.le-accordion.e-accordion,
.e-accordion.le-accordion {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius);
  background: var(--bg-elevated) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.le-accordion .e-acrdn-item {
  border-color: var(--line) !important;
}

.le-accordion .e-acrdn-header {
  background: transparent !important;
  color: var(--ink) !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
}

.le-accordion .e-acrdn-header:hover,
.le-accordion .e-acrdn-item.e-item-focus .e-acrdn-header {
  background: rgba(242, 244, 247, 0.03) !important;
}

.le-accordion .e-acrdn-panel,
.le-accordion .e-content {
  background: transparent !important;
  color: var(--ink-muted) !important;
}

.le-chips.e-chip-list .e-chip,
.e-chip-list.le-chips .e-chip {
  background: rgba(242, 244, 247, 0.05) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink-muted) !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  font-size: 0.8rem !important;
}

.le-chips.e-chip-list .e-chip .e-chip-text,
.e-chip-list.le-chips .e-chip .e-chip-text {
  color: inherit !important;
}

.le-input.e-input-group,
.le-input.e-float-input,
.e-outline.le-input,
.e-input-group.e-control-wrapper.le-input,
.e-float-input.e-control-wrapper.le-input {
  background: var(--bg-soft) !important;
  border-color: var(--line-strong) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  border-radius: var(--radius) !important;
}

.le-input input,
.le-input textarea,
.e-input-group input,
.e-float-input input,
.e-float-input textarea {
  color: var(--ink) !important;
}

.le-btn.e-btn,
.e-btn.le-btn {
  background: var(--cta) !important;
  border: none !important;
  color: var(--cta-ink) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  border-radius: var(--radius) !important;
}

.le-btn.e-btn:hover,
.e-btn.le-btn:hover {
  filter: brightness(0.94);
}