/* platform_pages.css — shared styles for onboarding, trades, message generator, profile, etc. */

.ta-setup {
  --setup-radius: 1rem;
  --setup-radius-lg: 1.25rem;
  --setup-accent: #4af28e;
  --setup-accent-soft: rgba(74, 242, 142, 0.16);
  --setup-success: #4ade80;
  --setup-success-soft: rgba(74, 222, 128, 0.12);
  --setup-warn: #fbbf24;
  --setup-warn-soft: rgba(251, 191, 36, 0.12);
  --setup-card-bg: rgba(15, 23, 42, 0.55);
  --setup-card-border: rgba(148, 163, 184, 0.14);
  --setup-muted: #94a3b8;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 3.5rem;
  box-sizing: border-box
}

.ta-setup__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(80% 60% at 50% -10%, rgba(74, 242, 142, 0.1), transparent 55%), radial-gradient(70% 50% at 100% 40%, rgba(74, 222, 128, 0.06), transparent 50%), linear-gradient(180deg, #070b14 0%, #0a0f1a 40%, #0c1018 100%);
  opacity: 0.95
}

html[data-app-theme="light"] .ta-setup__bg {
  background: radial-gradient(80% 60% at 50% -10%, rgba(74, 242, 142, 0.07), transparent 55%), radial-gradient(70% 50% at 100% 40%, rgba(34, 197, 94, 0.06), transparent 50%), linear-gradient(180deg, #f1f5f9 0%, #f8fafc 100%);
  opacity: 1
}

.ta-setup__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box
}

.ta-setup__header {
  margin-bottom: 1.5rem;
  padding: 0 0 1.5rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12)
}

html[data-app-theme="light"] .ta-setup__header {
  border-bottom-color: rgba(15, 23, 42, 0.08)
}

.ta-setup__eyebrow {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #94a3b8;
  margin: 0 0 0.5rem
}

html[data-app-theme="light"] .ta-setup__eyebrow {
  color: #64748b
}

.ta-setup__title {
  font-size: clamp(1.45rem, 3vw, 1.85rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin: 0;
  color: #f1f5f9
}

html[data-app-theme="light"] .ta-setup__title {
  color: #0f172a
}

.ta-setup__subtitle {
  margin: 0.65rem 0 0;
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--setup-muted);
  max-width: 48rem
}

.ta-setup__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap
}

.ta-setup__reset-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  text-decoration: none;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  border-radius: 0.6rem;
  padding: 0.38rem 0.72rem;
  border: 1px solid transparent;
  flex-shrink: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease
}

.ta-setup__reset-btn i {
  font-size: 0.85rem;
  line-height: 1
}

.ta-setup__reset-btn:hover {
  transform: translateY(-1px)
}

.ta-setup__reset-btn:hover i {
  animation: ta-reset-spin 0.45s ease
}

@keyframes ta-reset-spin {
  from { transform: rotate(0deg) }
  to { transform: rotate(360deg) }
}

html[data-app-theme="light"] .ta-setup__subtitle {
  color: #64748b
}

html[data-app-theme="light"] .ta-setup__reset-btn {
  background: linear-gradient(180deg, #ffffff 0%, #fff5f4 100%);
  border-color: rgba(220, 68, 55, 0.45);
  color: #b42318;
  box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0 2px 8px rgba(180,35,24,0.08)
}

html[data-app-theme="light"] .ta-setup__reset-btn:hover {
  background: linear-gradient(180deg, #fff1f0 0%, #ffe4e1 100%);
  border-color: rgba(200, 50, 40, 0.65);
  color: #7f1d1d
}

html[data-app-theme="dark"] .ta-setup__reset-btn {
  background: linear-gradient(165deg, rgba(220, 38, 38, 0.18) 0%, rgba(15, 23, 42, 0.82) 100%);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fca5a5;
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset
}

html[data-app-theme="dark"] .ta-setup__reset-btn:hover {
  background: linear-gradient(165deg, rgba(220, 38, 38, 0.28) 0%, rgba(15, 23, 42, 0.88) 100%);
  border-color: rgba(252, 165, 165, 0.5);
  color: #fecaca
}

.ta-setup__progress {
  margin-top: 1.25rem
}

.ta-setup__progress-label {
  font-size: 0.92rem;
  font-weight: 700;
  color: #cbd5e1;
  margin: 0 0 0.35rem;
  letter-spacing: 0.02em
}

html[data-app-theme="light"] .ta-setup__progress-label {
  color: #475569
}

.ta-setup__progress-sub {
  font-size: 0.78rem;
  color: var(--setup-muted);
  margin: 0 0 0.55rem;
  line-height: 1.45
}

html[data-app-theme="light"] .ta-setup__progress-sub {
  color: #64748b
}

.ta-setup__progress-track {
  height: 0.35rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.15);
  overflow: hidden
}

html[data-app-theme="light"] .ta-setup__progress-track {
  background: rgba(15, 23, 42, 0.08)
}

.ta-setup__progress-fill {
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #4af28e, #22c55e);
  transition: width 0.45s ease
}

.ta-setup__stream {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0;
  box-sizing: border-box
}

.ta-setup__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch
}

.ta-setup__step {
  width: 100%;
  max-width: 100%;
  align-self: stretch;
  border-radius: var(--setup-radius-lg);
  border: 1px solid var(--setup-card-border);
  background: var(--setup-card-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 32px -16px rgba(0, 0, 0, 0.45);
  padding: 0;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease
}

html[data-app-theme="light"] .ta-setup__step {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 8px 28px -12px rgba(15, 23, 42, 0.1)
}

.ta-setup__step-head {
  padding: 1rem 1.2rem 0.85rem;
  margin: 0
}

.ta-setup__step-head-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem
}

.ta-setup__step-text {
  min-width: 0;
  flex: 1
}

.ta-setup__lesson-kicker {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.95);
  margin: 0 0 0.35rem
}

html[data-app-theme="light"] .ta-setup__lesson-kicker {
  color: #64748b
}

.ta-setup__lesson-num {
  background: linear-gradient(90deg, #ff4d57 0%, #ff6f95 45%, #ff4d57 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 800;
  text-shadow: 0 0 18px rgba(255, 77, 87, 0.35)
}

html[data-app-theme="light"] .ta-setup__lesson-num {
  background: linear-gradient(90deg, #dc2626 0%, #e11d48 50%, #dc2626 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: none
}

.ta-setup__step-tools {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  flex-shrink: 0
}

.ta-setup__pill {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap
}

.ta-setup__pill.ta-setup__badge--active {
  background: var(--setup-accent-soft);
  color: var(--setup-accent);
  border-color: rgba(74, 242, 142, 0.32)
}

.ta-setup__pill.ta-setup__badge--done {
  background: var(--setup-success-soft);
  color: #86efac;
  border-color: rgba(74, 222, 128, 0.28)
}

.ta-setup__pill.ta-setup__badge--pending {
  background: var(--setup-warn-soft);
  color: #fcd34d;
  border: 1px solid rgba(251, 191, 36, 0.25)
}

html[data-app-theme="light"] .ta-setup__pill.ta-setup__badge--active {
  color: #15803d;
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.28)
}

html[data-app-theme="light"] .ta-setup__pill.ta-setup__badge--done {
  color: #15803d;
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.25)
}

html[data-app-theme="light"] .ta-setup__pill.ta-setup__badge--pending {
  color: #b45309;
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.3)
}

.ta-setup__disclosure {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 0.55rem;
  background: rgba(2, 6, 23, 0.35);
  color: #86efac;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
  flex-shrink: 0
}

.ta-setup__disclosure:hover {
  border-color: rgba(74, 242, 142, 0.45);
  background: rgba(74, 242, 142, 0.1)
}

.ta-setup__disclosure-ico {
  display: block;
  transition: transform 0.25s ease;
  font-size: 1rem;
  line-height: 1
}

.ta-setup__step--active .ta-setup__disclosure,
.ta-setup__step--done .ta-setup__disclosure {
  display: inline-flex
}

.ta-setup__step--upcoming .ta-setup__disclosure {
  display: none !important
}

.ta-setup__step--celebrate.ta-setup__step--active .ta-setup__disclosure {
  display: inline-flex !important
}

.ta-setup__step--collapsed .ta-setup__disclosure .ta-setup__disclosure-ico {
  transform: rotate(-90deg)
}

html[data-app-theme="light"] .ta-setup__disclosure {
  background: rgba(255, 255, 255, 0.9);
  color: #15803d;
  border-color: rgba(15, 23, 42, 0.12)
}

.ta-setup__step--done .ta-setup__step-head {
  padding-bottom: 0.85rem
}

.ta-setup__step--active .ta-setup__step-head {
  padding-bottom: 0.65rem
}

.ta-setup__step--upcoming {
  opacity: 0.62;
  pointer-events: none;
  user-select: none
}

.ta-setup__step--done {
  border-color: rgba(74, 222, 128, 0.28);
  opacity: 0.92
}

.ta-setup__step--done.ta-setup__step--active {
  opacity: 1
}

.ta-setup__step--active {
  border-color: rgba(74, 242, 142, 0.42);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 0 1px rgba(74, 242, 142, 0.12), 0 16px 40px -18px rgba(74, 242, 142, 0.2);
  opacity: 1
}

.ta-setup__step--celebrate.ta-setup__step--active {
  border-color: rgba(74, 222, 128, 0.45);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 0 1px rgba(74, 222, 128, 0.15), 0 16px 48px -14px rgba(74, 222, 128, 0.18)
}

.ta-setup__step.ta-setup__step--flash {
  animation: ta-setup-step-flash 0.65s ease
}

@keyframes ta-setup-step-flash {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.45)
  }

  40% {
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2), 0 16px 40px -12px rgba(74, 222, 128, 0.25)
  }

  100% {
    box-shadow: inherit
  }
}

@media (prefers-reduced-motion:reduce) {
  .ta-setup__step.ta-setup__step--flash {
    animation: none
  }
}

.ta-setup__step-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0
}

.ta-setup__step-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  min-width: 0
}

.ta-setup__step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 0.45rem;
  font-size: 0.75rem;
  font-weight: 800;
  background: rgba(74, 242, 142, 0.14);
  color: #86efac;
  flex-shrink: 0
}

html[data-app-theme="light"] .ta-setup__step-num {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d
}

.ta-setup__step--done .ta-setup__step-num {
  background: var(--setup-success-soft);
  color: var(--setup-success)
}

.ta-setup__step--upcoming .ta-setup__step-num {
  background: rgba(148, 163, 184, 0.12);
  color: var(--setup-muted)
}

.ta-setup__step-title {
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
  color: #f8fafc
}

html[data-app-theme="light"] .ta-setup__step-title {
  color: #0f172a
}

.ta-setup__step-sub {
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--setup-muted);
  margin: 0.4rem 0 0;
  max-width: 100%
}

.ta-setup__lesson-check {
  margin-top: 0.52rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.76rem;
  color: rgba(148, 163, 184, 0.95);
  user-select: none;
  cursor: pointer
}

.ta-setup__lesson-check-input {
  width: 0.92rem;
  height: 0.92rem;
  accent-color: #22c55e
}

.ta-setup__lesson-check.is-done {
  color: rgba(148, 163, 184, 0.95)
}

.ta-setup__lesson-check.is-done .ta-setup__lesson-check-text {
  font-weight: 600
}

html[data-app-theme="light"] .ta-setup__step-sub {
  color: #64748b
}

html[data-app-theme="light"] .ta-setup__lesson-check {
  color: #64748b
}

html[data-app-theme="light"] .ta-setup__lesson-check.is-done {
  color: #64748b
}

.ta-setup__step--done .ta-setup__step-sub {
  display: none
}

.ta-setup__step--upcoming .ta-setup__step-title {
  color: #94a3b8
}

html[data-app-theme="light"] .ta-setup__step--upcoming .ta-setup__step-title {
  color: #94a3b8
}

.ta-setup__step-summary {
  font-size: 0.82rem;
  color: #86efac;
  margin: 0.45rem 0 0;
  padding-left: 0;
  line-height: 1.45;
  display: none
}

.ta-setup__step--done .ta-setup__step-summary {
  display: block
}

html[data-app-theme="light"] .ta-setup__step-summary {
  color: #15803d
}

.ta-setup__step-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.38s ease
}

.ta-setup__step--active:not(.ta-setup__step--collapsed) .ta-setup__step-body,
.ta-setup__step--done:not(.ta-setup__step--collapsed) .ta-setup__step-body {
  grid-template-rows: 1fr
}

.ta-setup__step-body-inner {
  overflow: hidden;
  min-height: 0
}

.ta-setup__step-body-pad {
  padding: 0 1.15rem 1.1rem;
  border-top: 1px solid transparent
}

.ta-setup__step--active .ta-setup__step-body-pad,
.ta-setup__step--done .ta-setup__step-body-pad {
  border-top-color: rgba(148, 163, 184, 0.1);
  padding-top: 0.85rem
}

html[data-app-theme="light"] .ta-setup__step--active .ta-setup__step-body-pad,
html[data-app-theme="light"] .ta-setup__step--done .ta-setup__step-body-pad {
  border-top-color: rgba(15, 23, 42, 0.06)
}

.ta-setup__step-desc {
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--setup-muted);
  margin: 0 0 0.85rem;
  max-width: 38rem
}

html[data-app-theme="light"] .ta-setup__step-desc {
  color: #64748b
}

.ta-setup__sb-callout {
  margin: 1rem 0 1.2rem;
  padding: 0.7rem 0.85rem;
  border-radius: 10px;
  border: 1px solid rgba(74, 242, 142, 0.2);
  background: rgba(2, 6, 23, 0.32);
  max-width: 40rem
}

html[data-app-theme="light"] .ta-setup__sb-callout {
  background: rgba(236, 253, 245, 0.65);
  border-color: rgba(22, 163, 74, 0.24)
}

.ta-setup__sb-callout .strategy-builder__badge {
  margin-bottom: 0.45rem;
  font-size: 0.6rem;
  padding: 0.22rem 0.62rem;
  opacity: 0.85
}

