/* Ops Center — Linear dark (Onyx canvas · Charcoal chrome · Obsidian cards) */

/* ---- canvas: жёстко, чтобы фон реально переключался ---- */
[data-theme="dark"],
[data-theme="dark"] html {
  background-color: var(--surface-canvas);
}

[data-theme="dark"] body {
  background-color: var(--surface-canvas) !important;
  color: var(--foreground);
  font-family: var(--font-inter-variable);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-body);
}

[data-theme="dark"] ::selection {
  background: var(--selection-bg);
  color: var(--selection-foreground);
}

[data-theme="dark"] .ops-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--surface-canvas) !important;
}

[data-theme="dark"] .ops-bg span {
  display: none !important;
}

[data-theme="dark"] .ops-bg::before,
[data-theme="dark"] .ops-bg::after {
  display: none;
}

[data-theme="dark"] .bgfield {
  display: none;
}

/* ---- shell ---- */
[data-theme="dark"] .app-shell.hub {
  background: var(--surface-canvas);
  --background: var(--surface-canvas);
}

[data-theme="dark"] .app-shell.hub,
[data-theme="dark"] .main-canvas,
[data-theme="dark"] .app-shell.hub .side {
  font-family: var(--font-inter-variable);
}

[data-theme="dark"] .main-canvas {
  background: var(--surface-canvas) !important;
}

[data-theme="dark"] .main .content,
[data-theme="dark"] .content-inner,
[data-theme="dark"] .zone-hero-wrap {
  background: var(--surface-canvas);
}

[data-theme="dark"] .app-shell.hub .side {
  background: var(--sidebar);
  border-right: 1px solid var(--sidebar-border);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-theme="dark"] .app-shell.hub .side .brand-name,
[data-theme="dark"] .app-shell.hub .side .side-foot-name {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  font-size: 14px;
  letter-spacing: -0.01em;
}

[data-theme="dark"] .app-shell.hub .side .brand-sub,
[data-theme="dark"] .app-shell.hub .side .nav-label,
[data-theme="dark"] .app-shell.hub .side .nav-ext,
[data-theme="dark"] .app-shell.hub .side .side-foot-role,
[data-theme="dark"] .app-shell.hub .side .nav-item .nav-soon {
  color: var(--text-tertiary);
}

[data-theme="dark"] .app-shell.hub .side .nav-item {
  color: var(--text-secondary);
  font-weight: var(--font-weight-regular);
  font-size: 14px;
  border-radius: var(--radius-nav);
}

[data-theme="dark"] .app-shell.hub .side .nav-item:hover {
  background: var(--surface-hover);
  color: var(--foreground);
}

[data-theme="dark"] .app-shell.hub .side .nav-item.active {
  background: var(--surface-selected);
  color: var(--color-snow);
  font-weight: var(--font-weight-medium);
}

[data-theme="dark"] .app-shell.hub .side .nav-item .nav-count {
  background: var(--primary);
  color: var(--primary-foreground);
  border-radius: var(--radius-badges);
  font-weight: var(--font-weight-medium);
  font-size: 11px;
}

