/**
 * Talk to Launch — brand accents (pair with brand-theme-tokyo.css).
 */

body.theme-ttl {
  --brand-primary:       #4aa8ff;
  --brand-primary-hover: #7ec4ff;
  --brand-primary-dim:   #2d8fd9;
  --brand-charcoal:      #2b2f36;
  --brand-glow:    rgba(74, 168, 255, .14);
  --brand-glow-2:  rgba(74, 168, 255, .22);
  --brand-border:  rgba(74, 168, 255, .24);
  --ember-glow:    var(--brand-glow);
  --ember-glow-2:  var(--brand-glow-2);
  --ttl-skew-radius: 10px 14px 10px 10px;
}

/* ── Auth ──── */
body.theme-ttl .auth-brand-zone {
  display: flex;
  justify-content: center;
}

body.theme-ttl .auth-brand { display: none; }

body.theme-ttl .auth-input:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-glow);
}

body.theme-ttl .auth-btn {
  background: var(--brand-primary);
  color: var(--brand-primary-ink, #0c1015);
  box-shadow: none;
}

body.theme-ttl .auth-btn:hover {
  background: var(--brand-primary-hover);
  box-shadow: none;
}

body.theme-ttl .auth-link:hover { color: var(--brand-primary); }

/* ── Product chrome ────────────────────── */
body.theme-ttl .inst-trigger.open {
  border-color: var(--brand-primary);
}

body.theme-ttl .inst-panel {
  border-color: var(--brand-primary);
}

body.theme-ttl .inst-search:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 2px var(--brand-glow);
}

body.theme-ttl .inst-option:hover {
  background: var(--brand-glow);
}

body.theme-ttl .inst-option.selected {
  box-shadow: inset 2px 0 0 var(--brand-primary);
}

body.theme-ttl .inst-opt-tag.sa,
body.theme-ttl .instance-tag.sa {
  background: var(--brand-glow);
  color: var(--brand-primary);
}

body.theme-ttl .send-btn,
body.theme-ttl .auth-btn,
body.theme-ttl .tpl-btn.primary,
body.theme-ttl .exec-preview-btn.primary,
body.theme-ttl .users-add-btn,
body.theme-ttl .mobile-menu-btn {
  color: var(--brand-primary-ink, #0c1015);
}

body.theme-ttl .exec-preview-btn.primary:hover,
body.theme-ttl .tpl-btn.primary:hover {
  color: var(--brand-primary-ink, #0c1015);
}


body.theme-ttl .nav-item.active {
  background: var(--brand-glow-2);
  color: var(--brand-primary);
  border-color: var(--brand-border);
}

body.theme-ttl .sidebar-footer a { color: var(--brand-primary); }

body.theme-ttl .topbar-logout:hover,
body.theme-ttl .sidebar-toggle:hover,
body.theme-ttl .sidebar-close:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
}

body.theme-ttl .topbar-pill.topbar-queries.concurrent {
  border-color: var(--brand-border);
  background: var(--brand-glow);
  color: var(--brand-primary);
}

body.theme-ttl .topbar-pill.topbar-queries.concurrent .topbar-queries-count {
  color: var(--brand-primary);
}

body.theme-ttl .mobile-menu-btn {
  background: var(--brand-primary);
  color: var(--brand-primary-ink, #0c1015);
  border-radius: var(--ttl-skew-radius);
}

body.theme-ttl .mobile-menu-btn:active { background: var(--brand-primary-hover); }

body.theme-ttl .hero-badge {
  color: var(--brand-primary);
  background: var(--brand-glow);
  border-color: var(--brand-border);
}

body.theme-ttl .hero h2 em {
  background: linear-gradient(135deg, var(--brand-primary), #9fd0ff);
  -webkit-background-clip: text;
  background-clip: text;
}

body.theme-ttl .msg.bot .msg-avatar {
  background: var(--brand-primary);
  color: var(--brand-primary-ink, #0c1015);
  box-shadow: none;
}

body.theme-ttl .msg.bot .msg-sender { color: var(--brand-primary); }

body.theme-ttl .prompt-expand-btn {
  background: var(--brand-glow);
  border-color: var(--brand-border);
  color: var(--brand-primary);
}

body.theme-ttl .steps-bar {
  background: var(--brand-glow);
  border-color: var(--brand-border);
  color: var(--brand-primary);
}

body.theme-ttl .step-dot,
body.theme-ttl .act-step.current .act-ico::before,
body.theme-ttl .typing span {
  background: var(--brand-primary);
}

body.theme-ttl .md-content a { color: var(--brand-primary); }

body.theme-ttl .md-content th {
  background: var(--brand-glow);
  color: var(--brand-primary);
}

body.theme-ttl .md-content blockquote {
  border-left-color: var(--brand-primary);
  background: var(--brand-glow);
}

body.theme-ttl .input-box:focus-within {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-glow);
}

body.theme-ttl .input-prefix { color: var(--brand-primary); }

body.theme-ttl .send-btn {
  background: var(--brand-primary);
  color: var(--brand-primary-ink, #0c1015);
}

body.theme-ttl .send-btn:hover { background: var(--brand-primary-hover); }

body.theme-ttl .tpl-tab.active {
  background: var(--brand-glow-2);
  color: var(--brand-primary);
  border-color: var(--brand-border);
}

body.theme-ttl .tpl-btn.primary,
body.theme-ttl .exec-preview-btn.primary {
  background: var(--brand-primary);
  color: #fff;
  border-color: var(--brand-primary);
}

body.theme-ttl .tpl-btn.primary:hover,
body.theme-ttl .exec-preview-btn.primary:hover {
  background: var(--brand-primary-hover);
}

body.theme-ttl .exec-preview-btn:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
}

body.theme-ttl .users-search-input:focus,
body.theme-ttl .edit-user-field > select:focus {
  border-color: var(--brand-primary);
}

body.theme-ttl .users-edit-btn:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
}

body.theme-ttl #editUserModal .edit-field-label .req {
  color: var(--brand-primary);
}

body.theme-ttl .users-add-btn {
  background: var(--brand-primary);
  color: #fff;
}

body.theme-ttl .users-add-btn:hover { background: var(--brand-primary-hover); }

body.theme-ttl .sql-modal-run,
body.theme-ttl #modalRun {
  background: var(--brand-primary) !important;
  color: #fff !important;
  border-color: var(--brand-primary) !important;
}

body.theme-ttl .sql-modal-run:hover,
body.theme-ttl #modalRun:hover {
  background: var(--brand-primary-hover) !important;
}