.ta-setup__sb-callout .strategy-builder__desc {
  margin-bottom: 0.45rem;
  font-size: 0.82rem;
  line-height: 1.5;
  color: rgba(226, 232, 240, 0.84)
}

html[data-app-theme="light"] .ta-setup__sb-callout .strategy-builder__desc {
  color: #334155
}

.ta-setup__sb-callout__name {
  background: linear-gradient(90deg, #ff4d57 0%, #ff6f95 45%, #ff4d57 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 20px rgba(255, 77, 87, 0.28), 0 0 34px rgba(255, 77, 87, 0.18);
  font-weight: 700;
  text-decoration: none;
  transition: filter 0.2s ease, text-shadow 0.2s ease, opacity 0.2s ease
}

.ta-setup__sb-callout__name:hover {
  filter: saturate(1.15) brightness(1.08);
  text-shadow: 0 0 24px rgba(255, 77, 87, 0.34), 0 0 40px rgba(255, 77, 87, 0.22)
}

.ta-setup__sb-callout__name:focus-visible {
  outline: 2px solid rgba(255, 111, 149, 0.5);
  outline-offset: 2px;
  border-radius: 4px
}

html[data-app-theme="light"] .ta-setup__sb-callout__name {
  text-shadow: none
}

.ta-setup__sb-callout .strategy-builder__footer {
  padding-top: 0
}

.ta-setup__step-lead {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #e2e8f0;
  margin: 0 0 0.65rem;
  max-width: 40rem;
  font-weight: 600
}

html[data-app-theme="light"] .ta-setup__step-lead {
  color: #0f172a
}

.ta-setup__step-lead+.ta-setup__step-desc {
  margin-top: 0
}

.ta-setup__step-list {
  margin: 0 0 0.85rem;
  padding-left: 1.35rem;
  max-width: 40rem;
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--setup-muted)
}

html[data-app-theme="light"] .ta-setup__step-list {
  color: #475569
}

.ta-setup__step-list li {
  margin-bottom: 0.35rem
}

.ta-setup__step-list li::marker {
  color: var(--setup-accent);
  font-weight: 700
}

.ta-setup__step-lead code,
.ta-setup__step-desc code {
  font-size: 0.88em;
  padding: 0.12rem 0.35rem;
  border-radius: 0.35rem;
  background: rgba(2, 6, 23, 0.45);
  border: 1px solid rgba(148, 163, 184, 0.12)
}

html[data-app-theme="light"] .ta-setup__step-lead code,
html[data-app-theme="light"] .ta-setup__step-desc code {
  background: #f1f5f9;
  border-color: rgba(15, 23, 42, 0.08);
  color: #0f172a
}

.ta-setup__tv-icon-hint {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin: 0 0 1rem;
  padding: 0.65rem 0.9rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(2, 6, 23, 0.4);
  max-width: 36rem
}

html[data-app-theme="light"] .ta-setup__tv-icon-hint {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.08)
}

.ta-setup__tv-icon-hint__txt {
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--setup-muted);
  margin: 0
}

html[data-app-theme="light"] .ta-setup__tv-icon-hint__txt {
  color: #475569
}

.ta-setup__tv-icon-hint--panel {
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  max-width: min(100%, 28rem)
}

.ta-setup__tv-icon-hint__panel-frame {
  flex-shrink: 0;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: #131722;
  line-height: 0;
  align-self: center;
  width: 100%;
  max-width: 24rem
}

html[data-app-theme="light"] .ta-setup__tv-icon-hint__panel-frame {
  border-color: rgba(15, 23, 42, 0.1)
}

.ta-setup__tv-icon-hint__panel-img {
  width: 100%;
  height: auto;
  display: block;
  max-height: clamp(10rem, 52vw, 16rem);
  object-fit: contain;
  object-position: right center
}

.ta-setup__tv-icon-hint--condition .ta-setup__tv-icon-hint__panel-frame {
  max-width: min(100%, 26rem)
}

.ta-setup__tv-icon-hint--condition .ta-setup__tv-icon-hint__panel-img {
  max-height: clamp(12rem, 58vw, 24rem);
  object-position: top center
}

.ta-setup__step-body-pad .ta-setup__msg-demo__title {
  margin-top: 0.75rem;
  margin-bottom: 0.35rem
}

.ta-setup .ta-trades__routes {
  --tt-radius: 1rem;
  margin-bottom: 0
}

.ta-setup__path-pick {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.ta-setup button.ta-trades__route {
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  margin: 0;
  border-radius: var(--tt-radius);
  appearance: none;
  -webkit-appearance: none
}

.ta-setup button.ta-trades__route:disabled {
  cursor: not-allowed;
  opacity: 1
}

.ta-setup__dynamic {
  font-size: 0.86rem;
  line-height: 1.45;
  color: #cbd5e1;
  margin: 0 0 0.85rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.65rem;
  background: rgba(2, 6, 23, 0.4);
  border: 1px solid rgba(148, 163, 184, 0.12)
}

html[data-app-theme="light"] .ta-setup__dynamic {
  background: #f8fafc;
  color: #475569;
  border-color: rgba(15, 23, 42, 0.06)
}

.ta-setup__dynamic[hidden] {
  display: none !important
}

.ta-setup__broker-wrap {
  margin: 0 0 0.85rem
}

.ta-setup__broker-wrap[hidden] {
  display: none !important
}

.ta-setup__field-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--setup-muted);
  margin: 0 0 0.4rem
}

.ta-setup__select {
  width: 100%;
  max-width: 22rem;
  padding: 0.5rem 0.65rem;
  font-size: 0.9rem;
  line-height: 1.35;
  color: #e2e8f0;
  background: rgba(2, 6, 23, 0.55);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.55rem;
  box-sizing: border-box
}

html[data-app-theme="light"] .ta-setup__select {
  color: #0f172a;
  background: #fff;
  border-color: rgba(15, 23, 42, 0.12)
}

.ta-setup__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem
}

.ta-setup__step--upcoming .ta-setup__actions {
  display: none
}

.ta-setup__actions+.ta-setup__video-premium {
  margin-top: 1.15rem
}

.ta-setup__video-premium {
  margin: 0 0 1rem;
  border-radius: 0.85rem;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: linear-gradient(155deg, rgba(15, 23, 42, 0.92) 0%, rgba(2, 6, 23, 0.96) 100%);
  box-shadow: 0 0 0 1px rgba(255, 77, 87, 0.14), 0 14px 44px -18px rgba(0, 0, 0, 0.55)
}

html[data-app-theme="light"] .ta-setup__video-premium {
  background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.1), 0 12px 36px -14px rgba(15, 23, 42, 0.12)
}

.ta-setup__video-premium[hidden] {
  display: none !important
}

.ta-setup__video-premium__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.55rem 0.85rem;
  background: linear-gradient(90deg, rgba(255, 77, 87, 0.14) 0%, transparent 62%);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1)
}

html[data-app-theme="light"] .ta-setup__video-premium__top {
  background: linear-gradient(90deg, rgba(220, 38, 38, 0.08) 0%, transparent 60%);
  border-bottom-color: rgba(15, 23, 42, 0.06)
}

.ta-setup__video-premium__label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fecaca
}

html[data-app-theme="light"] .ta-setup__video-premium__label {
  color: #b91c1c
}

.ta-setup__video-premium__label .bi {
  font-size: 1rem;
  opacity: 0.95
}

.ta-setup__video-premium__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem
}

.ta-setup__video-premium__playlist,
.ta-setup__video-premium__open {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  color: #fca5a5;
  border-bottom: 1px solid rgba(252, 165, 165, 0.35);
  padding-bottom: 0.05rem;
  transition: color 0.15s ease, border-color 0.15s ease
}

html[data-app-theme="light"] .ta-setup__video-premium__playlist,
html[data-app-theme="light"] .ta-setup__video-premium__open {
  color: #dc2626;
  border-bottom-color: rgba(220, 38, 38, 0.35)
}

.ta-setup__video-premium__playlist:hover,
.ta-setup__video-premium__open:hover {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.45)
}

html[data-app-theme="light"] .ta-setup__video-premium__playlist:hover,
html[data-app-theme="light"] .ta-setup__video-premium__open:hover {
  color: #991b1b;
  border-bottom-color: rgba(153, 27, 27, 0.45)
}

.ta-setup__video-premium__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #020617
}

.ta-setup__video-premium__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.ta-setup__video-premium__note {
  margin: 0;
  padding: 0.55rem 0.85rem 0.65rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--setup-muted)
}

html[data-app-theme="light"] .ta-setup__video-premium__note {
  color: #64748b
}

.ta-setup__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.52rem 1rem;
  border-radius: 0.65rem;
  font-size: 0.86rem;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  font-family: inherit
}

.ta-setup__btn--primary {
  background: linear-gradient(180deg, rgba(74, 242, 142, 0.28), rgba(34, 197, 94, 0.14));
  border-color: rgba(74, 242, 142, 0.48);
  color: #ecfdf5
}

.ta-setup__btn--primary:hover {
  background: linear-gradient(180deg, rgba(74, 242, 142, 0.38), rgba(34, 197, 94, 0.22));
  color: #fff
}

html[data-app-theme="light"] .ta-setup__btn--primary {
  background: linear-gradient(180deg, #22c55e, #16a34a);
  border-color: #15803d;
  color: #fff
}

html[data-app-theme="light"] .ta-setup__btn--primary:hover {
  background: #15803d
}

.ta-setup__btn--secondary {
  background: transparent;
  border-color: rgba(148, 163, 184, 0.35);
  color: #cbd5e1
}

.ta-setup__btn--secondary:hover {
  border-color: rgba(148, 163, 184, 0.55);
  background: rgba(255, 255, 255, 0.04)
}

html[data-app-theme="light"] .ta-setup__btn--secondary {
  color: #475569;
  border-color: rgba(15, 23, 42, 0.15)
}

.ta-setup__btn--success {
  background: linear-gradient(180deg, rgba(74, 222, 128, 0.2), rgba(34, 197, 94, 0.12));
  border-color: rgba(74, 222, 128, 0.45);
  color: #bbf7d0
}

.ta-setup__btn--success:hover {
  background: linear-gradient(180deg, rgba(74, 222, 128, 0.3), rgba(34, 197, 94, 0.18))
}

html[data-app-theme="light"] .ta-setup__btn--success {
  background: #ecfdf5;
  color: #15803d;
  border-color: rgba(34, 197, 94, 0.45)
}

.ta-setup__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--setup-success);
  font-size: 1.05rem
}

.ta-setup__celebrate-title {
  font-size: 1.15rem;
  background: linear-gradient(135deg, #86efac 0%, #4af28e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

html[data-app-theme="light"] .ta-setup__celebrate-title {
  background: linear-gradient(135deg, #15803d 0%, #22c55e 100%);
  -webkit-background-clip: text;
  background-clip: text
}

.ta-setup__help {
  margin-top: 2.25rem;
  padding: 1.25rem 1.35rem;
  border-radius: var(--setup-radius-lg);
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.35)
}

html[data-app-theme="light"] .ta-setup__help {
  background: rgba(248, 250, 252, 0.9);
  border-color: rgba(15, 23, 42, 0.08)
}

.ta-setup__help-title {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--setup-muted);
  margin: 0 0 0.85rem
}

.ta-setup__help-links {
  display: flex;
  flex-direction: column;
  gap: 0.5rem
}

.ta-setup__help-links a {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.88rem;
  font-weight: 500;
  color: #86efac;
  text-decoration: none
}

.ta-setup__help-links a:hover {
  text-decoration: underline;
  color: #bbf7d0
}

html[data-app-theme="light"] .ta-setup__help-links a {
  color: #15803d
}

.ta-setup__hint {
  font-size: 0.75rem;
  color: var(--setup-muted);
  margin: 0.65rem 0 0;
  line-height: 1.4
}

.ta-setup__msg-rule {
  margin: 0 0 0.9rem;
  padding: 0.62rem 0.78rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(74, 242, 142, 0.28);
  background: rgba(74, 242, 142, 0.08);
  color: #dcfce7;
  font-size: 0.86rem;
  line-height: 1.45;
  font-weight: 600;
  max-width: 40rem
}

html[data-app-theme="light"] .ta-setup__msg-rule {
  background: rgba(22, 163, 74, 0.08);
  border-color: rgba(22, 163, 74, 0.24);
  color: #14532d
}

.ta-setup__key {
  font-weight: 800
}

.ta-setup__l4-stack {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 40rem;
  margin: 0 0 1rem
}

.ta-setup__l4-card {
  border-radius: 0.68rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(2, 6, 23, 0.34);
  padding: 0.72rem 0.82rem
}

html[data-app-theme="light"] .ta-setup__l4-card {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.1)
}

.ta-setup__l4-head {
  display: flex;
  align-items: center;
  gap: 0.48rem;
  margin: 0 0 0.52rem;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #cbd5e1
}

html[data-app-theme="light"] .ta-setup__l4-head {
  color: #334155
}

.ta-setup__l4-head .bi {
  font-size: 0.92rem;
  color: #86efac
}

html[data-app-theme="light"] .ta-setup__l4-head .bi {
  color: #15803d
}

.ta-setup__l4-lines {
  margin: 0;
  display: grid;
  gap: 0.35rem;
  font-size: 0.85rem;
  line-height: 1.45;
  color: #cbd5e1
}

html[data-app-theme="light"] .ta-setup__l4-lines {
  color: #475569
}

.ta-setup__l4-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.34rem;
  font-size: 0.84rem;
  line-height: 1.45;
  color: #cbd5e1
}

html[data-app-theme="light"] .ta-setup__l4-list {
  color: #475569
}

.ta-setup__l4-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem
}

.ta-setup__l4-list .bi {
  margin-top: 0.1rem;
  font-size: 0.86rem
}

.ta-setup__l4-list .bi-x-circle-fill {
  color: #f87171
}

.ta-setup__l4-list .bi-check-circle-fill {
  color: #4ade80
}

.ta-setup__msg-demo {
  margin: 0.15rem 0 0
}

.ta-setup__msg-demo .ta-setup__msg-figure {
  max-width: 34rem
}

