/* Base reset — strips user-agent defaults that Tailwind preflight would
   normally handle. We don't load full preflight yet (it would reset the
   legacy globals.css styling mid-migration), so this targeted reset removes
   the native <button>/form chrome — notably the default button border that
   showed on migrated command pills. Imported BEFORE globals.css so Tailwind
   utilities (single class) always win over these element rules. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

button,
[role="button"] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

/* Native focus rings replaced by per-component focus-visible styles. */
:focus:not(:focus-visible) {
  outline: none;
}
