/* ==========================================================================
   Zapier theme structural overrides
   Loaded after hub.css — scoped to [data-theme^="zapier"] only.
   ========================================================================== */

[data-theme^="zapier"] html,
[data-theme^="zapier"] body {
  background: var(--r-surface-soft);
}

[data-theme^="zapier"] .ph-sidebar {
  background: var(--r-canvas);
}


[data-theme^="zapier"] .ph-sidebar-item {
  color: var(--r-mute);
}

[data-theme^="zapier"] .ph-sidebar-item:hover,
[data-theme^="zapier"] .ph-sidebar-item.is-active {
  background: var(--r-surface-soft);
  color: var(--r-ink);
}

[data-theme^="zapier"] .ph-sidebar-avatar {
  background: var(--r-canvas);
  border-color: var(--r-stone);
  color: var(--r-ink);
}

[data-theme^="zapier"] .ph-flyout {
  background: var(--r-canvas);
}

[data-theme^="zapier"] .home-main {
  background: var(--r-surface-soft);
}

[data-theme^="zapier"] .home-prompt,
[data-theme^="zapier"] .home-quick-tile,
[data-theme^="zapier"] .home-card,
[data-theme^="zapier"] .home-opp,
[data-theme^="zapier"] .home-library {
  background: var(--r-canvas);
}

[data-theme^="zapier"] .home-prompt:focus-within {
  border-color: var(--r-ink);
}

[data-theme^="zapier"] .home-prompt-send,
[data-theme^="zapier"] .home-opp-primary,
[data-theme^="zapier"] .home-library-add,
[data-theme^="zapier"] .home-table-btn,
[data-theme^="zapier"] .home-library-empty-cta {
  background: var(--r-primary);
  color: var(--r-on-primary);
  border-color: var(--r-primary);
}

[data-theme^="zapier"] .home-prompt-send:hover,
[data-theme^="zapier"] .home-opp-primary:hover,
[data-theme^="zapier"] .home-library-add:hover,
[data-theme^="zapier"] .home-table-btn:hover,
[data-theme^="zapier"] .home-library-empty-cta:hover {
  background: var(--r-primary-deep);
  border-color: var(--r-primary-deep);
}

[data-theme^="zapier"] .r-btn-primary,
[data-theme^="zapier"] .ph-suc-copy {
  background: var(--r-primary);
  color: var(--r-on-primary);
}

[data-theme^="zapier"] .r-btn-primary:active,
[data-theme^="zapier"] .ph-suc-copy:hover,
[data-theme^="zapier"] .ph-ai-send:hover {
  background: var(--r-primary-deep);
}

[data-theme^="zapier"] .r-btn-dark {
  background: var(--r-ink);
  color: var(--r-on-dark);
}

[data-theme^="zapier"] .r-btn-dark:hover {
  background: var(--r-surface-deep);
}

[data-theme^="zapier"] .r-btn-outline-dark {
  background: var(--r-canvas);
  color: var(--r-ink);
  border-color: var(--r-ink);
}

[data-theme^="zapier"] .r-btn-outline-dark:hover {
  background: var(--r-ink);
  color: var(--r-on-dark);
}

[data-theme^="zapier"] .r-pill {
  border-radius: var(--r-radius-pill);
  background: var(--r-canvas);
  color: var(--r-ink);
  border-color: var(--r-ink);
}

[data-theme^="zapier"] .r-pill:hover,
[data-theme^="zapier"] .r-pill.is-active {
  background: var(--r-ink);
  color: var(--r-on-dark);
}

[data-theme^="zapier"] .sr-header,
[data-theme^="zapier"] .sr-card,
[data-theme^="zapier"] .sr-section-nav,
[data-theme^="zapier"] .sr-hero,
[data-theme^="zapier"] .sr-ai-card {
  background: var(--r-canvas);
}

[data-theme^="zapier"] body {
  background: var(--r-surface-soft);
}

[data-theme^="zapier"] .sr-agent-card {
  background: var(--r-surface-soft);
}