.ta-setup__msg-demo__title {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--setup-muted);
  margin: 0 0 0.55rem
}

.ta-setup__msg-figure {
  margin: 0
}

.ta-setup__tv-msg,
.ta-setup__tv-webhook {
  border-radius: 0.65rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #131722;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35)
}

html[data-app-theme="light"] .ta-setup__tv-msg,
html[data-app-theme="light"] .ta-setup__tv-webhook {
  border-color: rgba(15, 23, 42, 0.14);
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12)
}

.ta-setup__tv-msg__head {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.7rem;
  background: #1e222d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.8rem;
  font-weight: 600;
  color: #d1d4dc
}

.ta-setup__tv-msg__warn {
  color: #f97316;
  font-size: 0.95rem;
  line-height: 1
}

.ta-setup__tv-msg__field {
  position: relative;
  margin: 0.65rem;
  border: 1px solid #089981;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.35)
}

.ta-setup__tv-msg__ok {
  position: absolute;
  top: 0.35rem;
  right: 0.45rem;
  color: #089981;
  font-size: 1rem;
  line-height: 1;
  z-index: 1;
  filter: drop-shadow(0 0 6px rgba(8, 153, 129, 0.45))
}

.ta-setup__tv-msg__pre {
  margin: 0;
  padding: 0.6rem 2rem 0.65rem 0.65rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.65rem;
  line-height: 1.45;
  color: #d1d4dc;
  white-space: pre;
  overflow-x: auto;
  tab-size: 2
}

.ta-setup__tv-msg__pre code {
  font-family: inherit;
  font-size: inherit;
  color: inherit
}

.ta-setup__btn--mg {
  box-shadow: 0 8px 24px rgba(22, 163, 74, 0.34)
}

.ta-setup__btn--mg:hover {
  box-shadow: 0 10px 28px rgba(22, 163, 74, 0.44)
}

.ta-setup__actions--lesson4 {
  margin-top: 1.05rem
}

.ta-setup__msg-figure__cap {
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--setup-muted);
  margin: 0.55rem 0 0
}

html[data-app-theme="light"] .ta-setup__msg-figure__cap {
  color: #64748b
}

.ta-setup__wh-demo {
  margin: 1rem 0 1.15rem;
  max-width: 36rem
}

.ta-setup__tv-webhook__head {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.65rem 0.75rem 0.3rem
}

.ta-setup__tv-webhook__cb {
  width: 1rem;
  height: 1rem;
  border-radius: 2px;
  background: #fff;
  color: #131722;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1
}

.ta-setup__tv-webhook__cb .bi {
  margin-top: 1px
}

.ta-setup__tv-webhook__label {
  font-size: 0.82rem;
  font-weight: 600;
  color: #d1d4dc;
  letter-spacing: 0.01em
}

.ta-setup__tv-webhook__help {
  color: #787b86;
  font-size: 0.88rem;
  line-height: 1;
  margin-left: 0.1rem
}

.ta-setup__tv-webhook__desc {
  margin: 0 0.75rem 0.55rem;
  padding: 0 0 0 1.6rem;
  font-size: 0.72rem;
  line-height: 1.45;
  color: #787b86
}

.ta-setup__tv-webhook__field-wrap {
  margin: 0 0.65rem 0.65rem;
  min-width: 0;
  border-radius: 5px;
  border: 1px solid rgba(120, 123, 134, 0.45);
  background: rgba(0, 0, 0, 0.35);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain
}

.ta-setup__tv-webhook__field {
  display: block;
  margin: 0;
  padding: 0.5rem 0.6rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.68rem;
  line-height: 1.4;
  white-space: nowrap;
  color: #d1d4dc
}

.ta-setup__l6-flow {
  margin: 0.95rem 0 1.05rem;
  display: grid;
  gap: 0.65rem;
  max-width: 40rem
}

.ta-setup__l6-card {
  border-radius: 0.62rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(2, 6, 23, 0.34);
  padding: 0.58rem 0.62rem 0.62rem
}

html[data-app-theme="light"] .ta-setup__l6-card {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.1)
}

.ta-setup__l6-head {
  margin: 0 0 0.42rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--setup-muted);
  display: inline-flex;
  align-items: center;
  gap: 0.38rem
}

.ta-setup__l6-head .bi {
  color: #86efac;
  font-size: 0.88rem
}

html[data-app-theme="light"] .ta-setup__l6-head .bi {
  color: #15803d
}

.ta-setup__l6-shot {
  margin: 0;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.2);
  line-height: 0;
  background: #131722
}

.ta-setup__l6-shot img {
  width: 100%;
  height: auto;
  display: block
}

.ta-setup__l6-cap {
  margin: 0.42rem 0 0;
  font-size: 0.79rem;
  line-height: 1.42;
  color: var(--setup-muted)
}

html[data-app-theme="light"] .ta-setup__l6-cap {
  color: #64748b
}

.ta-dash {
  --td-radius: 1rem;
  --td-pad: 1.35rem;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2rem
}

.ta-dash__header {
  margin-bottom: 2rem
}

.ta-dash__title {
  font-size: clamp(1.5rem, 2.5vw, 1.85rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin: 0
}

.ta-dash__subtitle {
  font-size: 0.9rem;
  margin: 0.5rem 0 0;
  max-width: 42rem;
  line-height: 1.5
}

.ta-dash__toast {
  font-size: 0.875rem;
  padding: 0.65rem 1rem;
  border-radius: var(--td-radius);
  margin-bottom: 1.25rem;
  border: 1px solid transparent
}

.ta-dash__stack {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: stretch
}

.ta-dash__grid-pair {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-items: stretch
}

.ta-dash__grid-pair>.ta-dash__card {
  height: 100%;
  min-height: 0
}

.ta-dash__grid-pair>.ta-dash__card:only-child {
  grid-column: 1 / -1
}

.ta-dash__grid-pair>.ta-dash__card--strategy {
  display: flex;
  flex-direction: column
}

.ta-dash__grid-pair>.ta-dash__card--strategy>*:last-child {
  margin-top: auto
}

@media (min-width:992px) {
  .ta-dash__grid-pair {
    grid-template-columns: 1fr 1fr
  }
}

.ta-dash__card {
  border-radius: var(--td-radius);
  padding: var(--td-pad);
  border: 1px solid transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease
}

.ta-dash__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.1rem
}

.ta-dash__card-title {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0
}

.ta-dash__card-desc {
  font-size: 0.78rem;
  margin: 0.25rem 0 0;
  opacity: 0.75;
  line-height: 1.4
}

.ta-dash__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid transparent
}

.ta-dash__row:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.ta-dash__row:first-of-type {
  padding-top: 0
}

.ta-dash__label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.55;
  margin: 0
}

.ta-dash__value {
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0;
  text-align: right;
  word-break: break-word
}

.ta-dash__value--mono {
  font-family: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;
  font-size: 0.8rem
}

.ta-dash__value--payment {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.45rem
}

.ta-dash__pay-icon {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  object-fit: contain;
  flex-shrink: 0
}

.ta-dash__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase
}

.ta-dash__input-row {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
  margin-top: 0.35rem
}

.ta-dash__input {
  flex: 1;
  min-width: 0;
  font-family: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;
  font-size: 0.75rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  line-height: 1.35
}

.ta-dash__btn {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.5rem 0.85rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease
}

.ta-dash__btn--ghost {
  font-size: 0.8rem;
  padding: 0.55rem 1rem;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease
}

.ta-dash__btn--primary {
  font-size: 0.8rem;
  padding: 0.55rem 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem
}

.ta-dash__btn--danger {
  font-size: 0.75rem;
  padding: 0.45rem 0.75rem;
  border-radius: 0.45rem;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 600
}

.ta-dash__btn--danger-prominent {
  font-size: 0.8rem;
  padding: 0.55rem 1rem;
  border-radius: 0.5rem
}

.ta-dash__metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin-top: 0.25rem
}

@media (max-width:576px) {
  .ta-dash__metrics {
    grid-template-columns: 1fr
  }
}

.ta-dash__metric {
  border-radius: 0.65rem;
  padding: 0.85rem 0.75rem;
  text-align: center;
  border: 1px solid transparent
}

.ta-dash__metric-val {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0
}

.ta-dash__metric-lbl {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0.35rem 0 0;
  opacity: 0.55
}

.ta-dash__empty {
  font-size: 0.85rem;
  opacity: 0.55;
  margin: 0;
  padding: 0.5rem 0
}

.ta-dash__card--action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem
}

.ta-dash__card--action-prominent {
  flex-direction: row;
  padding: 1.5rem 1.45rem;
  align-items: center
}

.ta-dash__card--action-prominent .ta-dash__action-copy {
  flex: 1;
  min-width: min(100%, 28rem)
}

.ta-dash__card--ready {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.35rem
}

.ta-dash__btn--cta-xl {
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.72rem 1.45rem;
  border-radius: 0.55rem;
  letter-spacing: 0.02em
}

.ta-dash__readiness {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.25rem;
  margin-top: 0.35rem;
  padding-top: 0.85rem;
  border-top: none
}

.ta-dash__readiness--inline {
  flex-direction: row;
  align-items: center;
  column-gap: 1.35rem
}

.ta-dash__readiness-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em
}

.ta-dash__readiness-mark {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.62rem;
  font-weight: 800;
  flex-shrink: 0
}

.ta-dash__readiness-item.is-done .ta-dash__readiness-mark {
  background: rgba(34, 197, 94, 0.25);
  color: #86efac;
  border: 1px solid rgba(34, 197, 94, 0.35)
}

.ta-dash__readiness-item.is-pending .ta-dash__readiness-mark {
  background: rgba(148, 163, 184, 0.15);
  color: #94a3b8;
  border: 1px solid rgba(148, 163, 184, 0.25)
}

.ta-dash__readiness-item.is-warn .ta-dash__readiness-mark {
  background: rgba(234, 179, 8, 0.2);
  color: #fde047;
  border: 1px solid rgba(234, 179, 8, 0.35)
}

.ta-dash__readiness-item.is-danger .ta-dash__readiness-mark {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
  border: 1px solid rgba(248, 113, 113, 0.4)
}

.ta-dash__card--strategy .ta-dash__card-head {
  align-items: center
}

.ta-dash__sb-head-status {
  flex-shrink: 0
}

.ta-dash__sb-form-stack {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 100%
}

.ta-dash__sb-form-stack .ta-dash__label {
  margin-bottom: 0;
  opacity: 0.65
}

.ta-dash__input--block {
  width: 100%
}

.ta-dash__btn--sb {
  width: 100%;
  justify-content: center;
  min-height: 2.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0.15rem
}

.ta-dash__sb-section-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin: 0 0 0.35rem;
  opacity: 0.55
}

html[data-app-theme="dark"] .ta-dash__sb-section-title {
  color: #94a3b8
}

html[data-app-theme="light"] .ta-dash__sb-section-title {
  color: #64748b
}

.ta-dash__input--sans {
  font-family: inherit;
  font-size: 0.8rem
}

.ta-dash__sb-tv-link {
  font-weight: 600;
  font-size: 0.78rem;
  text-decoration: none
}

html[data-app-theme="dark"] .ta-dash__sb-tv-link {
  color: #4af28e
}

html[data-app-theme="dark"] .ta-dash__sb-tv-link:hover {
  color: #86efac
}

html[data-app-theme="light"] .ta-dash__sb-tv-link {
  color: #15803d
}

html[data-app-theme="light"] .ta-dash__sb-tv-link:hover {
  color: #166534
}

html[data-app-theme="light"] .ta-dash__readiness-item.is-danger .ta-dash__readiness-mark {
  background: #fee2e2;
  color: #b91c1c;
  border-color: #fecaca
}

.ta-dash__action-copy {
  max-width: 40rem
}

.ta-dash__action-title {
  font-size: 0.9rem;
  font-weight: 700;
  margin: 0 0 0.35rem
}

.ta-dash__action-text {
  font-size: 0.82rem;
  margin: 0;
  opacity: 0.8;
  line-height: 1.45
}

.ta-dash__card--action-prominent .ta-dash__action-title {
  font-size: 1.02rem;
  letter-spacing: -0.02em
}

.ta-dash__card--action-prominent .ta-dash__action-text {
  font-size: 0.9rem;
  opacity: 0.88;
  line-height: 1.5
}

.ta-dash__ready-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.3rem;
  letter-spacing: -0.02em
}

.ta-dash__ready-text {
  font-size: 0.85rem;
  margin: 0;
  opacity: 0.85;
  line-height: 1.45
}

.ta-dash__hint {
  font-size: 0.8rem;
  line-height: 1.45;
  margin: 0.85rem 0 0;
  opacity: 0.72
}

.ta-dash__prose {
  font-size: 0.82rem;
  line-height: 1.5;
  margin: 0;
  opacity: 0.82
}

.ta-dash__form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: flex-end;
  margin-top: 0.75rem
}

.ta-dash__form-row input {
  flex: 1;
  min-width: 200px;
  padding: 0.5rem 0.65rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  font-size: 0.85rem
}

html[data-app-theme="dark"] .ta-dash__title {
  color: #f1f5f9
}

html[data-app-theme="dark"] .ta-dash__subtitle {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-dash__toast {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.28);
  color: #bbf7d0
}

html[data-app-theme="dark"] .ta-dash__card {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.12);
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px)
}

html[data-app-theme="dark"] .ta-dash__card-title {
  color: #f8fafc
}