[data-theme="dark"] .app-shell.hub .side .brand-mark {
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .side {
  border-right-color: var(--sidebar-border);
}

[data-theme="dark"] .side-ava {
  background: var(--color-steel);
  color: var(--color-snow);
}

/* ---- topbar (charcoal nav surface) ---- */
[data-theme="dark"] .topbar,
[data-theme="dark"] .app-shell.hub .topbar {
  background: var(--dark-surface-1) !important;
  border-bottom: 1px solid var(--border-subtle);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-theme="dark"] .crumbs {
  color: var(--text-tertiary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
}

[data-theme="dark"] .crumbs .cur {
  color: var(--foreground);
  font-weight: var(--font-weight-medium);
}

[data-theme="dark"] .period-seg,
[data-theme="dark"] .app-shell.hub .period-seg {
  background: var(--color-onyx);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-nav);
  padding: 3px;
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .period-seg button,
[data-theme="dark"] .app-shell.hub .period-seg button {
  border-radius: var(--radius-nav);
  font-size: 12px;
  font-weight: var(--font-weight-regular);
  color: var(--text-secondary);
  padding: 6px 14px;
}

[data-theme="dark"] .period-seg button.on,
[data-theme="dark"] .app-shell.hub .period-seg button.on {
  background: var(--color-steel);
  color: var(--color-snow);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .cmdk-btn {
  background: var(--surface-input);
  border: none;
  border-radius: var(--radius-inputs);
  color: var(--text-tertiary);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  box-shadow: var(--shadow-subtle-2);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-theme="dark"] .cmdk-btn:hover {
  color: var(--text-secondary);
  box-shadow: var(--shadow-subtle), var(--shadow-subtle-2);
}

[data-theme="dark"] .topbar-ava,
[data-theme="dark"] .app-shell.hub .topbar-ava {
  background: var(--color-steel);
  color: var(--color-snow);
  font-weight: var(--font-weight-medium);
}

[data-theme="dark"] .topbar-user-name {
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
}

[data-theme="dark"] .topbar-user:hover {
  background: var(--surface-hover);
}

[data-theme="dark"] .side-toggle-top,
[data-theme="dark"] .side-reopen {
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-nav);
  color: var(--text-secondary);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .side-toggle-top:hover,
[data-theme="dark"] .side-reopen:hover {
  background: var(--surface-hover);
  color: var(--foreground);
}

[data-theme="dark"] .header-utils .rp-seg {
  background: var(--color-onyx);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .header-utils .rp-seg__btn {
  color: var(--text-tertiary);
  border-radius: var(--radius-nav);
  font-weight: var(--font-weight-regular);
}

[data-theme="dark"] .header-utils .rp-seg__btn--active {
  background: var(--color-steel);
  color: var(--color-snow);
  box-shadow: var(--shadow-subtle);
}

/* ---- hero band ---- */
[data-theme="dark"] .zone-hero-wrap {
  border-bottom: 1px solid var(--border-subtle);
}

[data-theme="dark"] .hero-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-cards);
  border: none;
  background: var(--surface-card);
  color: var(--color-snow);
  box-shadow: var(--shadow-subtle), var(--shadow-sm);
}

[data-theme="dark"] .hero-card::before {
  display: none;
}

[data-theme="dark"] .hero-card--chart {
  background: var(--surface-card);
}

[data-theme="dark"] .hero-card-label {
  font-size: 12px;
  font-weight: var(--font-weight-regular);
  color: var(--text-tertiary);
  text-transform: none;
  letter-spacing: 0;
}

[data-theme="dark"] .hero-card-value {
  font-size: var(--text-heading-sm);
  font-weight: var(--font-weight-light);
  letter-spacing: var(--tracking-heading-sm);
  color: var(--color-snow);
}

[data-theme="dark"] .hero-card-sub {
  font-size: var(--text-caption);
  color: var(--text-secondary);
}

[data-theme="dark"] button.hero-card:hover {
  box-shadow: var(--shadow-subtle), var(--shadow-sm), 0 0 0 1px var(--color-indigo);
}

[data-theme="dark"] .hero-card-progress {
  background: var(--color-charcoal);
  border-radius: 2px;
}

[data-theme="dark"] .hero-card--blue .hero-card-progress-fill { background: var(--color-indigo); }
[data-theme="dark"] .hero-card--peach .hero-card-progress-fill { background: var(--color-cyan); }
[data-theme="dark"] .hero-card--lavender .hero-card-progress-fill { background: var(--color-indigo); }

/* ---- cards (inset graphite + drop shadow, no ghost-card) ---- */
[data-theme="dark"] .main-canvas .rp-card,
[data-theme="dark"] .main-canvas .rp-card.rp-card--glass,
[data-theme="dark"] .rp-card,
[data-theme="dark"] .rp-card--glass {
  background: var(--surface-card) !important;
  border: none !important;
  border-radius: var(--radius-cards) !important;
  box-shadow: var(--shadow-subtle), var(--shadow-sm) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="dark"] .main-canvas .rp-card__body,
[data-theme="dark"] .rp-card__body {
  color: var(--text-primary);
}

[data-theme="dark"] .main-canvas .card-head-title,
[data-theme="dark"] .main-canvas .cl-toolbar-title,
[data-theme="dark"] .rp-card__title,
[data-theme="dark"] .t-h3 {
  font-family: var(--font-inter-variable);
  font-weight: var(--font-weight-regular);
  font-size: var(--text-subheading);
  letter-spacing: var(--tracking-subheading);
  color: var(--color-snow);
}

[data-theme="dark"] .main-canvas .card-head-sub,
[data-theme="dark"] .main-canvas .cl-toolbar-sub,
[data-theme="dark"] .rp-card__subtitle {
  color: var(--text-secondary);
  font-size: var(--text-caption);
}

[data-theme="dark"] .main-canvas .ov-inset,
[data-theme="dark"] .ov-inset {
  background: var(--color-charcoal);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

/* ---- funnel ---- */
[data-theme="dark"] .main-canvas .ov-funnel--v2 .ov-funnel-stage {
  background: var(--funnel-stage-muted);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .main-canvas .ov-funnel--v2 .ov-funnel-stage--goal {
  background: var(--color-indigo);
  border-color: color-mix(in srgb, var(--color-indigo) 70%, var(--color-graphite));
  box-shadow: none;
}

[data-theme="dark"] .main-canvas .ov-funnel--v2 .ov-funnel-stage--goal .ov-funnel-stage-label,
[data-theme="dark"] .main-canvas .ov-funnel--v2 .ov-funnel-stage--goal .ov-funnel-stage-val,
[data-theme="dark"] .main-canvas .ov-funnel--v2 .ov-funnel-stage--goal .ov-funnel-stage-kicker {
  color: var(--color-snow);
}

[data-theme="dark"] .main-canvas .ov-funnel--v2 .ov-funnel-stage-val {
  font-weight: var(--font-weight-medium);
  font-size: clamp(18px, 2vw, 24px);
  letter-spacing: -0.02em;
}

[data-theme="dark"] .main-canvas .ov-funnel--v2 .ov-funnel-conv-val {
  background: var(--color-onyx);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-badges);
  color: var(--text-secondary);
  font-weight: var(--font-weight-regular);
  font-size: 10px;
}

/* ---- pipeline ---- */
[data-theme="dark"] .main-canvas .ov-pipe-banner {
  background: transparent;
  color: var(--pipe-banner-fg);
  border-bottom: 1px solid var(--border-subtle);
}

[data-theme="dark"] .main-canvas .ov-pipe-stat {
  background: var(--color-charcoal);
  border: none;
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .main-canvas .ov-pipe-stat-val {
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
}

[data-theme="dark"] .main-canvas .ov-pipe-group-count,
[data-theme="dark"] .main-canvas .ov-pipe-section-count {
  background: var(--primary-soft);
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border-subtle));
  color: var(--primary);
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-badges);
}

[data-theme="dark"] .main-canvas button.ov-pipe-item,
[data-theme="dark"] .ov-mini {
  background: var(--color-obsidian);
  border: none;
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .main-canvas button.ov-pipe-item:hover,
[data-theme="dark"] button.ov-mini:hover {
  background: var(--surface-hover);
  box-shadow: var(--shadow-subtle), 0 0 0 1px var(--color-indigo);
}

/* ---- flow ---- */
[data-theme="dark"] .main-canvas .ov-inset.ov-flow {
  background: var(--ov-flow-inset);
  border-color: var(--border-subtle);
}

[data-theme="dark"] .main-canvas .ov-flow-item {
  background: var(--surface-card);
  border: none;
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .main-canvas .ov-flow-progress {
  background: var(--color-charcoal);
}

[data-theme="dark"] .main-canvas .ov-flow-progress-fill {
  background: var(--ov-flow-progress-fill);
}

/* ---- page head ---- */
[data-theme="dark"] .ph-h1 {
  font-family: var(--font-inter-variable);
  font-size: var(--text-heading-sm);
  font-weight: var(--font-weight-light);
  letter-spacing: var(--tracking-heading-sm);
  color: var(--foreground);
  text-wrap: balance;
}

[data-theme="dark"] .ph-lede {
  font-size: var(--text-body-lg);
  color: var(--text-secondary);
  line-height: var(--leading-body-lg);
}

[data-theme="dark"] .ph-eyebrow {
  color: var(--color-indigo);
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
}

/* ---- segmented controls ---- */
[data-theme="dark"] .ov-chips,
[data-theme="dark"] .ov-cost-tabs {
  background: var(--color-onyx);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-nav);
  padding: 3px;
  gap: 2px;
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .ov-chip,
[data-theme="dark"] .ov-cost-tab,
[data-theme="dark"] .feed-catchip {
  border: none !important;
  border-radius: var(--radius-nav) !important;
  background: transparent !important;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-regular);
  backdrop-filter: none !important;
}

[data-theme="dark"] .ov-chip.on,
[data-theme="dark"] .ov-cost-tab.on,
[data-theme="dark"] .feed-catchip.on {
  background: var(--color-steel) !important;
  color: var(--color-snow) !important;
  box-shadow: var(--shadow-subtle) !important;
}

/* lime = primary filled CTA only */
[data-theme="dark"] .ov-exc-cta,
[data-theme="dark"] .cta-lk,
[data-theme="dark"] .rp-btn--primary,
[data-theme="dark"] button.rp-btn.rp-btn--primary {
  background: var(--color-acid-lime) !important;
  color: var(--color-ink-on-lime) !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: 14px;
  border: none !important;
  border-radius: var(--radius-buttons) !important;
  box-shadow: var(--shadow-subtle-3) !important;
  padding: 8px 16px;
}

[data-theme="dark"] .ov-exc-cta:hover,
[data-theme="dark"] .cta-lk:hover,
[data-theme="dark"] .rp-btn--primary:hover {
  filter: brightness(1.04);
}

/* ---- status tags ---- */
[data-theme="dark"] .ov-tag.danger,
[data-theme="dark"] .rp-badge--danger,
[data-theme="dark"] .rp-badge--blocked {
  background: color-mix(in srgb, var(--color-crimson) 12%, var(--surface-card)) !important;
  color: var(--color-crimson) !important;
  border-radius: var(--radius-badges);
}

[data-theme="dark"] .ov-tag.warn,
[data-theme="dark"] .rp-badge--warning,
[data-theme="dark"] .rp-badge--thinking {
  background: var(--warning-soft) !important;
  color: var(--warning-strong) !important;
  border-radius: var(--radius-badges);
}

[data-theme="dark"] .ov-tag.ok,
[data-theme="dark"] .rp-badge--success,
[data-theme="dark"] .rp-badge--approved {
  background: var(--success-soft) !important;
  color: var(--success-strong) !important;
  border-radius: var(--radius-badges);
}

[data-theme="dark"] .ov-tag.muted,
[data-theme="dark"] .rp-badge--accent {
  background: color-mix(in srgb, var(--color-slate) 16%, var(--surface-card)) !important;
  color: var(--text-secondary) !important;
  border-radius: var(--radius-badges);
}

[data-theme="dark"] .main-canvas .ov-priority-tag {
  background: var(--primary-soft);
  color: var(--color-indigo);
  border-radius: var(--radius-badges);
  font-weight: var(--font-weight-medium);
}

/* ---- lists & feed ---- */
[data-theme="dark"] .ov-exc-title,
[data-theme="dark"] .feed-title,
[data-theme="dark"] .uni-t,
[data-theme="dark"] .crit-title {
  font-weight: var(--font-weight-medium);
  font-size: 14px;
  color: var(--text-primary);
}

[data-theme="dark"] .feed-time,
[data-theme="dark"] .ov-exc-meta,
[data-theme="dark"] .crit-obj {
  color: var(--text-tertiary);
  font-size: var(--text-micro-sm);
  font-family: var(--font-berkeley-mono);
}

[data-theme="dark"] .ov-signal.warn,
[data-theme="dark"] .ov-signal.flow {
  background: var(--color-charcoal);
  color: var(--text-secondary);
  border: none;
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

[data-theme="dark"] .feed-clarify {
  background: var(--color-charcoal) !important;
  border: none !important;
  border-radius: var(--radius-nav) !important;
  box-shadow: var(--shadow-subtle) !important;
}

[data-theme="dark"] button.uni-row:hover,
[data-theme="dark"] .cl-tbl tbody tr:hover,
[data-theme="dark"] button.feed-row:hover {
  background: var(--surface-hover) !important;
}

[data-theme="dark"] .ov.ov-zone .team-roster-group .cl-tbl thead th {
  background: var(--color-charcoal);
  color: var(--text-secondary);
  border-bottom-color: var(--border-subtle);
  font-weight: var(--font-weight-medium);
  font-size: 11px;
}

[data-theme="dark"] .ov.ov-zone .team-group-head .mr-icontile {
  background: var(--primary-soft) !important;
  border: none !important;
  box-shadow: var(--shadow-subtle) !important;
  color: var(--color-indigo) !important;
}

[data-theme="dark"] .ov-foot-v,
[data-theme="dark"] .tm-v,
[data-theme="dark"] .main-canvas .ov-budget-pct,
[data-theme="dark"] .main-canvas .ov-budget-spent {
  color: var(--foreground);
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
}

[data-theme="dark"] .tm-cell {
  background: var(--color-charcoal);
  border: none;
  border-radius: var(--radius-nav);
  box-shadow: var(--shadow-subtle);
}

/* ---- modals ---- */
[data-theme="dark"] .cmdk-ov,
[data-theme="dark"] .nlk-ov {
  background: var(--overlay-drawer);
}

[data-theme="dark"] .cmdk-modal,
[data-theme="dark"] .nlk-modal {
  background: var(--surface-card);
  border: none;
  border-radius: var(--radius-cards);
  box-shadow: var(--shadow-xl);
}

[data-theme="dark"] .cmdk-res {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}

/* ---- mobile nav ---- */
[data-theme="dark"] .mobile-bottom-nav {
  background: var(--surface-nav);
  border-top: 1px solid var(--border-subtle);
  box-shadow: none;
}

[data-theme="dark"] .mbn-item {
  color: var(--text-tertiary);
  font-weight: var(--font-weight-regular);
}

[data-theme="dark"] .mbn-item.active,
[data-theme="dark"] .mbn-item.open {
  color: var(--color-indigo);
}

[data-theme="dark"] .mbn-sheet {
  background: var(--surface-card);
  border-top: 1px solid var(--border-subtle);
  border-radius: var(--radius-cards) var(--radius-cards) 0 0;
}

/* ---- focus ---- */
[data-theme="dark"] button:focus-visible,
[data-theme="dark"] a:focus-visible,
[data-theme="dark"] input:focus-visible,
[data-theme="dark"] textarea:focus-visible {
  outline: none;
  box-shadow: var(--ring-focus);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-color: var(--background);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

/* ---- kill light-shell glass leaks in dark ---- */
[data-theme="dark"] .main-canvas [style*="rgba(255"],
[data-theme="dark"] .ov-chip,
[data-theme="dark"] .ov-cost-tab,
[data-theme="dark"] .feed-catchip,
[data-theme="dark"] .cl-seg-btn,
[data-theme="dark"] .cl-filter-chip,
[data-theme="dark"] .kart-seg-btn,
[data-theme="dark"] .an-seg-btn,
[data-theme="dark"] .site-seg-btn,
[data-theme="dark"] .mr-glass,
[data-theme="dark"] .cl-glass-row,
[data-theme="dark"] .feed-glass,
[data-theme="dark"] .uni-glass,
[data-theme="dark"] .pj-glass,
[data-theme="dark"] .pd-glass,
[data-theme="dark"] .ov-cal-pop,
[data-theme="dark"] .cl-stat,
[data-theme="dark"] .kart-agg,
[data-theme="dark"] .cl-drawer-panel,
[data-theme="dark"] .cl-card-glass,
[data-theme="dark"] .feed-clarify,
[data-theme="dark"] .an-kpi-glass,
[data-theme="dark"] .site-kpi-glass {
  background: var(--surface-card) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: var(--border-subtle) !important;
  box-shadow: var(--shadow-subtle) !important;
}

[data-theme="dark"] .rp-btn--ghost,
[data-theme="dark"] button.rp-btn.rp-btn--ghost {
  border: 1px solid var(--border-subtle) !important;
  color: var(--foreground) !important;
  border-radius: var(--radius-buttons) !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-theme="dark"] .cl-tbl thead th {
  background: var(--color-charcoal);
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-subtle);
  font-weight: var(--font-weight-medium);
  font-size: 11px;
}

[data-theme="dark"] .cl-tbl td {
  border-bottom-color: var(--border-subtle);
  color: var(--text-primary);
  font-size: 14px;
}

[data-theme="dark"] .deals-total td {
  background: var(--color-charcoal) !important;
  border-top-color: var(--border-subtle) !important;
}

[data-theme="dark"] .cmdk-input-row input {
  font-family: var(--font-inter-variable);
  font-size: 14px;
  color: var(--foreground);
  background: var(--surface-input);
  border: none;
  border-radius: var(--radius-inputs);
  box-shadow: var(--shadow-subtle-2);
}

/* ---- typography overrides (inline HTML Manrope/800) ---- */
[data-theme="dark"] .nlk-title,
[data-theme="dark"] .nlk-success-t,
[data-theme="dark"] .ov-live-head,
[data-theme="dark"] .cc-sec-t,
[data-theme="dark"] .pj-title,
[data-theme="dark"] .ph-sub,
[data-theme="dark"] .pd-title,
[data-theme="dark"] .placeholder-h,
[data-theme="dark"] .feed-clarify-t,
[data-theme="dark"] .brand-name,
[data-theme="dark"] .ph-h1,
[data-theme="dark"] .ph-eyebrow {
  font-family: var(--font-inter-variable) !important;
  font-weight: var(--font-weight-medium) !important;
  letter-spacing: -0.01em !important;
}

[data-theme="dark"] .kart-agg-v,
[data-theme="dark"] .tm-v,
[data-theme="dark"] .tc-fin-v,
[data-theme="dark"] .ov-foot-v {
  font-weight: var(--font-weight-medium) !important;
  letter-spacing: -0.02em !important;
}

[data-theme="dark"] .feed-day-l {
  font-weight: var(--font-weight-regular) !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  color: var(--text-tertiary) !important;
}

[data-theme="dark"] .side-collapse-btn {
  border-radius: var(--radius-nav);
  font-weight: var(--font-weight-regular);
}

[data-theme="dark"] .nav-label {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px;
  font-weight: var(--font-weight-medium);
}

@media (prefers-reduced-motion: reduce) {
  [data-theme="dark"] .cmdk-modal,
  [data-theme="dark"] .nlk-modal,
  [data-theme="dark"] .cmdk-ov,
  [data-theme="dark"] .nlk-ov {
    animation: none;
    transform: none;
  }
}