[data-fui-comp="ui-copy-btn"] {
  display: inline-block;
}
[data-fui-comp="ui-copy-btn"] .ui-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 4px);
  min-height: var(--spacing-touch-target, 44px);
  min-width: var(--spacing-touch-target, 44px);
  padding: 6px var(--spacing-md, 12px);
  border: 1px solid var(--color-border, #d0d0d8);
  border-radius: var(--radii-md, 6px);
  background: var(--color-surface, #fff);
  color: var(--color-text, #111);
  font: inherit;
  font-size: 0.85rem;
  cursor: pointer;
  transition: background-color 150ms ease, border-color 150ms ease;
}
[data-fui-comp="ui-copy-btn"] .ui-copy-btn:hover {
  background: var(--color-muted, #f3f3f5);
}
[data-fui-comp="ui-copy-btn"] .ui-copy-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-surface, #fff), 0 0 0 4px var(--color-primary, #4F46E5);
}
[data-fui-comp="ui-copy-btn"] .ui-copy-btn .ui-copy-btn__copied { display: none; }
[data-fui-comp="ui-copy-btn"] .ui-copy-btn.fui-copied { background: var(--color-success-bg, #e7f8ee); border-color: var(--color-success, #16a34a); }
[data-fui-comp="ui-copy-btn"] .ui-copy-btn.fui-copied .ui-copy-btn__label { display: none; }
[data-fui-comp="ui-copy-btn"] .ui-copy-btn.fui-copied .ui-copy-btn__copied { display: inline; color: var(--color-success, #16a34a); }
[data-fui-comp="ui-copy-btn"] .ui-copy-btn--icon { padding: 6px 10px; }