html[data-app-theme="dark"] .ta-dash__card-desc {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-dash__row {
  border-bottom-color: rgba(148, 163, 184, 0.1)
}

html[data-app-theme="dark"] .ta-dash__value {
  color: #e2e8f0
}

html[data-app-theme="dark"] .ta-dash__input {
  background: rgba(2, 6, 23, 0.45);
  border-color: rgba(148, 163, 184, 0.15);
  color: #cbd5e1
}

html[data-app-theme="dark"] .ta-dash__btn {
  border: 1px solid rgba(74, 242, 142, 0.22);
  color: rgba(209, 250, 229, 0.9);
  background: linear-gradient(180deg, rgba(55, 214, 122, 0.12) 0%, rgba(31, 164, 99, 0.1) 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 4px 10px rgba(8, 60, 40, 0.14)
}

html[data-app-theme="dark"] .ta-dash__btn:hover {
  border-color: rgba(74, 242, 142, 0.34);
  color: #ecfdf5;
  background: linear-gradient(180deg, rgba(55, 214, 122, 0.2) 0%, rgba(31, 164, 99, 0.16) 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07) inset, 0 5px 14px rgba(8, 60, 40, 0.2)
}

html[data-app-theme="dark"] .ta-dash__btn--primary {
  background: linear-gradient(180deg, #34d399 0%, #059669 100%);
  color: #fff;
  box-shadow: 0 2px 14px rgba(52, 211, 153, 0.22)
}

html[data-app-theme="dark"] .ta-dash__btn--primary:hover {
  filter: brightness(1.07);
  color: #fff
}

html[data-app-theme="dark"] .ta-dash__btn--ghost {
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(233, 242, 255, 0.92);
  background: rgba(255, 255, 255, 0.04)
}

html[data-app-theme="dark"] .ta-dash__btn--ghost:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.18)
}

html[data-app-theme="dark"] .ta-dash__btn--danger {
  background: rgba(127, 29, 29, 0.25);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca
}

html[data-app-theme="dark"] .ta-dash__btn--danger-prominent {
  border: 1px solid rgba(230, 150, 165, 0.38);
  color: rgba(255, 236, 238, 0.94);
  background: linear-gradient(180deg, rgba(200, 95, 110, 0.3) 0%, rgba(150, 55, 72, 0.28) 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 8px 18px rgba(90, 28, 40, 0.22)
}

html[data-app-theme="dark"] .ta-dash__btn--danger-prominent:hover {
  color: #fff;
  border-color: rgba(240, 175, 188, 0.48);
  background: linear-gradient(180deg, rgba(215, 110, 125, 0.38) 0%, rgba(170, 65, 82, 0.36) 100%)
}

html[data-app-theme="dark"] .ta-dash__metric {
  background: rgba(2, 6, 23, 0.35);
  border-color: rgba(148, 163, 184, 0.1)
}

html[data-app-theme="dark"] .ta-dash__metric-val {
  color: #f1f5f9
}

html[data-app-theme="dark"] .ta-dash__hint {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-dash__prose {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-dash__card--workspace {
  border-color: rgba(52, 211, 153, 0.2);
  box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.08), 0 4px 28px rgba(0, 0, 0, 0.35)
}

html[data-app-theme="dark"] .ta-dash__readiness-item {
  color: #e2e8f0
}

html[data-app-theme="dark"] .ta-dash__readiness-item.is-pending {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-dash__card--action {
  background: rgba(234, 179, 8, 0.08);
  border-color: rgba(234, 179, 8, 0.22)
}

html[data-app-theme="dark"] .ta-dash__card--action-prominent {
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.14) 0%, rgba(15, 23, 42, 0.65) 42%, rgba(6, 78, 59, 0.2) 100%);
  border-color: rgba(251, 191, 36, 0.38);
  box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.12), 0 12px 40px rgba(0, 0, 0, 0.4), 0 0 48px -12px rgba(52, 211, 153, 0.15)
}

html[data-app-theme="dark"] .ta-dash__action-title {
  color: #fde68a
}

html[data-app-theme="dark"] .ta-dash__action-text {
  color: #fcd34d
}

html[data-app-theme="dark"] .ta-dash__card--action .ta-dash__btn--primary,
html[data-app-theme="dark"] .ta-dash__card--action-prominent .ta-dash__btn--primary {
  box-shadow: 0 4px 22px rgba(52, 211, 153, 0.35)
}

html[data-app-theme="dark"] .ta-dash__card--ready {
  background: linear-gradient(125deg, rgba(34, 197, 94, 0.12) 0%, rgba(15, 23, 42, 0.55) 100%);
  border-color: rgba(52, 211, 153, 0.28);
  box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.1), 0 8px 32px rgba(0, 0, 0, 0.3)
}

html[data-app-theme="dark"] .ta-dash__ready-title {
  color: #bbf7d0
}

html[data-app-theme="dark"] .ta-dash__ready-text {
  color: #86efac
}

html[data-app-theme="dark"] .ta-dash__form-row input {
  background: rgba(2, 6, 23, 0.45);
  border-color: rgba(148, 163, 184, 0.2);
  color: #e2e8f0
}

html[data-app-theme="dark"] .ta-dash__badge--success {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac
}

html[data-app-theme="dark"] .ta-dash__badge--warn {
  background: rgba(234, 179, 8, 0.18);
  color: #fde047
}

html[data-app-theme="dark"] .ta-dash__badge--muted {
  background: rgba(148, 163, 184, 0.15);
  color: #cbd5e1
}

html[data-app-theme="dark"] .ta-dash__badge--cyan {
  background: rgba(6, 182, 212, 0.18);
  color: #67e8f9
}

html[data-app-theme="dark"] .ta-dash__badge--danger {
  background: rgba(239, 68, 68, 0.18);
  color: #fca5a5
}

html[data-app-theme="light"] .ta-dash__title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-dash__subtitle {
  color: #475569;
  letter-spacing: -0.01em
}

html[data-app-theme="light"] .ta-dash__toast {
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: rgba(22, 163, 74, 0.28);
  color: #065f46;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset, 0 4px 18px -4px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] .ta-dash__card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.98) inset, 0 1px 2px rgba(15, 23, 42, 0.035), 0 6px 20px -6px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(10px)
}

html[data-app-theme="light"] .ta-dash__card:hover {
  border-color: rgba(15, 23, 42, 0.11);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.99) inset, 0 2px 4px rgba(15, 23, 42, 0.04), 0 10px 30px -10px rgba(15, 23, 42, 0.11)
}

html[data-app-theme="light"] .ta-dash__card-title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-dash__card-desc {
  color: #64748b;
  opacity: 1
}

html[data-app-theme="light"] .ta-dash__label {
  color: #64748b;
  opacity: 1;
  letter-spacing: 0.07em
}

html[data-app-theme="light"] .ta-dash__row {
  border-bottom-color: rgba(15, 23, 42, 0.068)
}

html[data-app-theme="light"] .ta-dash__value {
  color: #0f172a
}

html[data-app-theme="light"] .ta-dash__input {
  background: #f8fafc;
  border-color: #dce3ec;
  color: #0f172a;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease
}

html[data-app-theme="light"] .ta-dash__input:hover {
  border-color: #cbd5e1
}

html[data-app-theme="light"] .ta-dash__input:focus {
  outline: none;
  background: #fff;
  border-color: rgba(22, 163, 74, 0.45);
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] .ta-dash__empty {
  color: #64748b;
  opacity: 1
}

html[data-app-theme="light"] .ta-dash__btn {
  border: 1px solid rgba(22, 163, 74, 0.32);
  color: #166534;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 2px 8px rgba(22, 163, 74, 0.07)
}

html[data-app-theme="light"] .ta-dash__btn:hover {
  color: #14532d;
  border-color: rgba(22, 163, 74, 0.48);
  background: linear-gradient(180deg, #ecfdf5 0%, #dcfce7 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.98) inset, 0 3px 12px rgba(22, 163, 74, 0.1)
}

html[data-app-theme="light"] .ta-dash__btn--primary {
  background: linear-gradient(180deg, #22c55e 0%, #15803d 100%);
  color: #fff;
  box-shadow: 0 2px 12px rgba(22, 163, 74, 0.2)
}

html[data-app-theme="light"] .ta-dash__btn--primary:hover {
  filter: brightness(1.05);
  color: #fff
}

html[data-app-theme="light"] .ta-dash__btn--ghost {
  border-color: rgba(30, 41, 59, 0.14);
  color: #334155;
  background: rgba(255, 255, 255, 0.95)
}

html[data-app-theme="light"] .ta-dash__btn--ghost:hover {
  color: #0f172a;
  background: #fff;
  border-color: rgba(30, 41, 59, 0.22)
}

html[data-app-theme="light"] .ta-dash__btn--danger {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c
}

html[data-app-theme="light"] .ta-dash__btn--danger-prominent {
  background: linear-gradient(180deg, #ffffff 0%, #fff5f4 100%);
  border: 1px solid rgba(220, 68, 55, 0.55);
  color: #b42318;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 2px 10px rgba(180, 35, 24, 0.1)
}

html[data-app-theme="light"] .ta-dash__btn--danger-prominent:hover {
  color: #7f1d1d;
  border-color: rgba(200, 50, 40, 0.75);
  background: linear-gradient(180deg, #fff1f0 0%, #ffe4e1 100%)
}

html[data-app-theme="light"] .ta-dash__metric {
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 55%, #e8eef5 100%);
  border-color: rgba(15, 23, 42, 0.07);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 2px 6px rgba(15, 23, 42, 0.04)
}

html[data-app-theme="light"] .ta-dash__metric-val {
  color: #0f172a
}

html[data-app-theme="light"] .ta-dash__metric-lbl {
  opacity: 0.65;
  color: #64748b
}

html[data-app-theme="light"] .ta-dash__hint {
  color: #64748b
}

html[data-app-theme="light"] .ta-dash__prose {
  color: #64748b
}

html[data-app-theme="light"] .ta-dash__card--workspace {
  border-color: rgba(15, 23, 42, 0.085);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 26px -8px rgba(15, 23, 42, 0.08)
}

html[data-app-theme="light"] .ta-dash__card--strategy {
  border-color: rgba(15, 23, 42, 0.085);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 26px -8px rgba(15, 23, 42, 0.08)
}

html[data-app-theme="light"] .ta-dash__card--strategy .ta-dash__btn--sb {
  border: 1px solid rgba(22, 163, 74, 0.4);
  color: #047857;
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 45%, #bbf7d0 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset, 0 2px 10px rgba(22, 163, 74, 0.09)
}

html[data-app-theme="light"] .ta-dash__card--strategy .ta-dash__btn--sb:hover {
  color: #065f46;
  border-color: rgba(22, 163, 74, 0.52);
  background: linear-gradient(180deg, #d1fae5 0%, #a7f3d0 55%, #86efac 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 4px 14px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] .ta-dash__pay-icon {
  background: #fff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08)
}

html[data-app-theme="light"] .ta-dash__readiness-item {
  color: #334155
}

html[data-app-theme="light"] .ta-dash__readiness-item.is-pending {
  color: #64748b
}

html[data-app-theme="light"] .ta-dash__readiness-item.is-danger {
  color: #991b1b
}

html[data-app-theme="light"] .ta-dash__readiness-item.is-done .ta-dash__readiness-mark {
  background: #dcfce7;
  color: #166534;
  border-color: #86efac
}

html[data-app-theme="light"] .ta-dash__readiness-item.is-pending .ta-dash__readiness-mark {
  background: #f1f5f9;
  color: #64748b;
  border-color: #e2e8f0
}

html[data-app-theme="light"] .ta-dash__readiness-item.is-warn .ta-dash__readiness-mark {
  background: #fef3c7;
  color: #92400e;
  border-color: #fde68a
}

html[data-app-theme="light"] .ta-dash__card--action {
  background: linear-gradient(125deg, #fffbeb 0%, #fefce8 45%, #f0fdf4 100%);
  border-color: rgba(234, 179, 8, 0.26);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 28px -6px rgba(15, 23, 42, 0.07), 0 0 0 1px rgba(251, 191, 36, 0.08)
}

html[data-app-theme="light"] .ta-dash__card--action-prominent {
  background: linear-gradient(125deg, #fff7ed 0%, #fffbeb 35%, #ecfdf5 100%);
  border: 1px solid rgba(245, 158, 11, 0.38);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 36px -6px rgba(15, 23, 42, 0.09), 0 0 0 1px rgba(22, 163, 74, 0.07), 0 20px 50px -12px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] .ta-dash__action-title {
  color: #78350f
}

html[data-app-theme="light"] .ta-dash__action-text {
  color: #92400e
}

html[data-app-theme="light"] .ta-dash__card--action .ta-dash__btn--primary,
html[data-app-theme="light"] .ta-dash__card--action-prominent .ta-dash__btn--primary {
  box-shadow: 0 4px 18px rgba(22, 163, 74, 0.28)
}

html[data-app-theme="light"] .ta-dash__card--ready {
  background: linear-gradient(125deg, #ecfdf5 0%, #ffffff 55%, #f0fdf4 100%);
  border-color: rgba(22, 163, 74, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset, 0 1px 2px rgba(15, 23, 42, 0.04), 0 0 0 1px rgba(22, 163, 74, 0.07), 0 10px 32px -6px rgba(22, 163, 74, 0.14), 0 22px 52px -14px rgba(15, 23, 42, 0.06)
}

html[data-app-theme="light"] .ta-dash__ready-title {
  color: #166534
}

html[data-app-theme="light"] .ta-dash__ready-text {
  color: #15803d
}

html[data-app-theme="light"] .ta-dash__form-row input {
  background: #fff;
  border-color: #e2e8f0;
  color: #0f172a
}

html[data-app-theme="light"] .ta-dash__badge--success {
  background: #dcfce7;
  color: #166534
}

html[data-app-theme="light"] .ta-dash__badge--warn {
  background: #fef3c7;
  color: #92400e
}

html[data-app-theme="light"] .ta-dash__badge--muted {
  background: #f1f5f9;
  color: #475569
}

html[data-app-theme="light"] .ta-dash__badge--cyan {
  background: #cffafe;
  color: #0e7490
}

html[data-app-theme="light"] .ta-dash__badge--danger {
  background: #fee2e2;
  color: #991b1b
}

.ta-dash__mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem
}

.ta-dash__mono--key {
  word-break: break-all;
  max-width: 14rem;
  display: inline-block;
  padding: 0.18rem 0.48rem;
  border-radius: 0.35rem
}

.ta-dash__mono--key-cell {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap
}

html[data-app-theme="light"] .ta-dash__mono--key {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  color: #475569
}

html[data-app-theme="dark"] .ta-dash__mono--key {
  background: rgba(51, 65, 85, 0.45);
  border: 1px solid rgba(148, 163, 184, 0.28);
  color: #cbd5e1
}

html[data-app-theme="light"] .ta-dash__mono--key-active {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(22, 163, 74, 0.35);
  color: #166534
}

html[data-app-theme="dark"] .ta-dash__mono--key-active {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(74, 222, 128, 0.45);
  color: #86efac
}

html[data-app-theme="light"] .ta-dash table tbody tr.ta-dash__order-row--active td {
  background: rgba(220, 252, 231, 0.55)
}

html[data-app-theme="dark"] .ta-dash table tbody tr.ta-dash__order-row--active td {
  background: rgba(22, 163, 74, 0.12)
}

.ta-dash__webhook-block {
  margin-top: 1.25rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.12)
}

.ta-dash__webhook-help {
  font-size: 0.82rem;
  opacity: 0.82;
  margin: 0 0 0.65rem
}

html[data-app-theme="light"] .ta-dash__webhook-help {
  color: #64748b
}

html[data-app-theme="dark"] .ta-dash__webhook-help {
  color: #94a3b8
}

.ta-dash__webhook-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 0.55rem
}

.ta-dash__webhook-row:last-child {
  margin-bottom: 0
}

.ta-dash__webhook-input {
  flex: 1 1 12rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.78rem;
  color: #be185d !important;
  background: rgba(190, 24, 93, 0.06) !important;
  border-color: rgba(190, 24, 93, 0.22) !important
}

html[data-app-theme="dark"] .ta-dash__webhook-input {
  color: #f472b6 !important;
  background: rgba(244, 114, 182, 0.08) !important;
  border-color: rgba(244, 114, 182, 0.25) !important
}

.ta-dash__webhook-copy {
  flex: 0 0 auto;
  align-self: center;
  min-width: 5rem;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: 0.55rem;
  padding: 0.38rem 0.8rem;
  border: 1px solid transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease
}

html[data-app-theme="light"] .ta-dash__webhook-copy {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
  box-shadow: none
}

html[data-app-theme="light"] .ta-dash__webhook-copy:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
  color: #1e293b
}

html[data-app-theme="dark"] .ta-dash__webhook-copy {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(148, 163, 184, 0.32);
  color: #cbd5e1;
  box-shadow: none
}

html[data-app-theme="dark"] .ta-dash__webhook-copy:hover {
  background: rgba(30, 41, 59, 0.62);
  border-color: rgba(148, 163, 184, 0.55);
  color: #e2e8f0
}

.ta-dash__webhook-copy:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.18rem rgba(148, 163, 184, 0.35)
}

.ta-dash__webhook-copy:active {
  filter: brightness(0.97)
}

#strategy-builder-access .ta-dash__webhook-input {
  font-family: inherit;
  color: inherit !important;
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.3) !important
}

html[data-app-theme="light"] #strategy-builder-access .ta-dash__webhook-input {
  color: #334155 !important;
  background: #f8fafc !important;
  border-color: #cbd5e1 !important
}

html[data-app-theme="dark"] #strategy-builder-access .ta-dash__webhook-input {
  color: #cbd5e1 !important;
  background: rgba(15, 23, 42, 0.35) !important;
  border-color: rgba(148, 163, 184, 0.22) !important
}

