/*
 * Ruptur Platform UI contract — standalone applications only.
 * Chatwoot consumes the equivalent semantics through its native Vue components.
 */
:root {
  --ruptur-accent: var(--action-bg, #39d9bd);
  --ruptur-accent-strong: var(--cyan, #22b89d);
  --ruptur-danger: var(--red, #e35d6a);
  --ruptur-border: var(--line, color-mix(in srgb, currentColor 14%, transparent));
}

[data-ruptur-page-header] {
  border-bottom: 1px solid var(--ruptur-border);
  position: relative;
}

.ruptur-action {
  align-items: center;
  display: inline-flex;
  gap: .45rem;
  justify-content: center;
  min-height: 2.25rem;
}

.ruptur-action--logout { color: var(--ruptur-danger) !important; }
.ruptur-action--logout::before { content: '↪'; font-weight: 700; }
.ruptur-action--primary { background: var(--ruptur-accent) !important; border-color: var(--ruptur-accent) !important; color: var(--action-text, #06221d) !important; }
.ruptur-action--danger { background: var(--ruptur-danger) !important; border-color: var(--ruptur-danger) !important; color: #fff !important; }

@media (prefers-reduced-motion: no-preference) {
  .ruptur-action { transition: filter .16s ease, transform .16s ease; }
  .ruptur-action:hover { filter: brightness(1.06); transform: translateY(-1px); }
}