.ta-dash__webhook-copy--muted {
  font-weight: 500;
  letter-spacing: 0
}

html[data-app-theme="light"] .ta-dash__webhook-copy--muted {
  background: transparent;
  border-color: #e2e8f0;
  color: #64748b
}

html[data-app-theme="light"] .ta-dash__webhook-copy--muted:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569
}

html[data-app-theme="dark"] .ta-dash__webhook-copy--muted {
  background: transparent;
  border-color: rgba(148, 163, 184, 0.2);
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-dash__webhook-copy--muted:hover {
  background: rgba(15, 23, 42, 0.35);
  border-color: rgba(148, 163, 184, 0.38);
  color: #cbd5e1
}

.ta-dash__table-wrap {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.12)
}

html[data-app-theme="light"] .ta-dash__table-wrap {
  border-top-color: #e2e8f0
}

.ta-dash table.table {
  margin-bottom: 0;
  color: inherit
}

.ta-dash table th {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.65;
  border: none;
  padding: 0.4rem 0.5rem
}

.ta-dash table td {
  border: none;
  padding: 0.45rem 0.5rem;
  vertical-align: middle
}

html[data-app-theme="dark"] .ta-dash table td {
  color: #cbd5e1
}

html[data-app-theme="light"] .ta-dash table td {
  color: #334155
}

html[data-app-theme="light"] .ta-dash table th {
  color: #64748b;
  opacity: 1;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%)
}

html[data-app-theme="light"] .ta-dash table tbody tr:nth-child(even) td {
  background: rgba(248, 250, 252, 0.62)
}

html[data-app-theme="light"] .ta-dash table tbody tr:hover td {
  background: rgba(236, 253, 245, 0.55)
}

.ta-dash__eyebrow-label {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  opacity: 0.85
}

html[data-app-theme="dark"] .ta-dash__eyebrow-label {
  color: #94a3b8
}

html[data-app-theme="light"] .ta-dash__eyebrow-label {
  color: #15803d;
  opacity: 0.72;
  letter-spacing: 0.14em
}

@media (max-width:576px) {
  .ta-dash__card--action-prominent {
    flex-direction: column;
    align-items: stretch
  }

  .ta-dash__card--action-prominent .ta-dash__btn--cta-xl {
    width: 100%;
    justify-content: center
  }

  .ta-dash__card--ready {
    flex-direction: column;
    align-items: flex-start
  }
}

.mog {
  --mog-radius: 1rem;
  --mog-pad: 1.35rem;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2rem
}

.mog__header {
  margin-bottom: 1.25rem
}

.mog__eyebrow {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0.7rem
}

.mog__title {
  margin: 0;
  font-size: clamp(1.4rem, 2.4vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -0.03em
}

.mog__subtitle {
  margin: 0.45rem 0 0;
  font-size: 0.9rem;
  line-height: 1.5;
  max-width: 46rem
}

.mog__notice {
  margin: 0.95rem 0 0;
  border-radius: 0.8rem;
  border: 1px solid transparent;
  padding: 0.72rem 0.85rem;
  font-size: 0.8rem;
  line-height: 1.45
}

.mog__routes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.25rem
}

@media (min-width:640px) {
  .mog__routes {
    grid-template-columns: 1fr 1fr
  }
}

button.mog__route {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem 1.15rem;
  border-radius: var(--mog-radius);
  border: 1px solid transparent;
  text-align: left;
  cursor: pointer;
  font: inherit;
  width: 100%;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.15s ease
}

button.mog__route:hover {
  transform: translateY(-1px)
}

button.mog__route:focus-visible {
  outline: 2px solid rgba(74, 242, 142, 0.55);
  outline-offset: 2px
}

.mog__route-icon {
  flex-shrink: 0;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 0.08rem
}

.mog__route-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0
}

.mog__route-title {
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  line-height: 1.25
}

.mog__route-desc {
  font-size: 0.74rem;
  line-height: 1.45;
  opacity: 0.82
}

.mog__card {
  border-radius: var(--mog-radius);
  padding: var(--mog-pad);
  border: 1px solid transparent
}

.mog__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem
}

@media (max-width:820px) {
  .mog__grid {
    grid-template-columns: 1fr
  }
}

.mog__field {
  display: flex;
  flex-direction: column;
  gap: 0.32rem
}

.mog__label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0
}

.mog__input,
.mog__select,
.mog__textarea {
  border-radius: 0.56rem;
  border: 1px solid transparent;
  padding: 0.58rem 0.7rem;
  font-size: 0.84rem;
  line-height: 1.35;
  width: 100%
}

.mog__textarea {
  min-height: 120px;
  resize: vertical;
  font-family: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace
}

.mog__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.9rem
}

.mog__btn {
  border: 1px solid transparent;
  border-radius: 0.55rem;
  padding: 0.56rem 0.95rem;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer
}

.mog__btn--primary {
  color: #fff;
  background: linear-gradient(180deg, #22c55e 0%, #15803d 100%)
}

.mog__status {
  margin: 0.65rem 0 0;
  min-height: 1.2em;
  font-size: 0.76rem;
  font-weight: 600
}

.mog__out {
  margin-top: 1rem;
  border-radius: 0.75rem;
  border: 1px solid transparent;
  padding: 0.85rem
}

.mog__out-title {
  margin: 0 0 0.55rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase
}

.mog__out pre {
  margin: 0;
  font-size: 0.77rem;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word
}

html[data-app-theme="light"] .mog__eyebrow {
  color: #15803d;
  opacity: 0.75
}

html[data-app-theme="light"] .mog__title {
  color: #0f172a
}

html[data-app-theme="light"] .mog__subtitle {
  color: #475569
}

html[data-app-theme="light"] .mog__notice {
  color: #92400e;
  background: linear-gradient(180deg, #fefce8 0%, #fef3c7 100%);
  border-color: rgba(217, 119, 6, 0.3)
}

html[data-app-theme="light"] .mog__card {
  background: linear-gradient(165deg, #ffffff 0%, #fafbfc 42%, #f4f6f9 100%);
  border-color: rgba(15, 23, 42, 0.085);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.98) inset, 0 1px 2px rgba(15, 23, 42, 0.035), 0 8px 28px -6px rgba(15, 23, 42, 0.07)
}

html[data-app-theme="light"] .mog__label {
  color: #64748b
}

html[data-app-theme="light"] .mog__input,
html[data-app-theme="light"] .mog__select,
html[data-app-theme="light"] .mog__textarea {
  background: #f8fafc;
  border-color: #dce3ec;
  color: #0f172a
}

html[data-app-theme="light"] .mog__input:focus,
html[data-app-theme="light"] .mog__select:focus,
html[data-app-theme="light"] .mog__textarea:focus {
  outline: none;
  background: #fff;
  border-color: rgba(22, 163, 74, 0.45);
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] .mog__btn {
  border-color: rgba(22, 163, 74, 0.35);
  color: #047857;
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 45%, #bbf7d0 100%)
}

html[data-app-theme="light"] .mog__btn:hover {
  border-color: rgba(22, 163, 74, 0.52);
  color: #065f46;
  background: linear-gradient(180deg, #d1fae5 0%, #a7f3d0 55%, #86efac 100%)
}

html[data-app-theme="light"] .mog__status {
  color: #166534
}

html[data-app-theme="light"] .mog__out {
  background: #fff;
  border-color: #e2e8f0
}

html[data-app-theme="light"] .mog__out-title {
  color: #64748b
}

html[data-app-theme="light"] .mog__out pre {
  color: #1e293b
}

html[data-app-theme="light"] button.mog__route {
  background: linear-gradient(165deg, #ffffff 0%, #fafbfc 50%, #f4f6f9 100%);
  border-color: rgba(15, 23, 42, 0.09);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 2px 8px rgba(15, 23, 42, 0.04);
  color: #0f172a
}

html[data-app-theme="light"] button.mog__route:hover {
  border-color: rgba(22, 163, 74, 0.32);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.98) inset, 0 8px 24px -4px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] button.mog__route.is-active {
  border-color: rgba(22, 163, 74, 0.45);
  background: linear-gradient(165deg, #ecfdf5 0%, #ffffff 45%, #f0fdf4 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 0 0 1px rgba(22, 163, 74, 0.1), 0 8px 28px -6px rgba(22, 163, 74, 0.14)
}

html[data-app-theme="light"] .mog__route-icon {
  color: #15803d
}

html[data-app-theme="light"] button.mog__route:not(.is-active) .mog__route-icon {
  color: #64748b
}

html[data-app-theme="light"] .mog__route-desc {
  color: #64748b
}

html[data-app-theme="dark"] .mog__eyebrow {
  color: #94a3b8
}

html[data-app-theme="dark"] .mog__title {
  color: #f1f5f9
}

html[data-app-theme="dark"] .mog__subtitle {
  color: #94a3b8
}

html[data-app-theme="dark"] .mog__notice {
  color: #fde68a;
  background: rgba(161, 98, 7, 0.2);
  border-color: rgba(251, 191, 36, 0.3)
}

html[data-app-theme="dark"] .mog__card {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.12);
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.35)
}

html[data-app-theme="dark"] .mog__label {
  color: #94a3b8
}

html[data-app-theme="dark"] .mog__input,
html[data-app-theme="dark"] .mog__select,
html[data-app-theme="dark"] .mog__textarea {
  background: rgba(2, 6, 23, 0.45);
  border-color: rgba(148, 163, 184, 0.2);
  color: #e2e8f0
}

html[data-app-theme="dark"] .mog__btn {
  border-color: rgba(74, 242, 142, 0.22);
  color: rgba(209, 250, 229, 0.9);
  background: linear-gradient(180deg, rgba(55, 214, 122, 0.12) 0%, rgba(31, 164, 99, 0.1) 100%)
}

html[data-app-theme="dark"] .mog__btn:hover {
  border-color: rgba(74, 242, 142, 0.34);
  color: #ecfdf5;
  background: linear-gradient(180deg, rgba(55, 214, 122, 0.2) 0%, rgba(31, 164, 99, 0.16) 100%)
}

html[data-app-theme="dark"] .mog__status {
  color: #86efac
}

html[data-app-theme="dark"] .mog__out {
  background: rgba(2, 6, 23, 0.35);
  border-color: rgba(148, 163, 184, 0.2)
}

html[data-app-theme="dark"] .mog__out-title {
  color: #94a3b8
}

html[data-app-theme="dark"] .mog__out pre {
  color: #cbd5e1
}

html[data-app-theme="dark"] button.mog__route {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.14);
  color: #e2e8f0;
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.28)
}

html[data-app-theme="dark"] button.mog__route:hover {
  border-color: rgba(74, 242, 142, 0.22);
  background: rgba(15, 23, 42, 0.72)
}

html[data-app-theme="dark"] button.mog__route.is-active {
  border-color: rgba(74, 242, 142, 0.38);
  background: linear-gradient(165deg, rgba(34, 197, 94, 0.14) 0%, rgba(15, 23, 42, 0.75) 55%, rgba(6, 78, 59, 0.22) 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 0 0 1px rgba(74, 242, 142, 0.1), 0 8px 28px -6px rgba(0, 0, 0, 0.45)
}

html[data-app-theme="dark"] .mog__route-icon {
  color: #86efac
}

html[data-app-theme="dark"] button.mog__route:not(.is-active) .mog__route-icon {
  color: #8b9cb3
}

html[data-app-theme="dark"] .mog__route-desc {
  color: #94a3b8
}

.mog__mt-type {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem
}

.mog__mt-type-btn {
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 0.45rem 0.95rem;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font: inherit;
  transition: border-color 0.15s ease, background 0.15s ease
}

html[data-app-theme="light"] .mog__mt-type-btn {
  background: #f8fafc;
  border-color: #dce3ec;
  color: #475569
}

html[data-app-theme="light"] .mog__mt-type-btn:hover {
  border-color: rgba(22, 163, 74, 0.35);
  color: #0f172a
}

html[data-app-theme="light"] .mog__mt-type-btn.is-active {
  border-color: rgba(22, 163, 74, 0.45);
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
  color: #065f46
}

html[data-app-theme="dark"] .mog__mt-type-btn {
  background: rgba(2, 6, 23, 0.45);
  border-color: rgba(148, 163, 184, 0.22);
  color: #cbd5e1
}

html[data-app-theme="dark"] .mog__mt-type-btn:hover {
  border-color: rgba(74, 242, 142, 0.28);
  color: #f1f5f9
}

html[data-app-theme="dark"] .mog__mt-type-btn.is-active {
  border-color: rgba(74, 242, 142, 0.4);
  background: rgba(34, 197, 94, 0.16);
  color: #ecfdf5
}

.mog__mt-type--wrap {
  flex-wrap: wrap
}

#mog-mode-slot-direct-pills {
  position: relative
}

.mog__mode-select-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.ta-support {
  --ts-radius: 1rem;
  --ts-pad: 1.35rem;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2rem
}

.ta-support__header {
  margin-bottom: 1.45rem
}

.ta-support__eyebrow {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0.75rem
}

.ta-support__title {
  font-size: clamp(1.45rem, 2.4vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin: 0
}

.ta-support__subtitle {
  font-size: 0.9rem;
  margin: 0.5rem 0 0;
  max-width: 44rem;
  line-height: 1.5
}

.ta-support__alert {
  font-size: 0.86rem;
  border-radius: var(--ts-radius);
  border: 1px solid transparent;
  padding: 0.85rem 1rem;
  margin-bottom: 1rem
}

.ta-support__card {
  border-radius: var(--ts-radius);
  border: 1px solid transparent;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease
}

.ta-support__card-head {
  padding: 0.9rem 1rem;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase
}

.ta-support__messages {
  height: 360px;
  overflow-y: auto;
  padding: 1rem
}

.ta-support__composer {
  padding: 0.95rem 1rem 1rem;
  border-top: 1px solid transparent
}

.ta-support__input-row {
  display: flex;
  flex-direction: column;
  gap: 0.6rem
}

.ta-support__input {
  min-height: 70px;
  resize: vertical;
  border-radius: 0.55rem;
  border: 1px solid transparent;
  font-size: 0.86rem;
  line-height: 1.45;
  padding: 0.65rem 0.75rem
}

.ta-support__send {
  border: 1px solid transparent;
  border-radius: 0.55rem;
  padding: 0.6rem 1rem;
  font-size: 0.82rem;
  font-weight: 600;
  width: 100%;
  min-height: 2.5rem;
  align-self: stretch
}

#support-chat-input:disabled,
#support-chat-send:disabled {
  opacity: 0.7;
  cursor: not-allowed
}

.support-chat-thinking {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem
}

.support-chat-thinking .spinner-border {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em
}

.ta-support__status {
  display: inline-block;
  margin-top: 0.55rem;
  font-size: 0.75rem;
  min-height: 1.2em
}

.ta-support__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.95rem;
  padding-top: 0.95rem;
  border-top: 1px solid transparent
}

.ta-support__action {
  flex: 1 1 0;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 0.95rem;
  border-radius: 0.75rem;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease
}

.ta-support__action-icon {
  font-size: 1.1rem;
  line-height: 1;
  margin-bottom: 0.45rem;
  opacity: 0.95
}

.ta-support__action:hover {
  transform: translateY(-1px);
  text-decoration: none;
  color: inherit
}

.ta-support__action-title {
  font-size: 0.92rem;
  font-weight: 700;
  display: block;
  margin-bottom: 0.22rem
}

.ta-support__action-desc {
  font-size: 0.75rem;
  opacity: 0.9;
  line-height: 1.35
}

.support-chat-messages .chat-bubble-assistant p {
  margin-bottom: 0.5rem
}

.support-chat-messages .chat-bubble-assistant p:last-child {
  margin-bottom: 0
}

.support-chat-messages .chat-bubble-assistant ul,
.support-chat-messages .chat-bubble-assistant ol {
  margin: 0.25rem 0 0.5rem 1rem;
  padding-left: 1.25rem
}

.support-chat-messages .chat-bubble-assistant li {
  margin-bottom: 0.2rem
}

.support-chat-messages .chat-bubble-assistant code {
  background: rgba(0, 0, 0, 0.08);
  padding: 0.15rem 0.35rem;
  border-radius: 3px;
  font-size: 0.9em
}

.support-chat-messages .chat-bubble-assistant pre {
  background: rgba(0, 0, 0, 0.06);
  padding: 0.5rem;
  border-radius: 4px;
  overflow-x: auto;
  margin: 0.5rem 0;
  white-space: pre-wrap
}

.support-chat-messages .chat-bubble-assistant pre code {
  padding: 0;
  background: none
}

.support-chat-messages .chat-bubble-assistant strong {
  font-weight: 600
}

.support-chat-messages .chat-bubble-assistant img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 0.5rem 0;
  display: block
}

html[data-app-theme="light"] .ta-support__eyebrow {
  color: #15803d;
  opacity: 0.72
}

html[data-app-theme="light"] .ta-support__title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-support__subtitle {
  color: #475569
}

html[data-app-theme="light"] .ta-support__alert {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b
}

html[data-app-theme="light"] .ta-support__alert a {
  color: #7f1d1d;
  font-weight: 700
}

html[data-app-theme="light"] .ta-support__card {
  background: linear-gradient(165deg, #ffffff 0%, #fafbfc 42%, #f4f6f9 100%);
  border-color: rgba(15, 23, 42, 0.085);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.98) inset, 0 1px 2px rgba(15, 23, 42, 0.035), 0 8px 28px -6px rgba(15, 23, 42, 0.07);
  backdrop-filter: blur(10px)
}

html[data-app-theme="light"] .ta-support__card-head {
  color: #166534;
  background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
  border-bottom: 1px solid rgba(22, 163, 74, 0.22)
}

html[data-app-theme="light"] .ta-support__messages {
  background: rgba(248, 250, 252, 0.62)
}

html[data-app-theme="light"] .ta-support__composer {
  border-top-color: rgba(15, 23, 42, 0.07)
}

html[data-app-theme="light"] .ta-support__input {
  background: #f8fafc;
  border-color: #dce3ec;
  color: #0f172a
}

html[data-app-theme="light"] .ta-support__input:focus {
  outline: none;
  border-color: rgba(22, 163, 74, 0.45);
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12);
  background: #fff
}

html[data-app-theme="light"] .ta-support__send {
  border: 1px solid rgba(22, 163, 74, 0.4);
  color: #047857;
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 45%, #bbf7d0 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset, 0 2px 10px rgba(22, 163, 74, 0.09)
}

html[data-app-theme="light"] .ta-support__send:hover {
  color: #065f46;
  border-color: rgba(22, 163, 74, 0.52);
  background: linear-gradient(180deg, #d1fae5 0%, #a7f3d0 55%, #86efac 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 4px 14px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] .ta-support__status {
  color: #64748b
}

html[data-app-theme="light"] .support-chat-thinking {
  color: #475569
}

html[data-app-theme="light"] .chat-bubble-user {
  background: linear-gradient(180deg, #22c55e 0%, #15803d 100%) !important;
  color: #fff;
  border-radius: 0.65rem !important
}

html[data-app-theme="light"] .chat-bubble-assistant {
  background: #fff !important;
  border-color: #dbe4ee !important;
  color: #1f2937 !important;
  border-radius: 0.65rem !important
}

html[data-app-theme="light"] .ta-support__actions {
  border-top-color: rgba(15, 23, 42, 0.07)
}

html[data-app-theme="light"] .ta-support__action {
  background: #fff;
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset
}

html[data-app-theme="light"] .ta-support__action:hover {
  border-color: rgba(22, 163, 74, 0.28);
  box-shadow: 0 6px 18px -6px rgba(15, 23, 42, 0.14)
}

html[data-app-theme="light"] .ta-support__action--docs {
  color: #334155;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-color: rgba(15, 23, 42, 0.1)
}

html[data-app-theme="light"] .ta-support__action--docs:hover {
  color: #065f46;
  border-color: rgba(22, 163, 74, 0.35);
  box-shadow: 0 8px 22px -10px rgba(22, 163, 74, 0.2)
}

html[data-app-theme="light"] .ta-support__action--community {
  color: #334155;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-color: rgba(15, 23, 42, 0.1)
}

html[data-app-theme="light"] .ta-support__action--community:hover {
  color: #065f46;
  border-color: rgba(22, 163, 74, 0.35);
  box-shadow: 0 8px 22px -10px rgba(22, 163, 74, 0.2)
}

html[data-app-theme="dark"] .ta-support__eyebrow {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-support__title {
  color: #f1f5f9
}

html[data-app-theme="dark"] .ta-support__subtitle {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-support__alert {
  background: rgba(127, 29, 29, 0.25);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca
}

html[data-app-theme="dark"] .ta-support__alert a {
  color: #fecaca;
  font-weight: 700
}

html[data-app-theme="dark"] .ta-support__card {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.12);
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px)
}

html[data-app-theme="dark"] .ta-support__card-head {
  color: #bbf7d0;
  background: rgba(16, 185, 129, 0.12);
  border-bottom: 1px solid rgba(74, 242, 142, 0.22)
}

html[data-app-theme="dark"] .ta-support__messages {
  background: rgba(2, 6, 23, 0.35)
}

html[data-app-theme="dark"] .ta-support__composer {
  border-top-color: rgba(148, 163, 184, 0.1)
}

html[data-app-theme="dark"] .ta-support__input {
  background: rgba(2, 6, 23, 0.45);
  border-color: rgba(148, 163, 184, 0.2);
  color: #e2e8f0
}

html[data-app-theme="dark"] .ta-support__send {
  border: 1px solid rgba(74, 242, 142, 0.22);
  color: rgba(209, 250, 229, 0.9);
  background: linear-gradient(180deg, rgba(55, 214, 122, 0.12) 0%, rgba(31, 164, 99, 0.1) 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 4px 10px rgba(8, 60, 40, 0.14)
}

html[data-app-theme="dark"] .ta-support__send:hover {
  border-color: rgba(74, 242, 142, 0.34);
  color: #ecfdf5;
  background: linear-gradient(180deg, rgba(55, 214, 122, 0.2) 0%, rgba(31, 164, 99, 0.16) 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07) inset, 0 5px 14px rgba(8, 60, 40, 0.2)
}

html[data-app-theme="dark"] .ta-support__status {
  color: #94a3b8
}

html[data-app-theme="dark"] .support-chat-thinking {
  color: #94a3b8
}

html[data-app-theme="dark"] .chat-bubble-user {
  background: linear-gradient(180deg, #34d399 0%, #059669 100%) !important;
  color: #fff;
  border-radius: 0.65rem !important
}

html[data-app-theme="dark"] .chat-bubble-assistant {
  background: rgba(15, 23, 42, 0.72) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #e2e8f0 !important;
  border-radius: 0.65rem !important
}

html[data-app-theme="dark"] .ta-support__actions {
  border-top-color: rgba(148, 163, 184, 0.1)
}

html[data-app-theme="dark"] .ta-support__action {
  background: rgba(2, 6, 23, 0.4);
  border-color: rgba(148, 163, 184, 0.18)
}

html[data-app-theme="dark"] .ta-support__action:hover {
  border-color: rgba(74, 242, 142, 0.28);
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.45)
}

html[data-app-theme="dark"] .ta-support__action--docs {
  color: #cbd5e1;
  background: rgba(2, 6, 23, 0.4);
  border-color: rgba(148, 163, 184, 0.18)
}

html[data-app-theme="dark"] .ta-support__action--community {
  color: #cbd5e1;
  background: rgba(2, 6, 23, 0.4);
  border-color: rgba(148, 163, 184, 0.18)
}

.ta-to {
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2rem
}

.ta-to__hero {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.95rem;
  background: rgba(2, 6, 23, 0.56);
  padding: 1rem
}

.ta-to__eyebrow {
  margin: 0;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f59e0b;
  font-weight: 800
}

.ta-to__title {
  margin: 0.45rem 0 0;
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #f1f5f9
}

.ta-to__sub {
  margin: 0.4rem 0 0;
  max-width: 58rem;
  color: #94a3b8;
  font-size: 0.9rem;
  line-height: 1.5
}

.ta-to__actions {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem
}

.ta-to__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  text-decoration: none;
  border-radius: 0.62rem;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.52rem 0.9rem;
  border: 1px solid transparent
}

.ta-to__btn--primary {
  color: #fff7ed;
  border-color: rgba(248, 113, 113, 0.45);
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.22), rgba(239, 68, 68, 0.2))
}

.ta-to__btn--secondary {
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(2, 6, 23, 0.42)
}

.ta-to__grid {
  margin-top: 0.9rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem
}

@media (min-width:1024px) {
  .ta-to__grid {
    grid-template-columns: 1fr 1fr
  }
}

.ta-to__card {
  border-radius: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(2, 6, 23, 0.56);
  padding: 0.9rem 0.95rem
}

.ta-to__card-title {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  color: #f1f5f9
}

.ta-to__card-desc {
  margin: 0.3rem 0 0.7rem;
  color: #94a3b8;
  font-size: 0.84rem;
  line-height: 1.45
}

.ta-to__map {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6rem
}

@media (min-width:760px) {
  .ta-to__map {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

.ta-to__mini {
  border-radius: 0.62rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(2, 6, 23, 0.3);
  padding: 0.62rem 0.68rem
}

.ta-to__mini h3 {
  margin: 0;
  font-size: 0.82rem;
  text-transform: uppercase;
  color: #fde68a
}

.ta-to__mini p {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  color: #94a3b8;
  line-height: 1.4
}

.ta-to__timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.6rem
}

.ta-to__timeline li {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.62rem;
  background: rgba(2, 6, 23, 0.34);
  padding: 0.6rem 0.66rem
}

.ta-to__timeline h3 {
  margin: 0;
  color: #e2e8f0;
  font-size: 0.82rem
}

.ta-to__timeline p {
  margin: 0.24rem 0 0;
  color: #94a3b8;
  font-size: 0.79rem;
  line-height: 1.42
}

html[data-app-theme="light"] .ta-to__hero,
html[data-app-theme="light"] .ta-to__card {
  border-color: rgba(15, 23, 42, 0.1);
  background: #fff
}

html[data-app-theme="light"] .ta-to__title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-to__sub,
html[data-app-theme="light"] .ta-to__card-desc,
html[data-app-theme="light"] .ta-to__mini p,
html[data-app-theme="light"] .ta-to__timeline p {
  color: #64748b
}

html[data-app-theme="light"] .ta-to__card-title,
html[data-app-theme="light"] .ta-to__timeline h3 {
  color: #0f172a
}

html[data-app-theme="light"] .ta-to__mini {
  border-color: rgba(15, 23, 42, 0.1);
  background: #f8fafc
}

html[data-app-theme="light"] .ta-to__mini h3 {
  color: #b45309
}

html[data-app-theme="light"] .ta-to__timeline li {
  border-color: rgba(15, 23, 42, 0.12);
  background: #f8fafc
}

html[data-app-theme="light"] .ta-to__btn--secondary {
  color: #334155;
  border-color: rgba(15, 23, 42, 0.14);
  background: #f8fafc
}

.ta-sb {
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2rem
}

.ta-sb__hero {
  border: 1px solid rgba(74, 242, 142, 0.2);
  background: linear-gradient(155deg, rgba(2, 6, 23, 0.78), rgba(15, 23, 42, 0.62));
  border-radius: 0.95rem;
  padding: 1rem
}

.ta-sb__hero-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap
}

.ta-sb__kicker {
  margin: 0;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #86efac;
  font-weight: 800
}

.ta-sb__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 999px;
  border: 1px solid rgba(74, 242, 142, 0.38);
  background: rgba(74, 242, 142, 0.13);
  color: #bbf7d0;
  padding: 0.3rem 0.62rem;
  font-size: 0.74rem;
  font-weight: 700
}

.ta-sb__title {
  margin: 0.45rem 0 0;
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #f1f5f9
}

.ta-sb__sub {
  margin: 0.4rem 0 0;
  max-width: 52rem;
  color: #94a3b8;
  font-size: 0.9rem;
  line-height: 1.5
}

.ta-sb__hero-actions {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem
}

.ta-sb__layout {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem
}

@media (min-width:1024px) {
  .ta-sb__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
  }
}

.ta-sb__rail {
  display: grid;
  gap: 0.85rem
}

.ta-sb__card {
  border-radius: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(2, 6, 23, 0.56);
  padding: 0.9rem 0.95rem
}

.ta-sb__card-title {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  color: #f1f5f9
}

.ta-sb__card-desc {
  margin: 0.3rem 0 0.7rem;
  color: #94a3b8;
  font-size: 0.84rem;
  line-height: 1.45
}

.ta-sb__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.6rem
}

.ta-sb__step {
  display: grid;
  grid-template-columns: 1.65rem 1fr;
  gap: 0.55rem;
  align-items: start
}

.ta-sb__step-num {
  height: 1.65rem;
  width: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.78rem;
  font-weight: 800;
  border: 1px solid rgba(74, 242, 142, 0.34);
  background: rgba(74, 242, 142, 0.12);
  color: #bbf7d0
}

.ta-sb__step h3 {
  margin: 0;
  color: #e2e8f0;
  font-size: 0.86rem;
  font-weight: 700
}

.ta-sb__step p {
  margin: 0.2rem 0 0;
  color: #94a3b8;
  font-size: 0.8rem;
  line-height: 1.45
}

.ta-sb__split {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr
}

@media (min-width:760px) {
  .ta-sb__split {
    grid-template-columns: 1fr 1fr
  }
}

.ta-sb__list {
  margin: 0;
  padding-left: 1.1rem;
  color: #cbd5e1;
  font-size: 0.84rem;
  line-height: 1.5
}

.ta-sb__list li {
  margin-bottom: 0.35rem
}

.ta-sb__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none
}

.ta-sb__tags li {
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  padding: 0.28rem 0.58rem;
  font-size: 0.76rem;
  color: #cbd5e1;
  background: rgba(2, 6, 23, 0.4)
}

.ta-sb__map {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6rem
}

@media (min-width:760px) {
  .ta-sb__map {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

.ta-sb__mini {
  border-radius: 0.62rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(2, 6, 23, 0.3);
  padding: 0.62rem 0.68rem
}

.ta-sb__mini h3 {
  margin: 0;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #a7f3d0
}

.ta-sb__mini p {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  color: #94a3b8;
  line-height: 1.4
}

.ta-sb__kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem
}

@media (max-width:760px) {
  .ta-sb__kpis {
    grid-template-columns: 1fr
  }
}

.ta-sb__kpi {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.55rem;
  background: rgba(15, 23, 42, 0.52);
  padding: 0.55rem 0.62rem
}

.ta-sb__kpi-label {
  margin: 0;
  font-size: 0.68rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #94a3b8;
  font-weight: 700
}

.ta-sb__kpi-value {
  margin: 0.26rem 0 0;
  font-size: 0.9rem;
  color: #f1f5f9;
  font-weight: 700
}

.ta-sb__timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.6rem
}

.ta-sb__timeline li {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.62rem;
  background: rgba(2, 6, 23, 0.34);
  padding: 0.6rem 0.66rem
}

.ta-sb__timeline h3 {
  margin: 0;
  color: #e2e8f0;
  font-size: 0.82rem;
  font-weight: 700
}

.ta-sb__timeline p {
  margin: 0.24rem 0 0;
  color: #94a3b8;
  font-size: 0.79rem;
  line-height: 1.42
}

.ta-sb__shot {
  border-radius: 0.7rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  overflow: hidden;
  line-height: 0
}

.ta-sb__shot img {
  width: 100%;
  height: auto;
  display: block
}

.ta-sb__section-title {
  margin: 0.8rem 0 0.5rem;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--setup-muted, #94a3b8);
  font-weight: 800
}

.ta-sb__mock {
  border-radius: 0.7rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: #0b0f16;
  padding: 0.55rem
}

.ta-sb__mock-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #e2e8f0;
  font-size: 0.7rem;
  margin-bottom: 0.45rem
}

.ta-sb__mock-tabs {
  display: flex;
  gap: 0.35rem;
  margin-bottom: 0.45rem
}

.ta-sb__mock-tab {
  font-size: 0.66rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  color: #94a3b8
}

.ta-sb__mock-tab.is-active {
  border-color: rgba(74, 242, 142, 0.35);
  color: #bbf7d0;
  background: rgba(74, 242, 142, 0.1)
}

.ta-sb__mock-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 0.45rem;
  padding: 0.35rem 0.45rem;
  background: rgba(15, 23, 42, 0.65);
  color: #e2e8f0;
  font-size: 0.68rem
}

.ta-sb__mock-pill {
  border-radius: 999px;
  padding: 0.15rem 0.38rem;
  font-size: 0.62rem;
  font-weight: 700;
  color: #dcfce7;
  background: rgba(34, 197, 94, 0.2);
  border: 1px solid rgba(34, 197, 94, 0.35)
}

.ta-sb__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem
}

.ta-sb__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  text-decoration: none;
  border-radius: 0.62rem;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.52rem 0.9rem;
  border: 1px solid transparent
}

.ta-sb__btn--primary {
  color: #ecfdf5;
  border-color: rgba(74, 242, 142, 0.5);
  background: linear-gradient(180deg, rgba(74, 242, 142, 0.28), rgba(34, 197, 94, 0.14))
}

.ta-sb__btn--secondary {
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(2, 6, 23, 0.42)
}

html[data-app-theme="light"] .ta-sb__hero {
  border-color: rgba(15, 23, 42, 0.12);
  background: #ffffff;
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.08)
}

html[data-app-theme="light"] .ta-sb__kicker {
  color: #15803d
}

html[data-app-theme="light"] .ta-sb__badge {
  color: #166534;
  border-color: rgba(22, 163, 74, 0.28);
  background: rgba(22, 163, 74, 0.1)
}

html[data-app-theme="light"] .ta-sb__title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-sb__sub {
  color: #64748b
}

html[data-app-theme="light"] .ta-sb__card {
  border-color: rgba(15, 23, 42, 0.1);
  background: #ffffff
}

html[data-app-theme="light"] .ta-sb__card-title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-sb__card-desc {
  color: #64748b
}

html[data-app-theme="light"] .ta-sb__step-num {
  color: #166534;
  border-color: rgba(22, 163, 74, 0.3);
  background: rgba(22, 163, 74, 0.1)
}

html[data-app-theme="light"] .ta-sb__step h3 {
  color: #0f172a
}

html[data-app-theme="light"] .ta-sb__step p {
  color: #64748b
}

html[data-app-theme="light"] .ta-sb__list {
  color: #334155
}

html[data-app-theme="light"] .ta-sb__tags li {
  color: #334155;
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.14)
}

html[data-app-theme="light"] .ta-sb__mini {
  border-color: rgba(15, 23, 42, 0.1);
  background: #f8fafc
}

html[data-app-theme="light"] .ta-sb__mini h3 {
  color: #15803d
}

html[data-app-theme="light"] .ta-sb__mini p {
  color: #64748b
}

html[data-app-theme="light"] .ta-sb__kpi {
  border-color: rgba(15, 23, 42, 0.12);
  background: #f8fafc
}

html[data-app-theme="light"] .ta-sb__kpi-label {
  color: #64748b
}

html[data-app-theme="light"] .ta-sb__kpi-value {
  color: #0f172a
}

html[data-app-theme="light"] .ta-sb__timeline li {
  border-color: rgba(15, 23, 42, 0.12);
  background: #f8fafc
}

html[data-app-theme="light"] .ta-sb__timeline h3 {
  color: #0f172a
}

html[data-app-theme="light"] .ta-sb__timeline p {
  color: #64748b
}

html[data-app-theme="light"] .ta-sb__btn--primary {
  color: #fff;
  border-color: #15803d;
  background: linear-gradient(180deg, #22c55e, #16a34a)
}

html[data-app-theme="light"] .ta-sb__btn--secondary {
  color: #334155;
  border-color: rgba(15, 23, 42, 0.14);
  background: #f8fafc
}

html[data-app-theme="light"] .ta-sb__mock {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.14)
}

html[data-app-theme="light"] .ta-sb__mock-top {
  color: #0f172a
}

html[data-app-theme="light"] .ta-sb__mock-tab {
  color: #64748b;
  border-color: rgba(15, 23, 42, 0.16)
}

html[data-app-theme="light"] .ta-sb__mock-row {
  color: #0f172a;
  border-color: rgba(15, 23, 42, 0.12);
  background: #ffffff
}

.ta-ref {
  --tr-radius: 1rem;
  --tr-pad: 1.35rem;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2rem
}

.ta-ref__header {
  margin-bottom: 1.5rem
}

.ta-ref__eyebrow {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0.75rem
}

.ta-ref__title {
  font-size: clamp(1.45rem, 2.4vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin: 0
}

.ta-ref__subtitle {
  font-size: 0.9rem;
  margin: 0.5rem 0 0;
  max-width: 44rem;
  line-height: 1.5
}

.ta-ref__toast {
  font-size: 0.85rem;
  padding: 0.72rem 1rem;
  border-radius: var(--tr-radius);
  border: 1px solid transparent;
  margin-bottom: 1rem
}

.ta-ref__card {
  border-radius: var(--tr-radius);
  padding: var(--tr-pad);
  border: 1px solid transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease
}

.ta-ref__card-title {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 0.95rem
}

.ta-ref__copy {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center
}

.ta-ref__input {
  flex: 1;
  min-width: min(100%, 24rem);
  border-radius: 0.55rem;
  border: 1px solid transparent;
  padding: 0.6rem 0.7rem;
  font-size: 0.8rem;
  font-family: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace
}

.ta-ref__btn {
  border: 1px solid transparent;
  border-radius: 0.55rem;
  padding: 0.56rem 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.2rem;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease
}

.ta-ref__btn-icon {
  width: 0.95rem;
  height: 0.95rem;
  flex: 0 0 auto;
  display: inline-block
}

.ta-ref__btn-label {
  line-height: 1;
  display: inline-block
}

.ta-ref__copy-status {
  margin: 0.4rem 0 0;
  min-height: 1.2em;
  font-size: 0.76rem;
  font-weight: 600
}

.ta-ref__metrics {
  margin-top: 1.2rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem
}

@media (min-width:768px) {
  .ta-ref__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

.ta-ref__metric {
  border-radius: 0.75rem;
  border: 1px solid transparent;
  padding: 0.9rem 0.8rem;
  text-align: center
}

.ta-ref__metric-value {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0
}

.ta-ref__metric-label {
  margin: 0.32rem 0 0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.72
}

.ta-ref__hint {
  margin: 0.95rem 0 0;
  font-size: 0.8rem;
  opacity: 0.85
}

html[data-app-theme="light"] .ta-ref__eyebrow {
  color: #15803d;
  opacity: 0.72
}

html[data-app-theme="light"] .ta-ref__title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-ref__subtitle {
  color: #475569
}

html[data-app-theme="light"] .ta-ref__toast {
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: rgba(22, 163, 74, 0.28);
  color: #065f46
}

html[data-app-theme="light"] .ta-ref__card {
  background: linear-gradient(165deg, #ffffff 0%, #fafbfc 42%, #f4f6f9 100%);
  border-color: rgba(15, 23, 42, 0.085);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.98) inset, 0 1px 2px rgba(15, 23, 42, 0.035), 0 8px 28px -6px rgba(15, 23, 42, 0.07);
  backdrop-filter: blur(10px)
}

html[data-app-theme="light"] .ta-ref__card-title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-ref__input {
  background: #f8fafc;
  border-color: #dce3ec;
  color: #0f172a
}

html[data-app-theme="light"] .ta-ref__input:focus {
  outline: none;
  background: #fff;
  border-color: rgba(22, 163, 74, 0.45);
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] .ta-ref__btn {
  color: #fff;
  background: linear-gradient(180deg, #22c55e 0%, #15803d 100%);
  box-shadow: 0 2px 12px rgba(22, 163, 74, 0.2)
}

html[data-app-theme="light"] .ta-ref__btn:hover {
  filter: brightness(1.05)
}

html[data-app-theme="light"] .ta-ref__copy-status {
  color: #166534
}

html[data-app-theme="light"] .ta-ref__metric {
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 55%, #e8eef5 100%);
  border-color: rgba(15, 23, 42, 0.07);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset
}

html[data-app-theme="light"] .ta-ref__metric-value {
  color: #0f172a
}

html[data-app-theme="light"] .ta-ref__metric-label {
  color: #64748b
}

html[data-app-theme="light"] .ta-ref__hint {
  color: #64748b
}

html[data-app-theme="dark"] .ta-ref__eyebrow {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-ref__title {
  color: #f1f5f9
}

html[data-app-theme="dark"] .ta-ref__subtitle {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-ref__toast {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.28);
  color: #bbf7d0
}

html[data-app-theme="dark"] .ta-ref__card {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.12);
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px)
}

html[data-app-theme="dark"] .ta-ref__card-title {
  color: #f8fafc
}

html[data-app-theme="dark"] .ta-ref__input {
  background: rgba(2, 6, 23, 0.45);
  border-color: rgba(148, 163, 184, 0.15);
  color: #cbd5e1
}

html[data-app-theme="dark"] .ta-ref__btn {
  color: #fff;
  background: linear-gradient(180deg, #34d399 0%, #059669 100%);
  box-shadow: 0 2px 14px rgba(52, 211, 153, 0.22)
}

html[data-app-theme="dark"] .ta-ref__btn:hover {
  filter: brightness(1.06)
}

html[data-app-theme="dark"] .ta-ref__copy-status {
  color: #86efac
}

html[data-app-theme="dark"] .ta-ref__metric {
  background: rgba(2, 6, 23, 0.35);
  border-color: rgba(148, 163, 184, 0.1)
}

html[data-app-theme="dark"] .ta-ref__metric-value {
  color: #f1f5f9
}

html[data-app-theme="dark"] .ta-ref__metric-label {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-ref__hint {
  color: #94a3b8
}

.ta-trades {
  --tt-radius: 1rem;
  --tt-pad: 1.35rem;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2rem
}

.ta-trades__header {
  margin-bottom: 1.5rem
}

.ta-trades__eyebrow {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 0.75rem
}

.ta-trades__title {
  font-size: clamp(1.45rem, 2.5vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin: 0
}

.ta-trades__subtitle {
  font-size: 0.9rem;
  margin: 0.5rem 0 0;
  max-width: 44rem;
  line-height: 1.5
}

.ta-trades__hint {
  font-size: 0.82rem;
  padding: 0.85rem 1.05rem;
  border-radius: var(--tt-radius);
  border: 1px solid transparent;
  margin-bottom: 1.35rem;
  line-height: 1.5
}

.ta-trades__hint-strong {
  font-weight: 700;
  display: inline;
  margin-right: 0.25rem
}

.ta-trades__hint-link {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 0.78rem;
  padding: 0.2rem 0.55rem;
  margin: 0 0.15rem;
  border-radius: 0.45rem;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease
}

.ta-trades__routes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.25rem
}

@media (min-width:640px) {
  .ta-trades__routes {
    grid-template-columns: 1fr 1fr
  }
}

.ta-trades__route {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem 1.15rem;
  border-radius: var(--tt-radius);
  border: 1px solid transparent;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.15s ease
}

.ta-trades__route:hover {
  transform: translateY(-1px)
}

.ta-trades__route:focus-visible {
  outline: 2px solid rgba(74, 242, 142, 0.55);
  outline-offset: 2px
}

.ta-trades__route-icon {
  flex-shrink: 0;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 0.08rem
}

.ta-trades__route-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0
}

.ta-trades__route-title {
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  line-height: 1.25
}

.ta-trades__route-desc {
  font-size: 0.74rem;
  line-height: 1.45;
  opacity: 0.82
}

.ta-trades__subnav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 1.15rem
}

.ta-trades__subnav-item {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.95rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease
}

.ta-trades__subnav-item:focus-visible {
  outline: 2px solid rgba(74, 242, 142, 0.45);
  outline-offset: 2px
}

.ta-trades__card {
  border-radius: var(--tt-radius);
  padding: var(--tt-pad);
  border: 1px solid transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease
}

.ta-trades__card-title {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 1rem
}

.ta-trades__alert {
  font-size: 0.85rem;
  padding: 0.75rem 1rem;
  border-radius: 0.65rem;
  border: 1px solid transparent;
  margin-bottom: 1rem
}

.ta-trades__table-wrap {
  margin-top: 0.25rem;
  overflow-x: auto
}

.ta-trades__table {
  margin-bottom: 0;
  font-size: 0.78rem;
  border-collapse: separate;
  border-spacing: 0
}

.ta-trades__table thead {
  position: sticky;
  top: 0;
  z-index: 2
}

.ta-trades__table thead th {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: none;
  padding: 0.58rem 0.52rem;
  white-space: nowrap
}

.ta-trades__table td {
  border-color: inherit;
  padding: 0.55rem 0.52rem;
  vertical-align: middle;
  line-height: 1.42
}

.ta-trades__empty {
  text-align: center;
  padding: 2.25rem 1.25rem;
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0;
  border-radius: 0.75rem;
  border: 1px dashed transparent
}

html[data-app-theme="light"] .ta-trades__eyebrow {
  color: #15803d;
  opacity: 0.72
}

html[data-app-theme="light"] .ta-trades__title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-trades__subtitle {
  color: #475569
}

html[data-app-theme="light"] .ta-trades__hint {
  background: linear-gradient(180deg, #fefce8 0%, #fef3c7 100%);
  border-color: rgba(217, 119, 6, 0.32);
  color: #78350f;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.78) inset, 0 4px 16px -4px rgba(180, 83, 9, 0.14)
}

html[data-app-theme="light"] .ta-trades__hint-strong {
  color: #92400e
}

html[data-app-theme="light"] .ta-trades__hint-link {
  background: #fffbeb;
  border-color: rgba(180, 83, 9, 0.35);
  color: #92400e;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset
}

html[data-app-theme="light"] .ta-trades__hint-link:hover {
  background: #fef3c7;
  border-color: rgba(180, 83, 9, 0.48);
  color: #78350f
}

html[data-app-theme="light"] .ta-trades__route {
  background: linear-gradient(165deg, #ffffff 0%, #fafbfc 50%, #f4f6f9 100%);
  border-color: rgba(15, 23, 42, 0.09);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 2px 8px rgba(15, 23, 42, 0.04);
  color: #0f172a
}

html[data-app-theme="light"] .ta-trades__route:hover {
  border-color: rgba(22, 163, 74, 0.32);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.98) inset, 0 8px 24px -4px rgba(22, 163, 74, 0.12)
}

html[data-app-theme="light"] .ta-trades__route.is-active {
  border-color: rgba(22, 163, 74, 0.45);
  background: linear-gradient(165deg, #ecfdf5 0%, #ffffff 45%, #f0fdf4 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 0 0 1px rgba(22, 163, 74, 0.1), 0 8px 28px -6px rgba(22, 163, 74, 0.14)
}

html[data-app-theme="light"] .ta-trades__route-icon {
  color: #15803d
}

html[data-app-theme="light"] .ta-trades__route:not(.is-active) .ta-trades__route-icon {
  color: #64748b
}

html[data-app-theme="light"] .ta-trades__route-desc {
  color: #64748b
}

html[data-app-theme="light"] .ta-trades__subnav-item {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(15, 23, 42, 0.1);
  color: #475569
}

html[data-app-theme="light"] .ta-trades__subnav-item:hover {
  border-color: rgba(22, 163, 74, 0.28);
  color: #166534;
  background: #f0fdf4
}

html[data-app-theme="light"] .ta-trades__subnav-item.is-active {
  background: linear-gradient(180deg, #22c55e 0%, #15803d 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 10px rgba(22, 163, 74, 0.25)
}

html[data-app-theme="light"] .ta-trades__card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.98) inset, 0 1px 2px rgba(15, 23, 42, 0.035), 0 8px 24px -8px rgba(15, 23, 42, 0.09);
  backdrop-filter: blur(10px)
}

html[data-app-theme="light"] .ta-trades__card:hover {
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.99) inset, 0 2px 4px rgba(15, 23, 42, 0.04), 0 10px 32px -8px rgba(15, 23, 42, 0.08)
}

html[data-app-theme="light"] .ta-trades__card-title {
  color: #0f172a
}

html[data-app-theme="light"] .ta-trades__alert {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b
}

html[data-app-theme="light"] .ta-trades__alert--info {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1e40af
}

html[data-app-theme="light"] .ta-trades__table-wrap {
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  padding-top: 0.85rem;
  margin-top: 0
}

html[data-app-theme="light"] .ta-trades__table thead th {
  color: #475569;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%)
}

html[data-app-theme="light"] .ta-trades__table td {
  color: #1e293b;
  border-bottom-color: #eef2f6
}

html[data-app-theme="light"] .ta-trades__table tbody tr:nth-child(even) td {
  background: rgba(248, 250, 252, 0.62)
}

html[data-app-theme="light"] .ta-trades__table tbody tr:hover td {
  background: rgba(236, 253, 245, 0.78)
}

html[data-app-theme="light"] .ta-trades__empty {
  color: #64748b;
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(248, 250, 252, 0.6)
}

html[data-app-theme="dark"] .ta-trades__eyebrow {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-trades__title {
  color: #f1f5f9
}

html[data-app-theme="dark"] .ta-trades__subtitle {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-trades__hint {
  background: rgba(161, 98, 7, 0.2);
  border-color: rgba(251, 191, 36, 0.3);
  color: #fef3c7
}

html[data-app-theme="dark"] .ta-trades__hint-strong {
  color: #fde68a
}

html[data-app-theme="dark"] .ta-trades__hint-link {
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
  background: rgba(120, 53, 15, 0.32)
}

html[data-app-theme="dark"] .ta-trades__hint-link:hover {
  border-color: rgba(251, 191, 36, 0.48);
  color: #fef3c7;
  background: rgba(146, 64, 14, 0.42)
}

html[data-app-theme="dark"] .ta-trades__route {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.14);
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.28);
  color: #f1f5f9;
  backdrop-filter: blur(8px)
}

html[data-app-theme="dark"] .ta-trades__route:hover {
  border-color: rgba(74, 242, 142, 0.28)
}

html[data-app-theme="dark"] .ta-trades__route.is-active {
  border-color: rgba(74, 242, 142, 0.42);
  background: linear-gradient(145deg, rgba(34, 197, 94, 0.12) 0%, rgba(15, 23, 42, 0.65) 100%);
  box-shadow: 0 0 0 1px rgba(74, 242, 142, 0.12), 0 8px 32px rgba(0, 0, 0, 0.35)
}

html[data-app-theme="dark"] .ta-trades__route-icon {
  color: #4af28e
}

html[data-app-theme="dark"] .ta-trades__route:not(.is-active) .ta-trades__route-icon {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-trades__route-desc {
  color: #94a3b8
}

html[data-app-theme="dark"] .ta-trades__subnav-item {
  background: rgba(2, 6, 23, 0.4);
  border-color: rgba(148, 163, 184, 0.18);
  color: #cbd5e1
}

html[data-app-theme="dark"] .ta-trades__subnav-item:hover {
  border-color: rgba(74, 242, 142, 0.3);
  color: #ecfdf5
}

html[data-app-theme="dark"] .ta-trades__subnav-item.is-active {
  background: linear-gradient(180deg, #34d399 0%, #059669 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 14px rgba(52, 211, 153, 0.22)
}

html[data-app-theme="dark"] .ta-trades__card {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.12);
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px)
}

html[data-app-theme="dark"] .ta-trades__card-title {
  color: #f8fafc
}

html[data-app-theme="dark"] .ta-trades__alert {
  background: rgba(127, 29, 29, 0.25);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca
}

html[data-app-theme="dark"] .ta-trades__alert--info {
  background: rgba(30, 58, 138, 0.35);
  border-color: rgba(96, 165, 250, 0.35);
  color: #bfdbfe
}

html[data-app-theme="dark"] .ta-trades__table-wrap {
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 0.85rem;
  margin-top: 0
}

html[data-app-theme="dark"] .ta-trades__table thead th {
  color: #94a3b8;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%)
}

html[data-app-theme="dark"] .ta-trades__table td {
  color: #cbd5e1;
  border-bottom-color: rgba(148, 163, 184, 0.08)
}

html[data-app-theme="dark"] .ta-trades__table tbody tr:nth-child(even) td {
  background: rgba(2, 6, 23, 0.2)
}

html[data-app-theme="dark"] .ta-trades__table tbody tr:hover td {
  background: rgba(16, 185, 129, 0.1)
}

html[data-app-theme="dark"] .ta-trades__empty {
  color: #94a3b8;
  border-color: rgba(148, 163, 184, 0.2);
  background: rgba(2, 6, 23, 0.35)
}